till-tomorrow / my-pretty-website

A responsive sample website styled using Bootstrap

my-pretty-website

This is a responsive sample website styled using Bootstrap, compatible for all the screen sizes. It implements Bootstrap grid for positioning of the elements.

Section 1 and 2

Section 3

Section 4 and 5

It contains the following sections:

1. Navbar It contains differrnt elements and a drop down menu(for "swags") which when hovered over change colour. When the screen is squeezed-in beyond a certain limit, all the elements except "CODE" disappear and appear in a dropdown menu.

2. Section 2 It contains a jumbotron and a carousel.

3. Section 3 It contains text, images and a button "Get Cool Stuff!" which when clicked opens up a modal. The modal contains content label, a logo and inputboxes for name and email. It also contains a close button.

   (When "Get Cool Stuff!" button is clicked)

   

4. Link to videos on my Youtube channel It contains 3 buttons which when clicked open up modals containing link to youtube video and its short description. These modals decrease in size from button "Funcions" to button "Pattern".

   (When button for "Number System is clicked")

   

5. Footer It contains a logo and 3 favicons. When favicon of facebook is clicked, it opens up facebook in new window.