Line 52: | Line 52: | ||
<div class="welcome-box"> | <div class="welcome-box"> | ||
<h1></h1> | <h1></h1> | ||
− | <span class="welcome-first animate" data-animate="fadeInUp" style="color:#fff"> | + | <span class="welcome-first animate" data-animate="fadeInUp" style="color:#fff">Hello, welcome to</span> |
− | <h1 class="welcome-title animate" data-animate="fadeInUp" style="color:#fff"> | + | <h1 class="welcome-title animate" data-animate="fadeInUp" style="color:#fff">elegance</h1> |
− | <p class="animate" data-animate="fadeInUp"> | + | <p class="animate" data-animate="fadeInUp">This is a clean and modern HTML5 template with a video background. You can use this layout for your profile page. Please spread a word about templatemo to your friends. Thank you.</p> |
− | <div class="scroll-down next-section animate data-animate="fadeInUp"" style="color | + | <div class="scroll-down next-section animate data-animate="fadeInUp"" style="color=#fff"><img src="https://static.igem.org/mediawiki/2019/b/b4/T--SEU--scroll.png" alt=""><span>Scroll Down</span></div> |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section animated-row" data-section="slide02"> | ||
+ | <div class="section-inner"> | ||
+ | <div class="about-section"> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-lg-8 wide-col-laptop"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="about-contentbox"> | ||
+ | <div class="animate" data-animate="fadeInUp"> | ||
+ | <span>About Me</span> | ||
+ | <h2>Who am i?</h2> | ||
+ | <p>Credits go to <strong>Unsplash</strong> and <strong>Pexels</strong> for photos and video used in this template. Vivamus tincidunt, augue rutrum convallis volutpat, massa lacus tempus leo.</p> | ||
+ | </div> | ||
+ | <div class="facts-list owl-carousel"> | ||
+ | <div class="item animate" data-animate="fadeInUp"> | ||
+ | <div class="counter-box"> | ||
+ | <i class="fa fa-trophy counter-icon" aria-hidden="true"></i><span class="count-number">32</span> Awards Won | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item animate" data-animate="fadeInUp"> | ||
+ | <div class="counter-box"> | ||
+ | <i class="fa fa-graduation-cap counter-icon" aria-hidden="true"></i><span class="count-number">4</span> Degrees | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item animate" data-animate="fadeInUp"> | ||
+ | <div class="counter-box"> | ||
+ | <i class="fa fa-desktop counter-icon" aria-hidden="true"></i><span class="count-number">12</span> Working Years | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item animate" data-animate="fadeInUp"> | ||
+ | <div class="counter-box"> | ||
+ | <i class="fa fa-support counter-icon" aria-hidden="true"></i><span class="count-number">6</span> Team Members | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item animate" data-animate="fadeInUp"> | ||
+ | <div class="counter-box"> | ||
+ | <i class="fa fa-certificate counter-icon" aria-hidden="true"></i><span class="count-number">10</span> Certificates | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <figure class="about-img animate" data-animate="fadeInUp"><img src="images/profile-girl.jpg" class="rounded" alt=""></figure> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 02:54, 10 September 2019
![](https://static.igem.org/mediawiki/2019/b/be/T--SEU--tm-wy1.jpg)
Hello, welcome to
elegance
This is a clean and modern HTML5 template with a video background. You can use this layout for your profile page. Please spread a word about templatemo to your friends. Thank you.
About Me
Who am i?
Credits go to Unsplash and Pexels for photos and video used in this template. Vivamus tincidunt, augue rutrum convallis volutpat, massa lacus tempus leo.
32 Awards Won
4 Degrees
12 Working Years
6 Team Members
10 Certificates
![](images/profile-girl.jpg)