This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Прижимаем футер вниз */ | |
html, | |
body { | |
height: 100%; | |
} | |
#wrap { | |
min-height: 100%; | |
height: auto !important; | |
height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="wrap"> | |
<header style="background: blue;"> | |
<div class="container"> | |
header | |
</div> | |
</header> | |
<section style="background: green;"> | |
<div class="container"> | |
content | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title>Заголовок</title> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<link rel="shortcut icon" href="favicon.png" /> | |
<link rel="stylesheet" href="css/fonts.css" /> | |
<link rel="stylesheet" href="css/main.css" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.loader { | |
background: none repeat scroll 0 0 #ffffff; | |
bottom: 0; | |
height: 100%; | |
left: 0; | |
position: fixed; | |
right: 0; | |
top: 0; | |
width: 100%; | |
z-index: 9999; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function() { | |
function heightDetect() { | |
$(".main_head").css("height", $(window).height()); | |
}; | |
heightDetect(); | |
$(window).resize(function() { | |
heightDetect(); | |
}); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav class="main_menu"> | |
<div class="container"> | |
<div class="row"> | |
<button class="main_menu_button hidden-lg hidden-md hidden-sm"><i class="fa fa-bars" aria-hidden="true"></i></button> | |
<ul> | |
<li class="active"><a href="#">HOME</a></li> | |
<li><a href="#">PHOTO</a></li> | |
<li><a href="#">VIDEO</a></li> | |
<li><a href="#">ABOUT</a></li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.main_menu { | |
background-color: #9d8a71; | |
color: #000; | |
text-align:center; | |
} | |
.main_menu a { | |
color: #000; | |
padding:5px 20px; | |
display: block; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Extra Small Devices, Phones */ | |
@media only screen and (max-width : 479px) { | |
.main_menu ul { | |
display: none; | |
width:100%; | |
background-color: #9d8a71; | |
} | |
.main_menu ul li { | |
display: block; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Если ты используешь картинку как фон в header используй: | |
header{ | |
background:url(path_to_your_image) no-repeat center center fixed; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
height: 100px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | |
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | |
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> | |
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ru"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<title>Расписание занятий тренинга 3 ДЕНЕЖНЫХ ПЛАГИНА для управления Вселенной</title> | |
<meta name="description" content=""> | |
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon"> |
OlderNewer