There are two available variation of the box:
ct-leadershipBox–left
ct-leadershipBox–right
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<div class="ct-leadershipBox ct-leadershipBox--left"> <div class="ct-leadershipBox-description"> <div class="ct-leadershipBox-title"> <h1 class="ct-leadershipBox-firstName">Megan</h1> <h2 class="ct-leadershipBox-surName">Trainers</h2> <span class="ct-leadershipBox-positionName ct-fw-300">Founder of 1STEP</span> </div> <p class="ct-leadershipBox-basicInformation text-justify-xs"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris leo nibh, suscipit et nibh sed, posuere veneuis massa. Aliquam nunc nulla, imperdiet sed mattis id, consequat aliquet diam. Fusce dictum feugiat aliquam. Phasellus diam libero, mollis vel velit quis, bibendum volutpat turpis. Proin id gravida diam. Donec tempor, enim ac vulputate vehicula, odio arcu vulputate dui, at tristique dui nibh ut nisl. Aliquam lacinia pretium urna, eget tincidunt ipsum accumsan sit amet. In faucibus lacinia est. Praesent dapibus, dolor id vehicula sodales, justo diam eleifend ipsum, vel laoree. </p> </div> <div class="ct-leadershipBox-image animated" data-fx="" data-time=""> <img src="../assets/images/demo-content/leadership-1.jpg" alt="Leadership 1" class="img-responsive"> </div> <div class="clearfix"></div> </div> |
JavaScript:
Screenshot’s: