A webpage for a Sci-Fi Summit, based on the design of Cindy Shin. Developed with HTML5/CSS and Bootstrap 4.
The Navbar section width has a menu that expands from up of 768px, and it shows like a toggler for the mobile version. I achieved this feature with Bootstrap.
The main section contains all the needed info on each HTML page. I combined bootstrap and CSS files for the style.
In the index file, I used a jumbotron in the first part. I preferred to use semantic tags for dividing the sections in CSS. I used divs only for styling.
Index and About have a section showing the partners of the event. In the index page, the website only displays this section on the desktop version.
All the pages have a footer with Logo and Copyright info. In the index page, the website only displays this section on the desktop version.
There's one breakpoint for this Project
📱 Mobile version ≤ 768px
💻 Desktop version > 768px
Cocogoose and Lato are the fonts used for this project.
- HMTL5
- CSS
- Bootstrap 4
You can check a Live Demo of this project.
Instead, Helvetica, Times New Roman and Arial are displayed.
This project uses the design of Cindy Shin, which is licensed by CC 4.0.
You can share and remix this design, but:
-
You must give appropriate attribution to the author.
-
You may not use the material for commercial purposes.
-
Download the files and click in the index.HTML
-
Download the Font folder for seeing the original fonts
👤 Juan Paulo Perez Tejada
- Github: @Maclenn77
- Twitter: @srjuanpapas
- Linkedin: Juan Paulo Perez-Tejada
You can also read my articles in developerz.software