<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Miniml : Web Dev Team</title>
</head>
<body>
<div id="wrapper">
<!-- HEADER -->
<div id="header">
<h1><a href="#"><img src="images/logo.png" alt="Miniml"></a></h1>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- HEADER TUTUP -->
<!-- CONTENT -->
<div id="content">
<h2>We are a professional web developer & designer team, and here is what we can do for you</h2>
<!-- FITUR -->
<div id="features">
<ul>
<li class="feature">
<div class="icon design"></div>
<h3>Unique & Elegant Design</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
<li class="feature">
<div class="icon html"></div>
<h3>HTML5 & CSS3 Templating </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
<li class="feature">
<div class="icon wordpress"></div>
<h3>WordPress Theme Development</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</li>
</ul>
</div>
<!-- FITUR TUTUP -->
<hr class="shadow">
<!-- LATEST PROJECT -->
<div id="latest-project" class="kolom">
<h2>Our Latest Projects</h2>
<ul class="slider">
<li><a href="#"><img src="images/slide1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slide2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slide3.jpg" alt=""></a></li>
</ul>
</div>
<!-- LATEST PROJECT -->
<!-- TESTIMONI -->
<div id="testimoni" class="kolom">
<h2>What They Say</h2>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. <br>
- Jhone Doe <br>
executive producer
</p>
</blockquote>
</div>
<!-- TESTIMONI TUTUP -->
<!-- FOOTER -->
<div id="footer">
<span class="arrow"></span>
<!-- KOLOM KIRI -->
<div id="left" class="kolom">
<a href="#"><img src="logo-footer.png" alt=""></a>
<ul id="address">
<li>Street Lorem 34, Ipsum, Dolor Sit Amet</li>
<li>(+62)85-855-855/(+62)865-555-683</li>
<li>yans_fied[at]yahoo.com</li>
</ul>
</div>
<!-- KOLOM KIRI TUTUP -->
<!-- KOLOM KANAN -->
<div id="kanan" class="kolom">
<ul id="footer-menu">
<li><a href="#">About</a></li>
<li><a href="#">Porfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">To Top</a></li>
</ul>
</div>
<!-- KOLOM KANAN TUTUP -->
</div>
<!-- FOOTER TUTUP -->
</div>
<!-- CONTENT TUTUP -->
</div>
<!-- WRAPPER TUTUP -->
</body>
</html>
Tidak ada komentar:
Posting Komentar