Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/187jjay187/cap-tech-page
This is a single page application of a Tech-News-Blog that showcase's weekly updates to their blog with topics ranging from programming languages, top university speakers and contributors as well as information about the site and a contact page, this project was built with HTML, CSS and JavaScript
https://github.com/187jjay187/cap-tech-page
bootstrap css figma github html javascript linter-config vscode
Last synced: 2 months ago
JSON representation
This is a single page application of a Tech-News-Blog that showcase's weekly updates to their blog with topics ranging from programming languages, top university speakers and contributors as well as information about the site and a contact page, this project was built with HTML, CSS and JavaScript
- Host: GitHub
- URL: https://github.com/187jjay187/cap-tech-page
- Owner: 187jjay187
- Created: 2022-10-25T10:07:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-18T20:32:59.000Z (about 2 years ago)
- Last Synced: 2023-04-18T19:09:44.953Z (over 1 year ago)
- Topics: bootstrap, css, figma, github, html, javascript, linter-config, vscode
- Homepage:
- Size: 1.46 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# Cap stone project -
> This is my first capstone project created with html, css, javascript and photoshop
## Recent Fixes
-
## Built With
- HTML
- Use semantic HTML tags.
- Apply best practices in HTML code.- CSS
- Use CSS selectors correctly.
- Use CSS box model.
- Use Flexbox to place elements in the page.
- Use grid to place elements in the page.
- Media queries use to create UIs adaptable to different screen sizes.
- Mobile Max-width: 768px
- Desktop Min-width: 768px- JavaScript
- Apply JavaScript best practices and language style guides in code.
- Use JavaScript to manipulate DOM elements.
- Use JavaScript events.
- Use objects to store and access data.- GitHub
- Use GitHub Pages to deploy web pages.# Live Demo
## Workflow screenshots![Web capture_18-11-2022_221448_127 0 0 1](https://user-images.githubusercontent.com/90766123/202796490-2f6e7925-e51b-4df8-b88f-dbc29f5cd38c.jpeg)
![Web capture_18-11-2022_221850_127 0 0 1](https://user-images.githubusercontent.com/90766123/202796311-3de3acd9-94fa-415f-a880-b788f4f5b164.jpeg)
![Web capture_18-11-2022_222031_127 0 0 1](https://user-images.githubusercontent.com/90766123/202796548-2297250d-1b8e-4508-b658-019224e3b2b1.jpeg)
![Web capture_18-11-2022_222544_127 0 0 1](https://user-images.githubusercontent.com/90766123/202796603-8e3d0621-5b3a-45d4-9de8-6cc466633931.jpeg)- [Live link](https://187jjay187.github.io/cap-tech-page/)
## Getting Started
**This is an example of how you may give instructions on setting up your project locally.**
**Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.**To get a local copy up and running follow these simple example steps.
### Prerequisites
Browser and git### Install
git clone https://github.com/187jjay187/cap-tech-page### Usage
Open in browser### Project Documantaion and short descriptive Video
- Click on the link for [Short video](https://www.loom.com/share/3a9a3e10d10d429b89f2db89be4cb199)
## Authors👤 **Jerome**
- GitHub: [@githubhandle](https://github.com/187jjay187)
- Twitter: [@twitterhandle](https://twitter.com/187jjay187)
- LinkedIn: [LinkedIn](https://linkedin.com/in/jerome-osman-137605a4)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/187jjay187/cap-tech-page/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Thanks to the Microverse team for the great curriculum.
- Thanks to the Code Reviewer(s) for the insightful feedback.
- A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
- Hat tip to anyone whose code was used.
- Cindy Shin the author of the original design [www.behance.net](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015/)## 📝 License
This project is [MIT](./MIT.md) licensed.