https://github.com/raminka13/capstone-m1

Non commercial student practice in HTML-CSS-JS. Original design idea by Cindy Shin in Behance.
https://github.com/raminka13/capstone-m1

css html javascript

Last synced: about 1 year ago
JSON representation

Non commercial student practice in HTML-CSS-JS. Original design idea by Cindy Shin in Behance.

• Host: GitHub
• URL: https://github.com/raminka13/capstone-m1
• Owner: raminka13
• Created: 2022-06-20T15:13:24.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-23T18:32:43.000Z (about 4 years ago)
• Last Synced: 2023-03-05T03:12:52.778Z (over 3 years ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage:
• Size: 7.02 MB
• Stars: 8
• 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)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

# Microverse Module 1 Capstone Project ⚙️

> This is a non commercial project. For learning purpose based on an original design idea by [Cindy Shin in Behance](https://www.behance.net/adagio07) under creative commons license.

In this project we were required to follow design guidelines while coding a semantic HTML structure, layout and colors in CSS and dynamic section (speakers) and functions (mobile menu) by Javascript following industry best practices.

## Tech ⌘⇧

- **HTML & CSS best practices:** Correct use of tags, elements, properties and syntax.

- **GitHub flow:**  Correct use of Branches for deployment and features development.

- **Linters Check:** Local and Pull Request Github workflows to check for stylistic errors, bugs and syntax errors in code.

## Live Demo 

- [Github Pages Demo](https://raminka13.github.io/Capstone-M1/)

- [Video Demo](https://youtu.be/_LSZU9BL6ek)

## Author ✍🏼

👤 **Raul A Ospina** 🧑🏻‍💻

- GitHub: [@raminka13](https://github.com/raminka13)

- Twitter: [@raminka13](https://twitter.com/raminka13)

- LinkedIn: [Raul Ospina](http://linkedin.com/in/raul-ospina-83232614)

## Project Milestones

- **Milestone 0 - project setup (0.5h)** ✅

- **Milestone 1 - content (1h)** ✅

- **Milestone 2 - mobile first (5h)** ✅

- **Milestone 3 - desktop version (5h)** ✅

- **Milestone 4 - interactions (1.5h)** ✅

- **Milestone 5 - dynamic page (5h)** ✅

- **Milestone 6 - documentation (1.5h)** ✅

## Show your support 🦾

- Give a ⭐️ if you like this project!

## License 📝 

- This project is [MIT](./MIT.md) licensed.

- Original design idea by [Cindy Shin in Behance](https://www.behance.net/adagio07) under creative commons license.