A timeline with fixed header using flexbox. Data is not correct or complete. Only for demo.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section id="cd-timeline" class="cd-container"> | |
| <div class="cd-timeline-block"> | |
| <div class="cd-timeline-img cd-picture"> | |
| </div> | |
| <div class="cd-timeline-content"> | |
| <h2>Penta Consulting</h2> | |
| <div class="timeline-content-info"> | |
| <span class="timeline-content-info-title"> | |
| <i class="fa fa-certificate" aria-hidden="true"></i> |
images from https://unsplash.com/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="loader"> | |
| <div class="loader__bar"></div> | |
| <div class="loader__bar loader__bar--delay-1"></div> | |
| <div class="loader__bar loader__bar--delay-2"></div> | |
| <div class="loader__bar loader__bar--delay-3"></div> | |
| <div class="loader__bar loader__bar--delay-4"></div> | |
| <div class="loader__bar loader__bar--delay-5"></div> | |
| <div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="messenger"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js |
A Pen by Colin Lohner on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| let https = require('https'), | |
| http = require('http'); | |
| const ISBucketKey = 'YOUR-BUCKET-KEY', | |
| WundergroundApiKey = 'WUNDERGROUND-API-KEY', | |
| WundergroundCity = 'Nashville', | |
| WundergroundState = 'TN'; | |
| const ISAccessKey = 'YOUR-ACCESS-KEY'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrapper"> | |
| <div class="content"> | |
| <div class="img"></div> | |
| <div class="text"> | |
| <div class="line title"></div> | |
| <div class="line subtitle"></div> | |
| </div> | |
| </div> | |
| </div> |