Difference between revisions of "Team:SEU/Home"

Line 43: Line 43:
 
             </div>
 
             </div>
 
         </header>
 
         </header>
 +
 +
 +
 +
 +
        <div id="fullpage" class="fullpage-default">
 +
 +
            <div class="section animated-row" data-section="slide01">
 +
                <div class="section-inner">
 +
                    <div class="welcome-box">
 +
                        <span class="welcome-first animate" data-animate="fadeInUp">Hello, welcome to</span>
 +
                        <h1 class="welcome-title animate" data-animate="fadeInUp">elegance</h1>
 +
                        <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""><img src="images/mouse-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>
 +
  
 
     </div>
 
     </div>
 
</html>
 
</html>

Revision as of 08:12, 8 September 2019

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