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

Размер файла: 4.56Kb
<!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/muzok/muzok_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/muzok/muzok.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>

				
				<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 MUZOK.NET</b></p>
						<p class="date">Date: 08.03.2013</p>
						<div class="clear"></div>
					</div> <!--//.meta//-->
					<div class="text">
						<p>Music site design in the style of minimalism. The customer demanded in the same style and was very pleased with!
Translucent blocks, color palette is not pressure on eyes. Quite stylish design!</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>