Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/acushlakoncept/conference-page
This project is a complete design on the DEF CON Uyo Conference page (Fictional). A design prototype from Cindy Shin - CC Global Summit 2015.
https://github.com/acushlakoncept/conference-page
css html5 javascript responsive-design sass
Last synced: 5 days ago
JSON representation
This project is a complete design on the DEF CON Uyo Conference page (Fictional). A design prototype from Cindy Shin - CC Global Summit 2015.
- Host: GitHub
- URL: https://github.com/acushlakoncept/conference-page
- Owner: acushlakoncept
- Created: 2020-06-01T11:58:57.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T08:53:33.000Z (almost 2 years ago)
- Last Synced: 2023-08-20T11:14:17.182Z (about 1 year ago)
- Topics: css, html5, javascript, responsive-design, sass
- Language: HTML
- Homepage: https://defconuyo.netlify.app/
- Size: 3.48 MB
- Stars: 10
- Watchers: 1
- Forks: 2
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DEF CON Uyo - Nigeria Conference Page
[](https://app.netlify.com/sites/defconuyo/deploys)
> This project is my HTML & CSS Capstone Project in Microverse.
The project is a complete design on the DEF CON Uyo Conference page (Fictional). A design prototype from Cindy Shin [CC Global Summit 2015](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015).
Complete design of the index, about and ticket page designed using Grid, Flexbox, and Position alongside with other CSS concepts.
In this project, SASS was utilized in compiling the style.css file.
The whole idea of modularizing the styles was indeed a great take away in this project. Thanks to SASS.
I used the CSS checkbox trick to implement the mobile menu.
I have also included the manifest.json file for the web, which holds some metadata for the site info and tells the browser more information about the application. You can easily generate on [here](https://tomitm.github.io/appmanifest/)
## Built With
- HTML
- CSS
- Stickler for CSS validation
- FontAwesome
- SASS
- Manifest
## Live Demo
[Live Demo Link](https://defconuyo.netlify.app/)
## Video Description
[Video Description](https://www.loom.com/share/fd96c7220f464cc18386ee3834e2f55d)
## Getting Started
To get a local copy of the repository please run the following commands on your terminal:
```
$ cd
```
```
$ git clone https://github.com/acushlakoncept/conference-page.git
```
To install the required sass node modules
```
$ npm install
```
Run SASS on command line to automatically compile to style.css
```
$ npm run compile:sass
```
## Future Implementations
> Detailed Program Itinerary Page
## Author
**Uduak Essien**
- Github: [@acushlakoncept](https://github.com/acushlakoncept/)
- Twitter: [@acushlakoncept](https://twitter.com/acushlakoncept)
- Linkedin: [acushlakoncept](https://www.linkedin.com/in/acushlakoncept/)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](https://github.com/acushlakoncept/conference-page/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- UI Design Credits goes to [Cindy Shin - CC Global Summit 2015](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)
- Project inspired by Microverse Program