Högskoleprovet – Higher Education Testbook

HTML
<!DOCTYPE html>
<html lang="ru">
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="author" content="True Vision | www.true-vision.net">

	<meta name="csrf-param" content="authenticity_token"/>
	<meta name="csrf-token" content="HYXJRbHsr4HRFs2FLCEufYZNwbgil3dOEA6neoqBNyE="/>

	<link rel="shortcut icon" href="/favicon.ico">

	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
	<link href="css/reset.css" media="screen" rel="stylesheet" type="text/css">
	<link href="css/controls.css" media="screen" rel="stylesheet" type="text/css">
	<link href="css/form.css" media="screen" rel="stylesheet" type="text/css">
	<link href="css/layout.css" media="screen" rel="stylesheet" type="text/css">
	<link href="css/style.css" media="screen" rel="stylesheet" type="text/css">
	<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=ie6/ie6.html"><![endif]-->
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<link href="css/ie.css" media="screen" rel="stylesheet">
	<![endif]-->
</head>
<body>

	<header>
		<div class="wrap">
			<strong class="logo"><a href="/">högskoleprovet.se</a></strong>
			<ul class="nav">
				<li><a href="#"><span>Example</span></a></li>
				<li><a href="#"><span>Help</span></a></li>
				<li><a href="#"><span>Contacts</span></a></li>
				<li><a href="#" class="dropdown-opener"><span>Högskoleprovet info<span class="arrow"></span></span></a>
					<ul class="dropdown">
						<li><a href="">Higher sample different parts</a></li>
						<li><a href="">Provider and sample locations</a></li>
						<li><a href="">Universities</a></li>
						<li><a href="">Study Links & Partners</a></li>
						<li><a href="">Earn money from your website</a></li>
						<li class="footer"><div><div></div></div></li>
					</ul>
				</li>
			</ul>
			<a href="#" class="button-special last"><span>Ordering</span></a>
		</div>
	</header>

	<section id="promo">
		<div class="wrap">
			<aside class="actions">
				<div class="price-tag">only <span class="value">349</span>kronor</div>
				<img class="img" src="images/book.png" alt="" />
				<a href="" class="next">Click to look inside</a>
			</aside>

			<article>
				<div class="news">
					<div class="h"></div>
					<div class="m">
						<div class="post">
							<h3 class="title calendar"><a href="">Provdagar</a></h3>
							<p>Våren 2011 äger provet rum den 2 april.</p>
							<p>Sista anmälningsdag är den 15 februari.</p>
						</div>
						<div class="post last">
							<h3 class="title calendar"><a href="">Nästa provdagar</a></h3>
							<p>Hösten 2011 äger provet rum den 29 oktober.</p>
							<p>Sista anmälningsdag är den 15 september.</p>
						</div>
					</div>
					<div class="f"></div>
				</div>

				<h1 class="header-1">Högskoleprovet – förbered dig och uppnå Toppresultat!</h1>

				<p>Högskoleprovet övningsbok är uppbyggt på ett sådant sätt att du får kunskap, förståelse och träning inför ditt högskoleprov.</p>
				<p>
					Du tränar på autentiska uppgifter och du får pedagogisk handledning med massor av smarta lösningsförslag. Alla uppgifter innehåller utförlig lösningsmetodik och förklaringar samt lättförstålig analys. Alla uppgifter innehåller utförlig lösningsmetodik och förklaringar samt lättförstålig analys.
					<a href="">Read more…</a>
				</p>

				<div class="actions">
					<a href="" class="button-special big"><span>Buy the book now</span></a>
					<div class="pdf">
						<a href="">Product sheet</a>
						<div class="hint size">(PDF 881 KB)</div>
					</div>

					<div class="google-plus">
						<img src="images/google-plus-button.png" alt="" />
						<!-- Place this tag where you want the +1 button to render -->
						<!--
						<g:plusone annotation="inline" href="google.com"></g:plusone>
						-->
						<!-- Place this render call where appropriate -->
						<!--
						<script type="text/javascript">
						  (function() {
							var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
							po.src = 'https://apis.google.com/js/plusone.js';
							var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
						  })();
						</script>
						-->
					</div>
				</div>
			</article>
		</div>
	</section>

	<section id="content-main">
		<aside class="b-blog">
			<h2 class="header-2">Our blog</h2>
			<dl class="blog">
				<dt class="title"><a href="">Announcing new test book</a></dt>
				<dd class="details">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget elit ante. Ut mollis ante ut nisl pellentesque sollicitudin. </dd>
			</dl>
			<dl class="blog">
				<dt class="title"><a href="">Title of other entry</a></dt>
				<dd class="details">Sed ac tellus ac turpis suscipit suscipit nec sed leo. Vestibulum ac metus nec augue sodales fermentum quis at lacus. </dd>
			</dl>
			<dl class="blog">
				<dt class="title"><a href="">The third blog entry</a></dt>
				<dd class="details">Ut ullamcorper mollis quam, ac faucibus nisi porttitor a. Curabitur vitae lobortis metus.</dd>
			</dl>
		</aside>

		<article>
			<h2 class="header-2">Testimonials</h2>

			<ul class="group">
				<li class="col-1">
					<div class="img-container">
						<img src="images/img-1.png" alt="" />
					</div>
					<div class="name">Kate Lohness</div>
					<div class="post">student</div>
					<blockquote>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget elit ante. Ut mollis ante ut nisl pellentesque sollicitudin. </p>
					</blockquote>
				</li>
				<li class="col-2">
					<div class="img-container">
						<img src="images/img-2.png" alt="" />
					</div>
					<div class="name">Sergio Bookworm</div>
					<div class="post">student</div>
					<blockquote>
						<p>Nam bibendum venenatis felis quis hendrerit. Sed ac tellus ac turpis suscipit suscipit nec sed leo. </p>
					</blockquote>
				</li>
				<li class="col-3">
					<div class="img-container">
						<img src="images/img-3.png" alt="" />
					</div>
					<div class="name">Jessica Getbrown</div>
					<div class="post">student</div>
					<blockquote>
						<p>Ut mollis ante ut nisl pellentesque sollicitudin. Nam bibendum venenatis felis quis hendrerit.</p>
					</blockquote>
				</li>
			</ul>
			<div class="clear"></div>
		</article>
	</section>

	<footer>
		<div class="wrap">
			<p class="copyright">
				Copyright © 2011 Högskoleprovet.se <br />
				All rights reserved.
			</p>

			<ul class="nav">
				<li class="active"><a href="">Home</a></li>
				<li><a href="">Example</a></li>
				<li><a href="">Help</a></li>
				<li><a href="">Contacts</a></li>
				<li><a href="" class="button-special"><span>Ordering</span></a></li>
			</ul>

			<ul class="links">
				<li class="col-1">
					<ul>
						<li class="title">Högskoleprovet info</li>
						<li><a href="">Higher sample different parts</a></li>
						<li><a href="">Provider and sample locations</a></li>
						<li><a href="">Universities</a></li>
						<li><a href="">Study Links & Partners</a></li>
						<li><a href="">Earn money from your website</a></li>
					</ul>
				</li>
				<li class="col-2">
					<ul>
						<li class="title">Partners</li>
						<li><a href="">Etiam fringilla</a></li>
						<li><a href="">Eros ut pulvinar gravida</a></li>
						<li><a href="">Quam lorem gravida nisi</a></li>
						<li><a href="">A tempus est</a></li>
						<li><a href="gallery" rel="modal">turpis in nulla</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</footer>

	<div id="overlay">
		<div class="modal gallery">
			<a href="" class="close"><span>Close</span></a>
			<ul class="carousel">
				<li><img src="images/img1-preview.png" alt="" /></li>
				<li><img src="images/img2-preview.png" alt="" /></li>
				<li><img src="images/img3-preview.png" alt="" /></li>
				<li><img src="images/img4-preview.png" alt="" /></li>
			</ul>
		</div>
	</div>
	<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
	<script src="js/jquery.form.js" type="text/javascript"></script>
	<script src="js/jquery.rails.js" type="text/javascript"></script>
	<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
	<script src="js/application.js" type="text/javascript"></script>
</body>
</html>