Creating Multiple Page Layouts 4IP

tesla/hm.css

html, body, span, object, iframe, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark{ margin: 0px; padding: 0px; border: 0px none; font-weight: normal; font-size: 100%; } /* headings styling */ h1 {margin: 0px; font-weight:normal; font-size:3.0em; color:#FFFFFF} h2 {margin: 0px; font-weight:normal; font-size:2.50em; text-align:center; color:#FFFFFF} h3 {margin: 0px; font-weight:normal; font-size:2.0em; text-align:center; color:#FFFFFF} h4 {margin: 0px; font-weight:normal; font-size:1.50em; text-align:center;color:#FFFFFF} h5 {margin: 0px; font-weight:normal; font-size:1.2em; text-align:center;} h6 {margin: 0px; font-weight:normal; font-size:1.2em; text-align:left; color:#FFFFFF} body {background-image: url(tesla%20model%20x.jpg); background-repeat:no-repeat; background-size:1370px 700px} #container{ width:1250px; height:600px; font-color:#fff; margin-left:auto; margin-right:auto; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, Sans-Serif; font-size:16px; padding:10px; text-align:center; } #content{ text-align:left; padding: 5px 250px 0 250px; } .clearfix:after { display:block; clear:both; } #menu { font-color:#fff; text-align:center; padding-right:0px; padding-left:1000px; font-family:"Times New Roman", Times, serif; } #header{ height:550px; } #others{ height:10px; } #pics{ text-align:left; padding-top:20px; padding:10px; width:100%; height:100%; } a {color:#fff; padding:10px; } /* footer */ footer { height:10px; margin:40px 0 0 0; bottom:0; padding:10px; color:white; width:auto; text-align: center; } footer div { text-align: center; padding-bottom: 25px;}