<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7">
<![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 0px;
padding-bottom: 0px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an
<strong>outdated</strong> browser. Please <a
href="http://browsehappy.com/";>upgrade your browser</a> or <a
href="http://www.google.com/chromeframe/?redirect=true";>activate Google
Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from
http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse"
data-target=".nav-collapse"></a>
<div class="row">
<div class="span5">
<img src="images/mymoonlogo5.jpg" width="207"
height="93" alt="" />
<p align="auto"><font size="5">modern organics for
little ones.</font>
</div>
<form class="navbar-form pull-right">
<img src="images/fblogo.jpg" width="30"
height="30" alt="" />
<img src="images/instagramlogo.jpg" width="30"
height="30" alt="" />
<img src="images/twitterlogo.jpg" width="30"
height="30" alt="" />
<button type="submit" class="btn">my
cart</button>
<input class="span2" type="password"
placeholder="Password">
<button type="submit" class="btn">Sign
in</button>
</form>
</div>
<div class="nav-collapse collapse pull-right">
<div class="row">
<div class="span9">
<ul class="nav">
<li><a href="#">home</a></li>
<li><a href="#about">classic collection</a></li>
<li><a href="#contact">seasonal</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">limited edition<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else
here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated
link</a></li>
</ul>
</li>
<li>
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">clothing<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else
here</a></li>
</ul>
</li>
<li><a href="#about">about</a></li>
<li><a href="#contact">blog</a></li>
</ul>
</div>
</div>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<hr>
<div class="container">
<div id="homepageslide" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<img src="images/CAROUSEL1.jpg" alt="">
<div class="carousel-caption">
<h4>spaghetti</h4>
<p>and meatball legs.</p>
</div>
<div class="item">
<img src="images/CAROUSEL2.jpg" alt="">
<div class="carousel-caption">
<h4>spaghetti</h4>
<p>and meatball legs.</p>
</div>
<div class="item">
<img src="images/CAROUSEL3.jpg" alt="">
<div class="carousel-caption">
<h4>spaghetti</h4>
<p>and meatball legs.</p>
</div>
</div><!-- carousel-inner -->
<!-- Carousel nav -->
<a class="carousel-control left" href="#homepageslide"
data-slide="prev">‹</a>
<a class="carousel-control right" href="#homepageslide"
data-slide="next">›</a>
</div><!-- homepageslide nav -->
<hr>
<footer>
<div class="row">
<div class="span6">
<p>1720 Golden Gate Ave #21, SF, CA 94115 p(347)
543.5165</p>
</div>
<div class="span1">
<p>hours</p>
</div>
<div class="span2">
<p>return policy</p>
</div>
<div class="span3">
<form class="navbar-form pull-right">
<input type="text" placeholder="email list">
<button type="submit"class="btn">go</button>
</form>
</div>
</div>
</footer>
</div> <!-- /container -->
<script
src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQueary [| document.write('<script
src="js/jQueary-1.7.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$('.carousel').carousel({
interval: 5000
});
});
</script>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
