<!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="js/mob.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>
</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="title title-new-works">New Works</h1>
<div class="hr"></div>
<div class="work-wrapper">
<p class="title">DESIGN MUZOK.NET</p>
<p class="image"><a href="/muzok/"><img src="content/muzok/muzok_mini_new.png" alt="Design for Muzok.net" /></a></p>
<div class="meta">
<p class="spent">Time spent: 5 Days</p>
<p class="price">Price: 150$</p>
<p class="date">Date: 08.03.2013</p>
<div id="page-wrap">
<p class="get"><a href="http://muzok.net" title="Page will open in new window<br>MUZOK.NET" target="_blank">Look a site</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">DESIGN ODVIN.COM</p>
<p class="image"><a href="/odvin/"><img src="content/odvin/odvins_mini.png" alt="Design for ODVIN.COM" /></a></p>
<div class="meta">
<p class="spent">Time spent: 5 Days</p>
<p class="price">Price: Free</p>
<p class="date">Date: 30.01.2013</p>
<div id="page-wrap">
<p class="get"><a href="http://odvin.com" title="Page will open in new window<br>ODVIN.COM" target="_blank">Look a site</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">DESIGN JUST.VC</p>
<p class="image"><a href="/just/"><img src="content/just/justvc_mini.jpg" alt="Harley Davidson" /></a></p>
<div class="meta">
<p class="spent">Time spent: 2 Days</p>
<p class="price">Price: Free</p>
<p class="date">Date: 20.01.2013</p>
<div id="page-wrap">
<p class="get"><a href="#" title="No information">Read more</a></p></div>
<div class="clear"></div>
</div> <!--//.meta//-->
</div> <!--//.work-wrapper//-->
<!-- <a href="#" class="show-more">Show more</a> #-->
</div>
</div>
<div class="right">
<h1 class="title title-new-articles">New Articles</h1>
<div class="hr"></div>
<div class="column">
<div class="article-wrapper">
<div class="meta">
<p class="title"><b>How it all began.</b></p>
<p class="date">Date: 08.03.2013</p>
<div class="clear"></div>
</div> <!--//.meta//-->
<div class="text">
<p>Starting from my school years, I have been interested in how sites are constructed, how they are made and, the most interesting thing, how you make them on your own.<br/>
Everything started with wap sites! Those were absolutely simple HTML pages located on a free hosting.
Everything was made by me from the phone, and it looked quite poor. Unfortunately, I don't have any examples left, and it is for the better :)<br/><br/>
Then, I started studying, reading about the essence of hosting, domain, etc.
I became acquainted with Photoshop, started studying HTML and CSS, and then I started creating..unfortunately, not wonders.<br/>
At first, I followed the elements of design, did such quite easy works! Those were simple sites with my design.<br/><br/>
Time was passing by, and I got into coding, studied PHP and MySQL!<br/>
Then, I had my Slim Cms project - a ready-to-use wap engine which was distributed for free. Almost the entire code was written by me, but back then, I didn't reinvent the wheel, and took some code from other cms..<br/>
Well, that CMS actually survived, but it isn't functioning, if anyone interested, here is the archive <a href="/blog/zip/Slimcms.zip">[Download]</a><br/><br/>
Finally, due to finishing school studies, I didn't have any time for my hobbies, and I gave up everything :(<br/>
However, a year later, I renewed my interest, and do only design and layout.
Currently, there is a project called DIZ.VC..</p>
</div> <!--//.text//-->
<!-- <p class="readmore">
<a href="#" >Read more</a>
</p>
<div class="hr hr-tall"></div>-->
</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">
© Jack Hill, 2013
</div>
</div>
</body>
</html>