Difference between revisions of "Team:BostonU HW/Notebook"

Line 13: Line 13:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
 +
<!-- About Section -->
 +
    <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="img/about/2.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>
 +
 +
 +
 +
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 21:45, 29 June 2016

Timeline

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!