Permalink
Browse files

myCarousel

  • Loading branch information...
1 parent 6ccdc9f commit 90d0cb2e4e0a99ebaa91b5968725d16839161de1 @trevorturk committed Apr 18, 2012
Showing with 46 additions and 7 deletions.
  1. +46 −7 views/index.erb
View
@@ -57,18 +57,51 @@
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Grow Street</h1>
- <p>Foodscaping. Advanced Ecosystems. Organic Urban Farming</p>
+ <p>Foodscaping. Advanced Ecosystems. Organic Urban Farming.</p>
<p style="display:none"><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
- <!-- Example row of columns -->
<div class="row">
- <div class="span8">
- <h2>Mission</h2>
- <p>Grow Street is focused on the development of backyard and rooftop soil gardens as well as vertical plant installations. We create beautiful edible landscapes accented with medicinal herbs and wildflowers, which, taken together, help deter unwanted pests and allow our clients to grow the highest quality herbs and vegetables. In addition, we offer classes on food preservation and advice on how to expertly prepare the many vegetables your garden will produce. At Grow Street, we are dedicated to creating a local and sustainable organic food supply by bringing the cultivation of food back home.</p>
- <p style="display:none;"><a class="btn" href="#">View details &raquo;</a></p>
- </div>
+ <div class="span6">
+ <div id="myCarousel" class="carousel slide">
+ <div class="carousel-inner">
+ <div class="item active">
+ <img src="/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>Foodscaping</h4>
+ <p>...</p>
+ </div>
+ </div>
+ <div class="item">
+ <img src="/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>Advanced Ecosystems</h4>
+ <p>...</p>
+ </div>
+ </div>
+ <div class="item">
+ <img src="/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>Organic Urban Farming</h4>
+ <p>...</p>
+ </div>
+ </div>
+ </div>
+ <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+ <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
+ </div>
+ </div>
+
<div class="span4">
+ <h2>Mission</h2>
+ <p>Grow Street is focused on the development of backyard and rooftop soil gardens as well as vertical plant installations.</p>
+ <p>We create beautiful edible landscapes accented with medicinal herbs and wildflowers, which, taken together, help deter unwanted pests and allow our clients to grow the highest quality herbs and vegetables.</p>
+ <p>In addition, we offer classes on food preservation and advice on how to expertly prepare the many vegetables your garden will produce.</p>
+ <p>At Grow Street, we are dedicated to creating a local and sustainable organic food supply by bringing the cultivation of food back home.</p>
+ <p style="display:none;"><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+
+ <div class="span2">
<h2>Contact us</h2>
<p><a class="btn" href="mailto:adam@growstreet.org">adam@growstreet.org</a></p>
</div>
@@ -99,5 +132,11 @@
<script src="/assets/js/bootstrap-carousel.js"></script>
<script src="/assets/js/bootstrap-typeahead.js"></script>
+ <script type="text/javascript" charset="utf-8">
+ $(document).ready(function(){
+ $('#myCarousel').carousel({interval:3000});
+ });
+ </script>
+
</body>
</html>

0 comments on commit 90d0cb2

Please sign in to comment.