·
Gambar web acuan:
·
Hasil Web:
·
Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>TMPH00043</title>
<link href="css/styles.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menu-wrapper">
<div
class="menu">
<ul>
<li><a href="index.html"
class="active">home</a></li>
<li><a
href="about.html">about</a></li>
<li><a
href="services.html">services</a></li>
<li><a
href="works.html">works</a></li>
<li><a
href="contact.html">contact</a></li>
</ul>
</div>
<div
class="call">
<h1>Call us :<span> 085782366955</span></h1>
</div>
</div>
<!--- menu-wrapper div end -->
<div
class="clearing"></div>
<div
class="border-bottom"></div>
<div class="logo-wrapper">
<div
class="leftshadow"><img
src="images/logo-wrap-left.jpg" /></div>
<div
class="logo">
<h1>KERTAS</h1>
</div>
<div
class="rightshadow"><img
src="images/logo-wrap-right.jpg" /></div>
</div>
<div
class="clearing"></div>
<div class="banner-wrapper">
<div
class="bannerlef"><img
src="images/banner-wrap-left.jpg" /></div>
<div
class="banner-container">
<div class="banner">
<div class="banner-content">
<h1>Bisnis Online</h1>
<h2>jual mudah banyak pelanggan</h2>
<a href="#">eco</a> </div>
</div>
</div>
<div
class="bannerright"><img src="images/banner-wrap-right.jpg"/></div>
</div>
<!--- banner wrapper div end -->
<div
class="clearing"></div>
<div class="container">
<div
class="page-wrapper">
<div class="primary-content">
<div class="panel">
<div class="title">
<h1>The Founder</h1>
<h2>Raka Nur Wahyudi Chairman of Eco Group</h2>
</div>
<div class="content">
<p>VISI ECO : Menjadi yang terdepan dalam bisnis penjualan online
</p>
<p>MISI ECO : Menyediakan produk yang
berkualitas, pendidikan dan kesempatan bisnis kepada konsumen global,
meningkatkan kualitas hidup dan menciptakan masyarakat yang harmonis.</p>
<div class="button-link"><a
href="#">more</a></div>
</div>
</div>
</div>
<div class="sidebar">
<div class="panel">
<div class="img"><img
src="images/Image1.jpeg"/></div>
</div>
</div>
</div>
<div
class="panel-wrapper">
<div class="panel marRight30">
<div class="title">
<h1>Selamat Datang di Keluarga Besar Eco</h1>
</div>
<div class="imgbg">
<div class="img"><img
src="images/img-3.jpg"/></div>
</div>
<div class="content">
<h2>Selamat datang di keluarga besar ECO </h2>
<p>Anda yang telah
bergabung dengan ECO telah melakukan langkah
yang
tepat untuk menatap masa depan yang gemilang
dan penuh
kebebasan.
</p>
<p>Bersama ECO anda bisa menggapai impian anda.</p>
<div class="button-link"><a
href="#">more</a></div>
</div>
</div>
<div class="panel marRight30">
<div class="title">
<h1>Cara Kerja</h1>
</div>
<div class="mid-panel">
<div class="left marRight30">
<div class="imgbg">
<div class="img"><img src="images/img-5.jpg"/></div>
</div>
</div>
<div class="right"> <a
href="#">User</a>
<p class="padTop10">Patikan kita menggunakan produk
tersebut.</p>
</div>
</div>
<div class="mid-panel padTop30">
<div class="left marRight30">
<div class="imgbg">
<div class="img"><img
src="images/img-6.jpg"/></div>
</div>
</div>
<div class="right"> <a
href="#">Selling</a>
<p class="padTop10">Di tahap ini,kita menjual
produk/barang yang kita punya.</p>
</div>
</div>
<div class="mid-panel padTop30 padBottom28 borderNone">
<div class="left marRight30">
<div class="imgbg">
<div class="img"><img src="images/img-4.jpg"/></div>
</div>
</div>
<div class="right"> <a
href="#">Network</a>
<p class="padTop10">Di sini kita membuat team/group
untuk membangun bisnis bersama.</p>
</div>
</div>
<div class="content">
<div class="button-link"><a
href="#">more</a></div>
</div>
</div>
<div class="panel">
<div class="title">
<h1>Video</h1>
</div>
<div class="content">
<div class="right-panel">
<ul>
<li><a href="#">Meraih kebahagiaan bersama
eco</a></li>
<li><a href="#">PROMO ECO 21st
Anniversary</a></li>
<li><a href="#">ECO Product Demo
Renuves</a></li>
<li><a href="#">ECO AIRIZ</a></li>
<li><a href="#">ECO PASSION TRIP SPAIN
2016</a></li>
<li><a href="#">ALAT
KESEHATAN</a></li>
<li class="borderNone"><a href="#">ECO -
PROFILE OF SUCCESS YOAS</a></li>
</ul>
</div>
<div class="button-link"><a
href="#">more</a></div>
</div>
</div>
</div>
<!--- panel wrapper div end -->
</div>
<!--- container div end -->
<div
class="clearing"></div>
<div class="panel-wrapper">
<div
class="panel marRight30">
<div class="title">
</div>
<div
class="contact">
<input type="text" class="contact-input"
name="name" id="name" value="Username"/>
<input type="text" class="contact-input"
name="name" id="name" value="Password"/>
<div class="button-link"><a href="#">Log
in</a></div>
</div>
</div>
<div
class="panel marRight30">
<div class="title">
<h1>NET-P</h1>
<h2>Network Education Tools Program. </h2>
</div>
<div class="midcontent">
<div class="midcontentlink marRight40">
<ul>
<li><a href="#">Buka Topi Anda - Agus
TL</a></li>
<li><a href="#">Jika Hari Ini Terakhir - Jafrial
Jasman</a></li>
<li><a href="#">Menari Di Tengah Badai - Abdi
Suardin</a></li>
<li class="borderNone"><a href="#">menghadapi
masalah - Naga sugara</a></li>
</ul>
</div>
<div class="midcontentlink">
<ul>
<li><a href="#">Raksasa Dalam Diri Anda - Fauzan
Mutaqien</a></li>
<li><a href="#">sukses punya bnyak pilihan -
hasibuan kanata</a></li>
<li class="borderNone"><a href="#">Tidak
Bisa Beli Waktu - Rusli Gustaf</a></li>
</ul>
</div>
</div>
</div>
<div
class="panel">
<div class="title">
<h1>Follow and Share</h1>
<h2>Follow us on</h2>
</div>
<div class="social-media">
<ul>
<li><a href="#"><img
src="images/icon-ol.jpg"/></a></li>
<li><a href="#"><img
src="images/icon-fb.jpg"/></a></li>
<li><a href="#"><img
src="images/icon-twitter.jpg"/></a></li>
<li><a href="#"><img
src="images/icon-linkdin.jpg"/></a></li>
<li><a href="#"><img
src="images/icon-fb.jpg"/></a></li>
</ul>
</div>
<h2 class="padBottom10">Send us email</h2>
<div class="infolinks marginBottom"> <a href="#">info@eco.com</a>
<a href="#">sales@eco.com</a> <a
href="#">contact@eco.com</a> <a
href="#">manager@eco</a> </div>
</div>
</div>
<div class="footer-wrapper">
<div
class="footer">
<p> © 2016 All Rights Reserved.<a
href="http://www.eco.blogspot.com"> < www.eco.blogspot.com
></a> Images From: <a
href="http://eco.net">www.eco.net</a> </p>
</div>
</div>
</body>
</html>
0 comments:
Post a Comment