AbdelGawad (Talk | contribs) |
AbdelGawad (Talk | contribs) |
||
Line 76: | Line 76: | ||
#banner{width:100%;background:#666;height:200px; clear:both;} | #banner{width:100%;background:#666;height:200px; clear:both;} | ||
#one_col{width:100%;height:200px; border:1px solid #333; color:#FFF;} | #one_col{width:100%;height:200px; border:1px solid #333; color:#FFF;} | ||
− | #footer{padding: | + | section { |
+ | width: 100%; | ||
+ | padding: 0 7%; | ||
+ | display: table; | ||
+ | margin: 0; | ||
+ | max-width: none; | ||
+ | background-color: #373B44; | ||
+ | height: 100vh; | ||
+ | |||
+ | &:nth-of-type(2n) { | ||
+ | background-color: #FE4B74; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .intro { | ||
+ | height: 90vh; | ||
+ | } | ||
+ | footer { | ||
+ | padding: 1% 5%; | ||
+ | text-align:center; | ||
+ | background-color: #373B44; | ||
+ | color: white; | ||
+ | |||
+ | a { | ||
+ | color: #FE4B74; | ||
+ | font-weight: 500; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
<head> | <head> | ||
<body> | <body> | ||
− | < | + | <section class="intro"> |
<div id="header"> | <div id="header"> | ||
Line 162: | Line 190: | ||
</div> | </div> | ||
− | </ | + | </section> |
− | < | + | <section> |
<div id="banner">Banner</div> | <div id="banner">Banner</div> | ||
<div id="one_col"> One Col</div> | <div id="one_col"> One Col</div> | ||
− | </ | + | </section> |
<div id="footer>Footer</div> | <div id="footer>Footer</div> | ||
Revision as of 05:17, 9 August 2017
LOGO
Top_Info