<html><head>
<meta>
<title>Portal Berita</title>
<meta>
<link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
<div id="art-main">
<nav class="art-nav clearfix">
<div class="art-nav-inner">
<ul class="art-hmenu">
<li><a href="home.html" class="active">Home</a></li>
<li><a href="contact-us.html">Bisnis</a></li>
<li><a href="contact-us.html">Teknologi</a></li>
<li><a href="contact-us.html">Percintaan</a></li>
<li><a href="contact-us.html">Health</a></li>
<li><a href="contact-us.html">News</a></li>
</ul>
</div>
</nav>
<header class="art-header clearfix">
<div class="art-shapes">
<h1 class="art-headline" data-left="3.77%">
<a href="#">Portal Berita</a>
</h1>
<h2 class="art-slogan" data-left="3.73%">Informasi akurat & terpercaya</h2>
<div class="art-object1" data-left="100%"></div>
<div class="art-textblock art-object0" data-left="0%">
<div class="art-object0-text"></div>
</div>
</div>
</header>
<div class="art-sheet clearfix">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix">
<article class="art-post art-article">
<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 33%" >
<p><img width="97" height="97" alt="" src="images/berita1.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: 0px"></p>
<h4>Love</h4>
<p>Pernahkah hubungan percintaan mengalami masalah? tentu jawabanya pernah.</p>
<p style="text-align: left;"><a href="#" class="art-button">Read more</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 34%" >
<p><img width="97" height="97" alt="" src="images/berita2.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: -7px"></p>
<h4>Tekno</h4>
<p>Membuat desain website portal berita memang cukup seru dan menyenangkan.</p>
<p><a href="#" class="art-button">Read more</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 33%" >
<p><img width="97" height="97" alt="" src="images/berita3.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: -7px"></p>
<h4>Tekno</h4>
<p>Smartphone terbaru keluaran baru dari Samsung, ayo beli sekarang.</p>
<p><a href="#" class="art-button">Read more</a></p>
</div>
</div>
</div>
<br/>
<hr/>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 30%" >
<h1>Populer</h1>
<p><img width="97" height="97" alt="" src="images/berita4.jpg" style="padding-right:20px;float:left;"></p>
Merawat keyboard itu tidak sulit, Anda perlu membersihkan menggunakan tisu basah dan kering kemudian usap secara merata.<br clear="all">
<p><img width="97" height="97" alt="" src="images/berita5.jpg" style="padding-right:20px;float:left;"></p>
Dalam penggunaan Smartphone, Anda perlu menghindari dari sinar matahari karena dapat berdampak buruk pada keawetan baterai.<br clear="all">
<p><img width="97" height="97" alt="" src="images/berita6.jpg" style="padding-right:20px;float:left;"></p>
Smartphone ternyata bisa digunakan untuk menggantikan keyboard sebagai media untuk mengetik maupun yang lainnya.
</div><div class="art-layout-cell layout-item-1" style="width: 67%; padding-left: 15px;" >
<h1>Berita Terhangat</h1>
<p><img width="590" height="245" alt="" src="images/berita7.png" class=""></p>
<p>Launching antivirus eset cukup banyak orang berdatangan untuk mencoba antivirus terbaru. Hal ini ditunjukan dengan ramainya lokasi launching dihari pertama.</p>
<p><a href="#" class="art-button">Read More</a></p>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<footer class="art-footer clearfix">
<div class="art-footer-inner">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 50%">
<p>Copyright © 2016. All Rights Reserved.</p>
<p>Powered by <a href="www.serbabebas.com">Serbabebas</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 50%">
<p style="float:right"><a href="#">Tentang Kami</a> | <a href="#">Kontak Kami</a> | <a href="#">Syarat & Ketentuan</a></p>
</div>
</div>
</div>
</div>
</footer>
</div>
</body></html>
<meta>
<title>Portal Berita</title>
<meta>
<link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
<div id="art-main">
<nav class="art-nav clearfix">
<div class="art-nav-inner">
<ul class="art-hmenu">
<li><a href="home.html" class="active">Home</a></li>
<li><a href="contact-us.html">Bisnis</a></li>
<li><a href="contact-us.html">Teknologi</a></li>
<li><a href="contact-us.html">Percintaan</a></li>
<li><a href="contact-us.html">Health</a></li>
<li><a href="contact-us.html">News</a></li>
</ul>
</div>
</nav>
<header class="art-header clearfix">
<div class="art-shapes">
<h1 class="art-headline" data-left="3.77%">
<a href="#">Portal Berita</a>
</h1>
<h2 class="art-slogan" data-left="3.73%">Informasi akurat & terpercaya</h2>
<div class="art-object1" data-left="100%"></div>
<div class="art-textblock art-object0" data-left="0%">
<div class="art-object0-text"></div>
</div>
</div>
</header>
<div class="art-sheet clearfix">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix">
<article class="art-post art-article">
<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 33%" >
<p><img width="97" height="97" alt="" src="images/berita1.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: 0px"></p>
<h4>Love</h4>
<p>Pernahkah hubungan percintaan mengalami masalah? tentu jawabanya pernah.</p>
<p style="text-align: left;"><a href="#" class="art-button">Read more</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 34%" >
<p><img width="97" height="97" alt="" src="images/berita2.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: -7px"></p>
<h4>Tekno</h4>
<p>Membuat desain website portal berita memang cukup seru dan menyenangkan.</p>
<p><a href="#" class="art-button">Read more</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 33%" >
<p><img width="97" height="97" alt="" src="images/berita3.jpg" style="padding-right:29px;padding-bottom:20px;float:left; font-size:120px;color: #A82110;text-shadow: 2px 2px 5px #777777;margin-top: -7px"></p>
<h4>Tekno</h4>
<p>Smartphone terbaru keluaran baru dari Samsung, ayo beli sekarang.</p>
<p><a href="#" class="art-button">Read more</a></p>
</div>
</div>
</div>
<br/>
<hr/>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 30%" >
<h1>Populer</h1>
<p><img width="97" height="97" alt="" src="images/berita4.jpg" style="padding-right:20px;float:left;"></p>
Merawat keyboard itu tidak sulit, Anda perlu membersihkan menggunakan tisu basah dan kering kemudian usap secara merata.<br clear="all">
<p><img width="97" height="97" alt="" src="images/berita5.jpg" style="padding-right:20px;float:left;"></p>
Dalam penggunaan Smartphone, Anda perlu menghindari dari sinar matahari karena dapat berdampak buruk pada keawetan baterai.<br clear="all">
<p><img width="97" height="97" alt="" src="images/berita6.jpg" style="padding-right:20px;float:left;"></p>
Smartphone ternyata bisa digunakan untuk menggantikan keyboard sebagai media untuk mengetik maupun yang lainnya.
</div><div class="art-layout-cell layout-item-1" style="width: 67%; padding-left: 15px;" >
<h1>Berita Terhangat</h1>
<p><img width="590" height="245" alt="" src="images/berita7.png" class=""></p>
<p>Launching antivirus eset cukup banyak orang berdatangan untuk mencoba antivirus terbaru. Hal ini ditunjukan dengan ramainya lokasi launching dihari pertama.</p>
<p><a href="#" class="art-button">Read More</a></p>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<footer class="art-footer clearfix">
<div class="art-footer-inner">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 50%">
<p>Copyright © 2016. All Rights Reserved.</p>
<p>Powered by <a href="www.serbabebas.com">Serbabebas</a></p>
</div><div class="art-layout-cell layout-item-0" style="width: 50%">
<p style="float:right"><a href="#">Tentang Kami</a> | <a href="#">Kontak Kami</a> | <a href="#">Syarat & Ketentuan</a></p>
</div>
</div>
</div>
</div>
</footer>
</div>
</body></html>
Komentar
Posting Komentar