Skip to content

A webpage for a Sci-Fi Summit, based on the design of Cindy Shin. Developed with HTML5/CSS and Bootstrap 4.

Notifications You must be signed in to change notification settings

Maclenn77/Website-SF-Summit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Microverse - Capstone Project (Conference)

A webpage for a Sci-Fi Summit, based on the design of Cindy Shin. Developed with HTML5/CSS and Bootstrap 4.

Navbar

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.

Main

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.

Footer

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.

Break Points

There's one breakpoint for this Project

📱 Mobile version ≤ 768px

💻 Desktop version > 768px

Fonts

Cocogoose and Lato are the fonts used for this project.

Built With

  • HMTL5
  • CSS
  • Bootstrap 4

Live demo

You can check a Live Demo of this project.

⚠️ Warning! Probably you will not be able to see the original fonts in the live version. ⚠️

Instead, Helvetica, Times New Roman and Arial are displayed.

Preview

Mobile version

Jumbotron and Navbar

image

Desktop version

Navbar

image

Jumbotron

image

Other sections

image

image

Partners and Footer

image

Legal info

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.

Getting Started

  • Download the files and click in the index.HTML

  • Download the Font folder for seeing the original fonts

Developed by

👤 Juan Paulo Perez Tejada

You can also read my articles in developerz.software

About

A webpage for a Sci-Fi Summit, based on the design of Cindy Shin. Developed with HTML5/CSS and Bootstrap 4.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published