<!DOCTYPE html>
<html>
<head>
<title>Tugas P.Web Wahyu</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">Wahyou Lazialita</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#home" class="anchorLink">Home</a></li>
<li><a href="#about" class="anchorLink">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="http://www.facebook.com/wahyucygderrycllu">Facebook</a></li>
<li><a href="https://twitter.com/wahyutitisari">Twitter</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>n</h2>
<p></p>
</div>
</div>
<div class="row">
<div class="container">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="Lazio.jpg"alt="">
<div class="carousel-caption">
<h4>LAZIO</h4>
<p></p>
</div>
</div>
<div class="item">
<img src="pemain.jpg" alt="">
<div class="carousel-caption">
<h4>Pemain Lazio</h4>
<p></p>
</div>
</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>
</br>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2" id="sidebar">
<div class="nav nav-tabs nav-stacked">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
</div>
</div>
<div class="span10" id="isi">
<div class="hero-unit">
<h4>Hello, Laziale and Lazialita!</h4>
<p>hay,, ini tugas pemograman web saya yang pertama </p><br />
<a class="btn btn-primary btn-large" href="#">Read more</a>
</div>
</div>
</div>
</div>
<p>__________________________________________________________________________________________________________________________</p>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<h2>Heading</h2>
<p>Nama Lazio
Julukan Biancocelesti (putih dan biru langit), Aquilotti (elang muda), Le Aquile (elang)
Stadion Stadio Olimpico
Pelatih Edoardo Reja</p><br />
<a class="btn" href="#">Read More</a></div>
<div class="span4">
<h2>Heading</h2>
<p>12345678910abcdefghijklmnopqrstuvwxyz</p><br />
<a class="btn" href="#">Read More</a></div>
<div class="span4">
</div>
</div>
<p>__________________________________________________________________________________________________________________________</p>
</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 class='clear'> </div>
</div> <!-- end content-wrapper -->
<p>__________________________________________________________________________________________________________________________</p>
</body>
</html>
HASIL NYA :
Geen opmerkings nie:
Plaas 'n opmerking