tyb-code20.5.html

<div id="myCarousel" class="carousel slide" data-ride="carousel"> 
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <div class="container-fluid">
        <div class="feature col-md-6 col-md-offset-3"> 
          <div class="container">
            <div class="row">
              <img src="images/quote1.jpg"
                   class="img-circle col-md-2 col-md-offset-1"
                   alt=""/>
              <blockquote class="col-md-3">
                &#8220;Dandelions are my favorite flower. I love
                that they are so versatile, and they take no effort
                to grow. I used to help seed them in my mother's
                garden.&#8221;
              </blockquote>
            </div>
            <div class="row">
              <p class="col-md-offset-6 col-md-2">Jennifer
              Kyrnin</p>
            </div>
            <div class="row">
              <p class="small col-md-offset-6 col-md-2">
                <a href="http://htmljenn.com/">
                  http://htmljenn.com</a></p>
            </div>
          </div>
        </div> 
      </div> 
    </div>
    
    <div class="item">
      <div class="container-fluid">
        <div class="feature col-md-6 col-md-offset-3"> 
          <div class="container">
            <div class="row">
              <img src="images/quote2.jpg"
                   class="img-circle col-md-2 col-md-offset-1"
                   alt=""/>
              <blockquote class="col-md-3">
                &#8220;Blah blaherbe blah&#8221;
              </blockquote>
            </div>
            <div class="row">
              <p class="col-md-offset-6 col-md-2">Joseph Blue</p>
            </div>
            <div class="row">
              <p class="small col-md-offset-6 col-md-2">
                <a href="">http://dandylions.weed</a></p>
            </div>
          </div>
        </div> 
      </div> 
    </div>
    
    <div class="item">
      <div class="container-fluid">
        <div class="feature col-md-6 col-md-offset-3"> 
          <div class="container">
            <div class="row">
              <img src="images/quote3.jpg"
                   class="img-circle col-md-2 col-md-offset-1"
                   alt=""/>
              <blockquote class="col-md-3">
                &#8220;Blahbity blah blah&#8221;
              </blockquote>
            </div>
            <div class="row">
              <p class="col-md-offset-6 col-md-2">Josephine
              Blobe</p>
            </div>
            <div class="row">
              <p class="small col-md-offset-6 col-md-2">
                <a href="">http://dandelyon.plant</a></p>
            </div>
          </div>
        </div> 
      </div> 
    </div>
  </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#myCarousel" role="button"
     data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"
          aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel"
     role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"
          aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>