Line 91: | Line 91: | ||
<div class = "col-sm-12"> | <div class = "col-sm-12"> | ||
<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> | + | |
+ | <!-- 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> | ||
</div> <!-- row, divide up col's to put pics, and text, etc --> | </div> <!-- row, divide up col's to put pics, and text, etc --> |
Revision as of 07:59, 12 October 2016
Practices
Our Story + Map
Cornell iGEM’s multifaceted approach to tackling mastitis is innovative and different, but even still, we know that we cannot do this alone. We have spent each stage of our project visiting and interacting with experts in the field, making decisions carefully with the feedback of current dairy farmers in mind. We approached the project with human-centered design in three stages. First, inspiration. We derived our ideas from what was needed in the mastitis industry. Next, ideation. We sketched out prototypes and brought them to the farmer. And finally, implementation. We created our product. And at this stage, we knew that what we had created would be useful, because it was, in essence, the farmer, who had directed us throughout the process.
Timeline- Inspiration
About
Lorem ipsum dolor sit amet consectetur.
-
2009-2011
Our Humble Beginnings
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!
-
March 2011
An Agency is Born
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!
-
December 2012
Transition to Full Service
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!
-
July 2014
Phase Two Expansion
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!
-
Be Part
Of Our
Story!
About
Lorem ipsum dolor sit amet consectetur.
-
2009-2011
Our Humble Beginnings
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!
-
March 2011
An Agency is Born
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!
-
December 2012
Transition to Full Service
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!
-
July 2014
Phase Two Expansion
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!
-
Be Part
Of Our
Story!