/fe-01-portfolio

:palm_tree: Mock landing page using Bootstrap framework

Primary LanguageCSS

##Mock Travel Landing Page

###Features

  1. Resposive Design
  • Bootstrap framework
  • Elements on page adjust according to screen size
  1. Responsive Images
  • srcset used so browser can pick correct image size
  • i.e. srcset="images/tokyo-sm.jpg 142w, images/tokyo-md.jpg 284w, images/tokyo-lg.jpg 568w" sizes="100vw"
  1. Interactivity
  • Mosiac transition slide show of people from each city
  • Includes a travel quote for the slide caption
  • Third-party Bootstrap dialog shown when thumbnails are clicked
  1. Custom fonts
  • Uses Google Fonts