Skip to content

Latest commit

 

History

History
19 lines (11 loc) · 1.2 KB

README.md

File metadata and controls

19 lines (11 loc) · 1.2 KB

tribute-page

#First static site build using html,css = project name : Tribute Page to Muhammad Ali Create first static website Technologies Used => 1. html & 2. css ( flexbox & mediaquery for responsive )

Used Images in ./Images/ Folder

Responsive Media query folder include media queries for following device width: ./Responsive-media-query/mobile.css ===>>> media=(max-width:480px) ./Responsive-media-query/low-resolution-tablets.css ===>>> media=(max-width:767px) and (min-width:481px) ./Responsive-media-query/tablets-ipas-portrain-mode.css ===>>> media=(max-width:1024px) and (min-width:767px) ./Responsive-media-query/laptops-desktops.css" ===>>> media=(max-width:1281px) and (min-width:1025px) ./Responsive-media-query/Lanscape-view-all.css"> ===>>> media=(max-width: 800px) and (max-height: 500px) <<== This for Mobile Landscape View

Created 5 Section with 5 different background images,

Section 1 > .container > .left-section - .right-section

Section 2 > .container > .about-box <<<=== Similar to Section 4

Section 3 > .container > .legacy-box <<<=== Similar to Section 5

Section 4 > .container > .controversy-box <<<=== Similar to Section 2

Section 5 > .container > .quotes-box <<<=== Similar to Section