https://github.com/fmanimashaun/conference-page

As part of Microverse programme requirements for the completion of the HTML/CSS & JavaScript Module, I replicate the design of an online website for a conference based on the design guidelines provided via Cindy Shin in Behance.
https://github.com/fmanimashaun/conference-page

css css3 figma html javascript photoshop

Last synced: 14 days ago
JSON representation

As part of Microverse programme requirements for the completion of the HTML/CSS & JavaScript Module, I replicate the design of an online website for a conference based on the design guidelines provided via Cindy Shin in Behance.

• Host: GitHub
• URL: https://github.com/fmanimashaun/conference-page
• Owner: fmanimashaun
• License: other
• Created: 2022-10-24T22:18:00.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T10:57:09.000Z (about 2 years ago)
• Last Synced: 2024-10-10T07:40:55.110Z (about 1 month ago)
• Topics: css, css3, figma, html, javascript, photoshop
• Language: CSS
• Homepage: https://fmanimashaun.github.io/Conference-page/
• Size: 9.78 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/fmanimashaun-blue)

# HTML/CSS & JavaScript capstone project - Conference page

## Overview

As part of Microverse programme requirements for the completion of the **HTML/CSS & JavaScript Module**, I replicate the design of an online website for a conference based on the design [guidelines](https://github.com/microverseinc/curriculum-html-css/blob/main/capstone/html_capstone.md) provided via [Cindy Shin in Behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015). To get a close approximate measurement of components on the website, a site prototype was created using [Figma](https://www.figma.com/file/V0vg37EZhAbP9nUPOeCy6p/HTML%2FCSS-%26-JavaScript-capstone-project---Conference-page?node-id=68%3A4) and Photoshop. However, further personalization was adopted to make the deliverable unique.

## Project Tasks List (Working-in-progress)

- [x] Setting up the initial project structure

- [x] mobile version skeleton

- [x] Desktop version

- [x] Mobile menu - javascript

- [x] Dynamic creation of html elements with javascript

> [Live Demo Link](https://fmanimashaun.github.io/Conference-page/)

> [Video Demo on LOOM](https://www.loom.com/share/fbebfa9e8d6b4a4c974a067554b75435)

## Screenshots

Desktop View



  



Tablet View



  



Mobile View



  

  



## Built With

- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- [Algorithm Layout](https://every-layout.dev/)

- [Figma](https://www.figma.com)

- [Photoshop](https://www.adobe.com/africa/products/photoshop.html)

## Authors

👤 **Engr. Animashaun Fisayo**

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

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

- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)

- [Website](https://fmanimashaun.com)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Credit

- Design Inspiration by [Cindy Shin](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)

## 📝 License

[![CC BY-NC-SA 4.0][cc-by-nc-sa-shield]][cc-by-nc-sa]

This work is licensed under a

[Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](./LICENSE)

[![CC BY-NC-SA 4.0][cc-by-nc-sa-image]][cc-by-nc-sa]

[cc-by-nc-sa]: http://creativecommons.org/licenses/by-nc-sa/4.0/

[cc-by-nc-sa-image]: https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png

[cc-by-nc-sa-shield]: https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg