124 lines
6.0 KiB
HTML
124 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
layout:decorator="default">
|
|
<head>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container" layout:fragment="content">
|
|
<section id="timeline">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2 class="section-heading text-uppercase">События</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<ul class="timeline">
|
|
<li>
|
|
<div class="timeline-image">
|
|
<h4>Be Part
|
|
<br/>Of Our
|
|
<br/>Story!</h4>
|
|
</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="rounded-circle img-fluid" 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="rounded-circle img-fluid" 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="rounded-circle img-fluid" 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>
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
|
|
<!-- Contact form JavaScript -->
|
|
<script src="js/jqBootstrapValidation.js"></script>
|
|
<script src="js/contact_me.js"></script>
|
|
|
|
<!-- Custom scripts for this template -->
|
|
<script src="js/agency.js"></script>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|