Skip to content

Create Tribute Page to Muhammad Ali - Static wbsite created using html and css only

Notifications You must be signed in to change notification settings

mynameisearth/tribute-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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