index.jade

doctype html
html(lang="en").no-js
	head
		meta(charset="utf-8")
		meta(http-equiv="X-UA-Compatible", content="IE=edge")
		meta(name="viewport", content="width=device-width, initial-scale=1")
		meta(name="description", content="Описание сайта")
		meta(name="keywords", content="Ключевые слова")
		link(rel="shortcut icon", href="", type="image/x-icon")
		link(rel="stylesheet", href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.css")
		link(rel="stylesheet", href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css")
		link(rel="stylesheet", href="css/styles.css")

		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
		title Foundation Grid
	body
		.row
			.columns.small-12.large-4.medium-4
				h1 SiteName

			.columns.small-12.large-8.medium-8
				ul.inline-list.top-actions.right
					li: a.fi-mail(href="") Newsletter
					li: a.fi-rss(href="") RSS
					li.hide-for-small-only |
					li: form.row.collapse
							.columns.small-4: label Register
							.columns.small-6: input(type="text")
							.columns.small-2: a.button.postfix(href="") Go
		<br>
		.row
			.columns.small-12
				dl.sub-nav
					dd.active: a(href="") Home
					dd: a(href="") Comics
					dd: a(href="") Movies
					dd: a(href="") Concerts
					dd: a(href="") YouTube
		.row
			.columns.small-12.medium-7.large-5
				include includes/col-1

			.columns.small-12.medium-5.large-4.ruled
				include includes/col-2
				
			.columns.small-12.large-3
				include includes/col-3

		footer
			.row
				.columns.small-12: hr(style="border-width: 6px 0 0;")
			
			.row
					.columns.small-6
						strong Rubicon
						ul.square
							li sit amet
							li consectetur adipisicing elit
							li sed temporibus
							li molestias dignissimos

			
					.columns.small-6
						strong Rubicon
						ul.square
							li sit amet
							li consectetur adipisicing elit
							li sed temporibus
							li molestias dignissimos

			
					.columns.small-6
						strong Rubicon
						ul.square
							li sit amet
							li consectetur adipisicing elit
							li sed temporibus
							li molestias dignissimos

			
					.columns.small-6
						strong Rubicon
						ul.square
							li sit amet
							li consectetur adipisicing elit
							li sed temporibus
							li molestias dignissimos

			
					.columns.small-12.end
						strong Rubicon
						ul.square
							li sit amet
							li consectetur adipisicing elit
							li sed temporibus
							li molestias dignissimos