123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- <!-- start: PAGE TITLE -->
- <section id="page-title">
- <div class="row">
- <div class="col-sm-8">
- <h1 class="mainTitle" translate="sidebar.nav.pages.TIMELINE">{{ mainTitle }}</h1>
- <span class="mainDescription">Timeline is used to show chronological events in a clear and effective way</span>
- </div>
- <div ncy-breadcrumb></div>
- </div>
- </section>
- <!-- end: PAGE TITLE -->
- <!-- start: TIMELINE -->
- <div class="container-fluid container-fullw bg-white">
- <div class="row">
- <div class="col-md-12">
- <div id="timeline">
- <div class="timeline">
- <div class="spine"></div>
- <div class="date_separator" id="november">
- <span>NOVEMBER 2014</span>
- </div>
- <ul class="columns">
- <li>
- <div class="timeline_element partition-white">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">02</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-light">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_title">
- <i class="fa fa-check fa-2x pull-left fa-border"></i>
- <h4 class="light-text no-margin padding-5">Appointment</h4>
- </div>
- <div class="timeline_content">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-primary btn-o btn-wide">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- <li>
- <div class="timeline_element partition-white">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">05</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-light">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_title">
- <i class="fa fa-map-marker fa-2x pull-left fa-border"></i>
- <h4 class="light-text no-margin padding-5">Appointment</h4>
- </div>
- <div class="timeline_content">
- <div class="row">
- <div class="col-md-3 col-xs-4"><img src="assets/images/photodune-4043508-3d-modern-office-room-l.jpg" alt="offce" class="img-responsive"/>
- </div>
- <div class="col-md-9 col-xs-8">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- </div>
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-primary">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- <li>
- <div class="timeline_element partition-primary">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">12</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-white-transparent">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_title">
- <i class="fa fa-check-circle-o fa-2x pull-left fa-border"></i>
- <h4 class="text-white no-margin padding-5">Test Solution</h4>
- </div>
- <div class="timeline_content">
- <p>
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- </p>
- <map center="-25.363882,131.044922" zoom="4">
- <marker position="-25.363882,131.044922" title="Hello World!"></marker>
- </map>
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-transparent-white">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- </ul>
- <div class="date_separator" id="october">
- <span>OCTOBER 2014</span>
- </div>
- <ul class="columns">
- <li>
- <div class="timeline_element partition-white">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">05</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-light">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_title">
- <i class="fa fa-map-marker fa-2x pull-left fa-border"></i>
- <h4 class="light-text no-margin padding-5">Appointment</h4>
- </div>
- <div class="timeline_content">
- <div class="row">
- <div class="col-md-3 col-xs-4"><img src="assets/images/photodune-4043508-3d-modern-office-room-l.jpg" alt="offce" class="img-responsive"/>
- </div>
- <div class="col-md-9 col-xs-8">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- </div>
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-light-blue">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- <li>
- <div class="timeline_element partition-purple">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">05</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-white-transparent">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_title">
- <i class="fa fa-map-marker fa-2x pull-left fa-border"></i>
- <h4 class="text-white no-margin padding-5">Appointment</h4>
- </div>
- <div class="timeline_content">
- <div class="row">
- <div class="col-md-3 col-xs-4"><img src="assets/images/photodune-4043508-3d-modern-office-room-l.jpg" alt="offce" class="img-responsive"/>
- </div>
- <div class="col-md-9 col-xs-8">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- </div>
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-transparent-white">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- <li>
- <div class="timeline_element partition-green">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">05</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-white-transparent">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_content">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-dark-green">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- <li>
- <div class="timeline_element partition-white">
- <div class="timeline_date">
- <div>
- <div class="inline-block">
- <span class="day text-bold">05</span>
- </div>
- <div class="inline-block">
- <span class="block week-day text-extra-large">Wensdey</span>
- <span class="block month text-large text-light">november 2014</span>
- </div>
- </div>
- </div>
- <div class="timeline_content">
- <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- </div>
- <div class="readmore">
- <a href="#" class="btn btn-light-blue">
- Read More <i class="fa fa-arrow-circle-right"></i>
- </a>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- start: TIMELINE -->
|