diff --git a/css/main.css b/css/main.css index 72b9598..b566dcf 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,5 @@ +@media (max-width:768px){ .footer{position:absolute;width:100%;} } +@media (min-width:768px){ .footer{position:absolute;width:100%;bottom:0;height:100px;} } .navbar{ background-color: transparent; background: transparent; @@ -7,7 +9,6 @@ { color: #000; } - .header-container{ width: 100%; height: 900px; @@ -45,3 +46,25 @@ video{ margin-top: 25.833333333%; margin-left: 2% } +html { + position: relative; + min-height: 100%; +} +body { + margin-bottom: 100px; +} +.footer { + position: absolute; + bottom: 0; + width: 100%; + height: 100px; + background-color: #393939; +} +.footer-text { + color: #FF9900; +} +.row-footer { + margin: 0 auto; + padding: 20px 0; + background-color: #393939; +} diff --git a/index.html b/index.html index d795f11..349c2ad 100644 --- a/index.html +++ b/index.html @@ -72,6 +72,21 @@

hello

+