Rabu, 17 April 2013
tugas p. web ke 2 - css
<html>
<head><title>Tugas P.web yang ke dua</title>
<< Bootstrap > >
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<div class="row">
<div id="nav" class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="index.html" class="brand">frengki ilham</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#home" class="anchorLink">Home</a></li>
<li><a href="http://frengki1922.blogspot.com" class="anchorLink"> my blog</a></li>
<li>
<ul>
<li><a href="http://www.uad.ac.id">UAD</a></li>
<li><a href="http://www.forum.tif.uad.ac.id">Forum</a></li>
<li><a href="http://www.portal.uad.ac.id">portal</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li>
<form class="form-search navbar-search">
<input type="text" class="search-query input-medium" placeholder="Search">
</form>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="container welcome-message">
<h2>PEMANDANGAN</h2>
</div>
</div>
<div class="row">
<div class="container">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="f3.jpg" width="700" height="350" alt="">
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
</div>
<div class="span15" id="isi">
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span6">
<h2> kecurangan </h2><br>
<p> Ada empat aspek yang membuat orang melakukan kecurang</p>
<p> 1. aspek ekonomi </p>
<p>manusia berusaha mengubah alam menjadi barang-barang berguna <i>(home economicus)</i> </p>
<p> 2. aspek kultural </p>
<p>manusia berusaha menciptakan beragam bentuk karya baik yang berupa bangunan fisik maupun sistem norma yang bersifat non-fisik</p>
<p> 3. aspek peradaban</p>
<p>manusia berusaha menciptakan barag yang mengenakkan dan menyenangkan(misal nya : pakaian untuk hiasan, rumah untuk tempat tinggal dan simbol status),
yang mengakibat kanmanusia menjadi materialistik.</p>
<p> 4. aspek teknik</p>
<p>kegiatan manusia berhubungan dengan fisik atau jasmani (untuk efisiensi dan efektifitas yang semula manual di gantikan dengan alat yang berteknologi ) </p>
<a class="btn" href="#">Read More</a></div>
</div>
</div>
<p>_________________________________________________________________________________________________________________________________________________________________________________________________________________________</p>
<div id="contact" class="row">
<div class="container">
<h2>Contact</h2>
</div>
<div class="container">
<div class="row">
<div class="span6">
<form>
<label>Name :</label>
<input class="span6" type="text" placeholder="Your Name"><br>
<label>Email Address :</label>
<input class="span6" type="text" placeholder="email@example.com"><br>
<label>Your Message :</label>
<textarea class="input-xlarge span6" id="textarea" rows="6" placeholder="Type your message here."></textarea><br>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</head>
<body>
<script src="#"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- spacer for skins that want sidebar and main to be the same height-->
</div> <!-- end content-wrapper -->
<p>__________________________________________________________________________________________________________________________</p>
<div id='footer' align="center">Copyright E 2013 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='#'>frengki</a>
</div>
</body>
</html>
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar