Просмотр файла odvin/index.html

Размер файла: 6.07Kb
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Portfolio by Jack Hill</title>
<meta name="keywords" content="Portfolio, web design, designer, ps, photoshop, free design, order design, design" />
<meta name="description" content="keywords" content="Portfolio, web design, designer, ps, photoshop, free design, order design, design" />
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen, projection" />
<!--[if lte IE 8]><link rel="stylesheet" href="css/style-ie8.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/style-ie7.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="css/style-ie6.css" type="text/css" media="screen, projection" /><![endif]-->
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
	<!--[if !IE | (gt IE 8)]><!-->
	<script src="../js/tooltips.js"></script>
	<script src="../js/tooltips2.js"></script>
	<script src="../js/mob.js"></script>
</head>
<body>
<div class="htmldoc">
	<div class="m-header">
		<a href="#" class="btn-menu"></a>
		<a href="#" class="btn-x"></a>
		<a href="#" class="btn-i"></a>
		<div class="clear"></div>
	</div> <!--//.m-header//-->

	<div class="header">
		<div class="topline">
			<div class="left"></div>
			<div class="right"></div>
		</div>
		<div class="clear"></div>
		<div class="nav">
			<div class="left">
				<ul>
					<li><a href="/" class="portfolio">Portfolio</a></li>
					<li><a href="/blog/" class="blog">Blog</a></li>
				</ul>
				<div class="clear"></div>
			</div>
			<div class="right">
				<ul>
					<li><a href="/about/" class="about">About</a></li>
					<li><a href="/contacts/" class="contacts">Contacts</a></li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="arr"></div>
		<a href="/" class="logo">Jack Hill</a>
	</div> <!--//.header//-->

	<div class="content">
		<div class="left">
			<div class="column">
				<h1 class="title2 title-new-works2">New Works</h1>
				<div class="hr"></div>

				<div class="work-wrapper">
					<p class="title">Picture one</p>
					<p class="image"><img src="../content/odvin/odvins_mini.png" alt="Design for ODVIN.COM" /></p>
						
					<div class="meta">
						<p class="spent">Home page</p>
					<div id="page-wrap">
						<p class="get"><a href="../content/odvin/odvins.png" title="Page will open in new window" target="_blank">Zoom in new window</a></p>
						</div>
						<div class="clear"></div>
					</div> <!--//.meta//-->
				</div> <!--//.work-wrapper//-->

				<div class="hr hr-tall"></div>

				<div class="work-wrapper">
					<p class="title">Picture two</p>
					<p class="image"><img src="../content/odvin/odvin_1_page_full_mini.png" alt="Harley Davidson" /></p>
					<div class="meta">
						<p class="spent">Welcome page</p>
						<div id="page-wrap">
						<p class="get"><a href="../content/odvin/odvin_1_page_full.png" title="Page will open in new window" target="_blank">Zoom in new window</a></p></div>
						<div class="clear"></div>
						
						
					</div> <!--//.meta//-->
				</div> <!--//.work-wrapper//-->

				<div class="hr hr-tall"></div>

				<div class="work-wrapper">
					<p class="title">Picture three</p>
					<p class="image"><img src="../content/odvin/odvins_about_me_mini.png" alt="Harley Davidson" /></p>
					<div class="meta">
						<p class="spent">About me page</p>
						<div id="page-wrap">
						<p class="get"><a href="../content/odvin/odvins_about_me.png" title="Page will open in new window" target="_blank">Zoom in new window</a></p></div>
						<div class="clear"></div>
						
						
					</div> <!--//.meta//-->
				</div> <!--//.work-wrapper//-->
				
				<div class="hr hr-tall"></div>

				<div class="work-wrapper">
					<p class="title">Picture four</p>
					<p class="image"><img src="../content/odvin/odvins_ask_mini.png" alt="Harley Davidson" /></p>
					<div class="meta">
						<p class="spent">ASK page</p>
						<div id="page-wrap">
						<p class="get"><a href="../content/odvin/odvins_ask.png" title="Page will open in new window" target="_blank">Zoom in new window</a></p></div>
						<div class="clear"></div>
						
						
					</div> <!--//.meta//-->
				</div> <!--//.work-wrapper//-->
				
				<a href="/" class="show-more">Home</a>
			</div>
		</div>
		<div class="right">
			<h1 class="title2 title-new-articles2">New Articles</h1>
			<div class="hr"></div>
			<div class="column">
				<div class="article-wrapper">
					<div class="meta">
						<p class="title"><b>DESIGN ODVIN.COM</b></p>
						<p class="date">Date: 30.01.2013</p>
						<div class="clear"></div>
					</div> <!--//.meta//-->
					<div class="text">
						<p>* * * * * * * * * * * * * * * * *</p>
						
					</div> <!--//.text//-->
					<a href="/" class="show-more">Home</a>
				</div> <!--//.article-wrapper//-->
			</div> <!--//.column//-->
		</div> <!--//.right//-->
		<div class="clear"></div>
	</div> <!--//.content//-->

	<div class="footer">
		<div class="nav">
			<div class="left">
				<ul>
					<li><a href="/" class="portfolio">Portfolio</a></li>
					<li><a href="/blog/" class="blog">Blog</a></li>
				</ul>
				<div class="clear"></div>
			</div>
			<div class="right">
				<ul>
					<li><a href="/about/" class="about">About</a></li>
					<li><a href="/contacts/" class="contacts">Contacts</a></li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="arr"></div>
		<p class="design">Design by Jack Hill 2013</p>
	</div> <!--//.footer//-->
	<!--//JACK HILL: [email protected] | SKYPE: EQWAZZ | VK.COM/JACKILLS | T: 8 917 5555 744//-->
	<div class="m-footer">
		&copy; Jack Hill, 2013
	</div>
</div>
</body>
</html>