Skip to content

Instantly share code, notes, and snippets.

@DriginCode

DriginCode/index.html

Created May 2, 2017 15:18
Show Gist options
  • Save DriginCode/11f67732a8de0c596d50b302ad18dd32 to your computer and use it in GitHub Desktop.
Save DriginCode/11f67732a8de0c596d50b302ad18dd32 to your computer and use it in GitHub Desktop.
Download ZIP
smart-grid-html-code-12-column-example
Raw
index.html
<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]>
<!-->
<html lang="ru">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Колонки</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.5, maximum-scale=1.0">
<link rel="stylesheet" href="css/libs.min.css" >
<link rel="stylesheet" href="libs/fancybox/jquery.fancybox.css" />
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media.css">
<script src="libs/modernizr/modernizr.js"></script>
</head>
<body>
<main class="wrap">
<!-- block-column begin-->
<header class="block-01">
<div class="container">
<div class="row row-center">
<div class="item-1">
<h1 class="center">
1
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-2">
<h1 class="center">
2
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-3">
<h1 class="center">
3
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-4">
<h1 class="center">
4
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-5">
<h1 class="center">
5
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-6">
<h1 class="center">
6
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-7">
<h1 class="center">
7
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-8">
<h1 class="center">
8
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-9">
<h1 class="center">
9
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-10">
<h1 class="center">
10
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-11">
<h1 class="center">
11
</h1>
</div>
</div>
<div class="row row-center">
<div class="item-12">
<h1 class="center">
12
</h1>
</div>
</div>
</div>
</header>
<!--/ block-column end-->
</main>
<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="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="libs/fancybox/jquery.fancybox.pack.js"></script>
<script src="libs/animate/animate-css.js"></script>
<script src="libs/waypoints/waypoints.min.js"></script>
<script src="libs/plugins-scroll/plugins-scroll.js"></script>
<script src="js/common.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment