Anda di halaman 1dari 5

<!

DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta charset="utf-8"> <meta name="description" content="Your description"> <meta name="keywords" content="Your keywords"> <meta name="author" content="Your name"> <link rel="stylesheet" href="css/style.css"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/script.js"></script> <!--[if lt IE 8]> <div style=' clear: both; text-align:center; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/i e/home?ocid=ie6_countdown_bannercode"> <img src="http://storage.ie6countdown.com/assets/100/images/banners/wa rning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free toda y." /> </a> </div> <![endif]--> <!--[if lt IE 9]> <script src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css"> <![endif]--> </head> <body id="page1"> <!--==============================header=================================--> <header> <div class="row-top"> <div class="main"> <h1><a href="index.html"></a></h1> <div class="txt-top">internet<br> technology<br> consultant</div> <div class="phone-1">Call us toll free: <span>1 - 800 - 123 - 1234</span>< /div> <ul class="soc-1"> <li class="img1"><a href="#">twitter</a></li> <li class="img2"><a href="#">linkedin</a></li> </ul> </div> </div> <div class="main p5"> <nav> <ul class="sf-menu"> <li class="current"><a href="index.html">home</a> </li> <li><a href="index-1.html">company</a> </li> <li><a href="index-2.html">services</a> <ul> <li><a href="more.html">Managed Services</a> </li> <li><a href="more.html">Virtual Office / Private Cloud</a> <ul> <li><a href="more.html">Email</a> </li> <li><a href="more.html">Web Hosting</a> </li>

<li><a href="more.html">Offsite Backup</a></li> </ul> </li> <li><a href="more.html">Strategic Planning</a></li> <li><a href="more.html">Installation</a></li> <li><a href="more.html">Mobile IT</a></li> </ul> </li> <li><a href="index-3.html">projects</a></li> <li><a href="index-4.html">resources</a></li> <li class="last"><a href="index-5.html">contacts</a></li> </ul> </nav> <div class="clear"></div> </div> <!--==============================slider====================================-> <div id="slider-1"> <div class="box-slider"> <div class="slider-1"> <ul class="items"> <li><img src="images/slide-1.jpg" alt="" /></li> <li><img src="images/slide-2.jpg" alt="" /> </li> <li><img src="images/slide-3.jpg" alt="" /> </li> <li><img src="images/slide-4.jpg" alt="" /> </li> </ul> </div> </div> </div> </header> <!--==============================content====================================--> <section id="content"> <div class="container_24"> <div id="slider1"> <a class="buttons prev" data-type="prevPage" href="#"><i mg src="images/prev-1.gif " alt="" /><img class="active" src="images/prev-1-hove r.gif " alt="" /></a> <div class="viewport slider1"> <ul class="overview"> <li> <div class="wrapper"> <figure><img src="images/page1-img1.gif " alt="" /><img class="act ive" src="images/page1-img1-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Technical Support</h6> </div> </div> <p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> <li> <div class="wrapper"> <figure><img src="images/page1-img2.gif " alt="" /><img class="act ive" src="images/page1-img2-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Network Solutions</h6> </div> </div>

<p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> <li> <div class="wrapper"> <figure><img src="images/page1-img3.gif " alt="" /><img class="act ive" src="images/page1-img3-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Database Management</h6> </div> </div> <p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> <li> <div class="wrapper"> <figure><img src="images/page1-img4.gif " alt="" /><img class="act ive" src="images/page1-img4-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Web Development</h6> </div> </div> <p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> <li> <div class="wrapper"> <figure><img src="images/page1-img1.gif " alt="" /><img class="act ive" src="images/page1-img1-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Technical Support</h6> </div> </div> <p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> <li> <div class="wrapper"> <figure><img src="images/page1-img2.gif " alt="" /><img class="act ive" src="images/page1-img2-hover.gif " alt="" /></figure> <div class="overflow"> <h6>Network Solutions</h6> </div> </div> <p>Praesent vestibulum aenean Nonummy hendrerit mauris. Hasellus por ta. Fusce suscipit varius mi. </p> <a href="more.html" class="link-1">read more</a> </li> </ul> </div> <a class="buttons next" href="more.html" data-type="nextPage"><img src="im ages/next-1.gif " alt="" /><img class="active" src="images/next-1-hover.gif " al t="" /></a> </div> <div class="main"> <div class="border-horiz"></div> </div> <div class="wrapper p5">

<article class="grid_10 prefix_2"> <div class="title-1">Need IT solutions? <span>Leading managed service pr ovider</span></div> <div class="wrapper"> <figure class="img-indent box-img"><img src="images/page1-img5.jpg " a lt="" /></figure> <div class="overflow"> <blockquote class="quote-1 m2"><strong>Praesent vestibulum aenean No nummy hendrerit mauris.</strong> Hasellus porta. Fusce suscipit varius mi cum so ciis natoque. penatibus et magnis dis parturient montes nascetur ridiculus mus. </blockquote> <div class="alignright"> <a href="more.html" class="link-1">read mor e</a> </div> </div> </div> <div class="name-1 p5"><strong>April Lebowski</strong> (director)</div> </article> <article class="grid_6 prefix_1 p7"> <h4>Featured:</h4> <ul class="list-1 p"> <li><a href="more.html">Managed Services</a></li> <li><a href="more.html">Virtual Office / Private Cloud</a></li> <li><a href="more.html">Strategic Planning</a></li> <li><a href="more.html">Installation</a></li> <li><a href="more.html">Mobile IT</a></li> <li><a href="more.html">Network Security</a></li> </ul> </article> <article class="grid_4 p7"> <h4>Popular::</h4> <ul class="list-1 p"> <li><a href="more.html">Email</a></li> <li><a href="more.html">Web Hosting</a></li> <li><a href="more.html">Offsite Backup</a></li> <li><a href="more.html">Internet Access</a></li> <li><a href="more.html">VoIP</a></li> <li><a href="more.html">Digital Media</a></li> </ul> </article> </div> </div> </section> <!--==============================footer================================--> <footer> <div class="container_24"> <article class="grid_6 prefix_2"> <div class="privacy"><a href="index.html" class="footer-logo"><img src="im ages/logo-footer.png" alt="" /></a> <div class="overflow"><strong> April <em>Lebowski</em> </strong><span>&c opy; 2012&nbsp;&nbsp; | &nbsp;&nbsp;<a href="index-6.html">Privacy Policy</a><br > <!-- {%FOOTER_LINK} --> </span> </div> </div> </article> <article class="grid_7"> <div class="address-footer p2"> 8901 Marmora Road Glasgow, D04 89GR<br> Phone: <strong>+1 800 559 6580</strong><br> E-mail: <a href="#">mail@demolink.org</a></div> </article> <article class="grid_8 prefix_1 p1">

<h6 class="p0">Newsletter:</h6> <form id="form-1" method="get" class="p11"> <fieldset> <input type="text" onFocus="if(this.value =='Enter your email here:' ) this.value=''" onBlur="if(this.value=='') this.value='Enter your email here:'" value="Enter your email here:" name="txt"> <a onClick="document.getElementById('form-1').submit()" class="link-1 ">subscribe</a> </fieldset> </form> </article> <div class="clear"></div> </div> </footer> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7078796-5']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.a sync = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://w ww') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor e(ga, s); })(); </script> </body> </html>

Anda mungkin juga menyukai