Difference between revisions of "Team:SEU/Home"

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">Welcome to</span>
+
                         <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">SEU</h1>
+
                         <h1 class="welcome-title animate" data-animate="fadeInUp" style="color:#fff">elegance</h1>
−
                         <p class="animate" data-animate="fadeInUp">Considering the popularity of deep learning and pattern recognition in recent years, our team are interested in designing and constructing nucleic-acid systems to explore one practice solution to implement deep neural networks using molecular computing.</p>
+
                         <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:#fff"><img src="images/mouse-scroll.png" alt=""><span>Scroll Down</span></div>
+
                         <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





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