Skip to content

Instantly share code, notes, and snippets.

@DriginCode

DriginCode/index.html

Created November 7, 2016 15:45
Show Gist options
  • Save DriginCode/0185f5d6cf1785895bcd5555514a118a to your computer and use it in GitHub Desktop.
Save DriginCode/0185f5d6cf1785895bcd5555514a118a to your computer and use it in GitHub Desktop.
Download ZIP
start html code & css
Raw
index.html
<!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">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="libs/animate/animate.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media.css">
<script src="libs/modernizr/modernizr.js"></script>
</head>
<body>
<div id="wrap">
<header style="background: blue;">
<div class="container">
header
</div>
</header>
<section style="background: green;">
<div class="container">
content
</div>
</section>
<!-- Прижимаем футер к низу -->
<div id="push"></div>
</div>
<footer id="footer" style="background: grey;">
<div class="container">
footer
</div>
</footer>
<div class="loader">
<div class="loader_inner"></div>
</div>
<!--[if lt IE 9]>
<script src="libs/html5shiv/es5-shim.min.js"></script>
<script src="libs/html5shiv/html5shiv.min.js"></script>
<script src="libs/html5shiv/html5shiv-printshiv.min.js"></script>
<script src="libs/respond/respond.min.js"></script>
<![endif]-->
<script src="libs/jquery/jquery-1.11.2.min.js"></script>
<script src="libs/animate/animate-css.js"></script>
<script src="js/common.js"></script>
</body>
</html>
<!-- CSS code begin -->
*::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
*:-moz-placeholder {
color: #666;
opacity: 1;
}
*::-moz-placeholder {
color: #666;
opacity: 1;
}
*:-ms-input-placeholder {
color: #666;
opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
}
body input:required:valid,
body textarea:required:valid {
}
html.js .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;
}
html.js .loader_inner {
background-image: url("../img/preloader.gif");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
left: 50%;
top: 50%;
position: absolute;
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.6;
font-family: "RobotoRegular", sans-serif;
overflow-x: hidden;
color: #000;
}
.hidden {
display: none;
}
/* Прижимаем футер вниз */
html,
body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}
#footer {
background-color: #f5f5f5;
}
/* Высота футера */
#push,
#footer {
height: 60px;
}
<!-- CSS code end -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment