|
|
Line 92: |
Line 92: |
| <center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Timeline- Inspiration</h1><center> | | <center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Timeline- Inspiration</h1><center> |
| </div> | | </div> |
− |
| |
− | <!-- Timeline -->
| |
− |
| |
− | <section id="about">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-12 text-center">
| |
− | <h2 class="section-heading">About</h2>
| |
− | <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="col-lg-12">
| |
− | <ul class="timeline">
| |
− | <li>
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/1.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>2009-2011</h4>
| |
− | <h4 class="subheading">Our Humble Beginnings</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/f/f5/T--Cornell_NY--HumanCenteredDesign_ProDairy.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>March 2011</h4>
| |
− | <h4 class="subheading">An Agency is Born</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/3.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>December 2012</h4>
| |
− | <h4 class="subheading">Transition to Full Service</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/4.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>July 2014</h4>
| |
− | <h4 class="subheading">Phase Two Expansion</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <h4>Be Part
| |
− | <br>Of Our
| |
− | <br>Story!</h4>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| | | |
| </div> <!-- row, divide up col's to put pics, and text, etc --> | | </div> <!-- row, divide up col's to put pics, and text, etc --> |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- Timeline -->
| |
− |
| |
− | <section id="about">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-12 text-center">
| |
− | <h2 class="section-heading">About</h2>
| |
− | <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="col-lg-12">
| |
− | <ul class="timeline">
| |
− | <li>
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/1.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>2009-2011</h4>
| |
− | <h4 class="subheading">Our Humble Beginnings</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/f/f5/T--Cornell_NY--HumanCenteredDesign_ProDairy.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>March 2011</h4>
| |
− | <h4 class="subheading">An Agency is Born</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li>
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/3.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>December 2012</h4>
| |
− | <h4 class="subheading">Transition to Full Service</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <img class="img-circle img-responsive" src="img/about/4.jpg" alt="">
| |
− | </div>
| |
− | <div class="timeline-panel">
| |
− | <div class="timeline-heading">
| |
− | <h4>July 2014</h4>
| |
− | <h4 class="subheading">Phase Two Expansion</h4>
| |
− | </div>
| |
− | <div class="timeline-body">
| |
− | <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="timeline-inverted">
| |
− | <div class="timeline-image">
| |
− | <h4>Be Part
| |
− | <br>Of Our
| |
− | <br>Story!</h4>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− |
| |
− |
| |
− |
| |
| | | |
| | | |