Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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.