- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ (OPTIONAL)
- 📝 License
This project is to put to test the understanding of individual student on what they've studied so far from the curriculum's module 1.!
- Here is the page preview
Mobile version Desktop version
Learning objectives
- I Used semantic HTML tags.
- I Applied best practices in HTML code.
- Used CSS selectors correctly.
- Used CSS box model.
- Used Flexbox to place elements on the page.
- Demonstrated ability to create UIs adaptable to different screen sizes using media queries.
- Used GitHub Pages to deploy web pages.
- Applied JavaScript best practices and language style guides in code.
- Used JavaScript to manipulate DOM elements.
- Used JavaScript events.
- Used objects to store and access data.
- Communicated technical concepts to other technical people.
HTML
CSS
Git&Github
Javascript
- WebHint
- Stylelint
- ESlint
- Node Packet Manager
- [Create the toolbar]
- [Create the headline section]
- [Import svg images and style accordingly]
- [Enhancing CSS classes ]
- [Use css minifier to get on css file ]
- [buttons]
- [Contact Form]
- [Navigation Section]
- [Portfolio Page]
- [Headline Section]
- [About page]
https://aj193.github.io/Capstone-project/index.html
https://www.loom.com/share/227bb8115fd2477d9f6ca239950b6e0a
To get a local copy up and running, follow these steps.
- Basic html, css and medium Javascript know how.
- Git installation
- A text editor
- A terminal
- A web browser to view output e.g Google Chrome
- An IDE e.g Visual studio code
In order to run this project you need:
npm install
Clone this repository to your desired folder:
cd my-folder
git clone git@github.com:tamoorsaeed22/My-Capstone-Project.git
Install this project with:
cd my-project
npm install
=======
cd my-folder
git clone git@github.com:tamoorsaeed22/My-Capstone-Project.git
Install this project with:
cd my-project
npm install
To run the project, execute the following command:
live server
npm start
To run tests, run the following command:
npm install --save-dev hint@7.x
npx stylelint "**/*.{css,scss}"
You can deploy this project using:
github pages
👤 Ghulam Shabbir
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
- [Add More styling]
- [HTML pop up]
- [Add work and about section]
- [Local Host]
- [Web browser access]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Most of us are pretty good at judging whether a project is relevant for us. We might not be the master of it but we might recognize that we’ve done something similar before and feel confident that we can pick it up and help.If you can’t find anything you think you are good at, consider looking at different projects that require less technical skill.If relevant for the project, you can also prepare some samples specific to the project to impress the client.The trick is to prepare some that are slightly different or watermarked, so they can’t use them in the project but close enough that they can see the potential If you like this project, kindly give it a star.
- The original design ideal by Cindy Shin in Behance
- Project from Microverse html & css module
- Images inspired by Unsplash
- Topic inspired by Khadija Hamdani
I would like to thank my colleague and Microverse for the opportunity
This project is MIT licensed.