Tugas P. Web - Membuat Web dengan Bootstrap

Berikut scriptnya

<!DOCTYPE html>
<html>
<head>

<title>Ozhie`s</title>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">

<div class="row">
<header id="header">
<div class="container">
<div class="row">
<div class="span4">
<div class="logo">
<a href="index.html"><h1><span class="logo-prefix">Ozhie`s blog</span></h1></a>
<div class="logo-desc">Mahasiswa pas-pas an yang banyak kurangnya</div>
</div>
</div>
<div class="span4">
</div>
<div class="span4">
<div class="search-form pull-right">
<form>
<div class="input-append">
<input type="text" id="appendedInputButtons" placeholder="gulek i dewe" class="span2">
<button type="button" class="btn btn-primary">Search</button>
</div>
</form>
</div>
</div>
</div>
</div>
</header>
</div>
<div class="row">
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="container" style="width: auto;">
<a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">Menu</a>
<a href="index.html" class="brand"><i class="icon-home icon-white"></i></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="index.html">Ozhie`s</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Tugas</a></li>
<li><a href="index.html">Kuliah</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">apa aja boleh<b class="caret"></b></a>
<ul aria-labelledby="dLabel" role="menu" class="dropdown-menu">
<li>
<a href="index.html">Praktikum</a>
<a href="index.html">Bimbingan</a>
<a href="index.html">Mentoring</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="container">

</div>
</div>
<article class="row">
<div class="container">
<div class="row">
<div class="span4">
<div class="box">
<h3 class="box-title"><span>Kuliah</span></h3>
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcShUU7xjMoaWK5DnPpjp1BMmp38sje4iE4WVKCDx0so5uP8vRjv" class="img-rounded"/>
<h3><a href="detail.html">UAD kampus 3</a></h3>
<p>
KAMPUS III Jalan. Prof. Dr. Soepomo, Janturan,Umbul Harjo Yogyakarta 55164 Fakultas : FTI, FMIPA, FFarmasi, FKM
<br/><br/>
<a href="detail.html" class="btn btn-primary">read more</a>

</div>
</div>
<div class="span4">
<div class="box">
<h3 class="box-title"><span>T. Informatika</span></h3>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS6z-86JsAdvnqHZiV6_TFNpXIq4Q0PbAssa4OpFTc2FE1KB0kf" class="img-rounded"/>
<h3><a href="detail.html">Prodi Kuliah</a></h3>
<p>
Teknik Informatika, Prodi inilah yang saya pilih ketika memutuskan untuk kuliah di UAD, karna saya ingin merasakan bagaimana menjadi seorang engginering yang profesional
<br/><br/>
<a href="detail.html" class="btn btn-primary">read more</a>
</p>

</div>
</div>
<div class="span4">
<div class="box">
<h3 class="box-title"><span>Pemrograman Web</span></h3>
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQUx1JGnvHv3KeqNDO8gug_YaGhp5Mtf4zrhgFZSq8zwqKGQhL3" class="img-rounded"/>
<h3><a href="detail.html">Mata kuliah yang tugasnya bikin pusing</a></h3>
<p>
Mata kuliah satu ini yang di ampu langsung oleh Pak Fiftin Novianto ST.MT memang sedikit memberikan sensasi pusing" gimana gitu tapi asik kok
<br/><br/>
<a href="detail.html" class="btn btn-primary">read more</a>
</p>

</div>
</div>
</div>
</div>
</article>
<div class="row">
<div class="container">
<div class="well welcome-message centered">
<h4>tugas pemrograman web dari pak fiftin <a href="#" class="btn btn-primary">Learn More <i class="icon icon-caret-right"></i></a></h4>
</div>
</div>
</div>
<footer>
<div class="container">

<div class="row">
<div class="span3">
<h4>About Me</h4>
<p>Aku mencoba tuk menjadi yang terbaik walaupun banyak rintangan menghadang ku akan hadapi semua meski ku tau itu tak mungkin tapi setidaknya aku tlah mencoba dan mencoba meskipun gagal ku anggap ini baru di mulai dan akan masih banyak yang harus aku lakukan selain hanya termenung sungguh banyak yang ingin kulakukan demi mencapai tujuan yang kuinginkan.</p>
</div> 

<hr class="visible-phone">

<div class="span3">
<h4>Flickr Photos</h4>
<ul class="flickr">
<li><a href="#"><img src="http://farm9.staticflickr.com/8501/8306883629_6b9537965c_s.jpg"/></a></li>
<li><a href="#"><img src="http://farm9.staticflickr.com/8496/8289327500_f43c87c215_s.jpg"/></a></li>
</ul>
</div>
<div class="span3">
<h4>Kelompok Studi</h4>
<ul class="tag-cloud">
<li><a href="#">Kelompok Studi Web</a></li>
<li><a href="#">Kelompok Studi Linux</a></li>
<li><a href="#">Kelompok Studi Java</a></li>
</ul>
</div>

<div class="span3">
<h4>Subscribe to our Newsletter</h4>
<form class="footer-form">
<fieldset>
<label>Get our email weekly newsletter</label>
<input type="text" placeholder="Taroh aja e mail mu">
<span class="help-block">No spam, No smoking ok</span>
<button class="btn btn-primary" type="submit">Subscribe</button>
</fieldset>
</form>
</div>
</div>
</div>

<div class="bottom-line">
<div class="container">
<div class="row">
<p class="pull-left">© 2013 Designed by <a target="_blank" href="https://www.facebook.com/sayrozie.zone">Ozhieqrastafara</a></p>
<p class="pull-right"><a href="#">Back to top</a></p>
</div>
</div>
</div>
</footer>
</body>
</html>

Kuliah Rastafara

╚══█▓▒╣Dєŋt ØZђį™╠▒▓█══╝

Tugas P. Web - Membuat Web dengan Bootstrap

Artikel Terkait:

3 komentar:

Posting Komentar

Label

Followers