|
|
| (21 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div class="container">
| | {{#widget:Tree}} |
| <h1 class="project-name">RESPONSIVE TIMELINE</h1>
| |
| <div id="timeline">
| |
| <div class="timeline-item">
| |
| <div class="timeline-icon">
| |
|
| |
| | |
| </div>
| |
| <div class="[[timeline]]-content">
| |
| <h2>LOREM IPSUM DOLOR</h2>
| |
| <p>
| |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit.
| |
| Atque, facilis quo maiores magnam modi ab libero praesentium blanditiis.
| |
| </p>
| |
| <a href="#" class="btn">button</a>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timeline-item">
| |
| <div class="timeline-icon">
| |
|
| |
| </div>
| |
| <div class="timeline-content right">
| |
| <h2>LOREM IPSUM DOLOR</h2>
| |
| <p>
| |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, facilis quo. Maiores magnam modi ab libero praesentium blanditiis consequatur aspernatur accusantium maxime molestiae sunt ipsa.
| |
| </p>
| |
| <a href="#" class="btn">button</a>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timeline-item">
| |
| <div class="timeline-icon">
| |
| </div>
| |
| <div class="timeline-content">
| |
| <h2>LOREM IPSUM DOLOR</h2>
| |
| <p>
| |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, facilis quo. Maiores magnam modi ab libero praesentium blanditiis consequatur aspernatur accusantium maxime molestiae sunt ipsa.
| |
| </p>
| |
| <a href="#" class="btn">button</a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |