Difference between revisions of "Team:SEU/Home"

Line 9: Line 9:
 
     <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/css" type="text/javascript"></script>
 
     <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/css" type="text/javascript"></script>
  
−
{{Team:SEU:Header}}
+
    <div id="video">
 +
        <div class="preloader">
 +
            <div class="preloader-bounce">
 +
                <span></span>
 +
                <span></span>
 +
                <span></span>
 +
            </div>
 +
        </div>
  
 +
        <header id="header">
 +
            <div class="container-fluid">
 +
                <div class="navbar">
 +
                    <a href="#" id="logo" title="Elegance">
 +
                        Elegance
 +
                    </a>
 +
                    <div class="navigation-row">
 +
                        <nav id="navigation">
 +
                            <button type="button" class="navbar-toggle"> <i class="fa fa-bars"></i> </button>
 +
                            <div class="nav-box navbar-collapse">
 +
                                <ul class="navigation-menu nav navbar-nav navbars" id="nav">
 +
                                    <li data-menuanchor="slide01" class="active"><a href="#slide01">Home</a></li>
 +
                                    <li data-menuanchor="slide02"><a href="#slide02">About Me</a></li>
 +
                                    <li data-menuanchor="slide03"><a href="#slide03">Services</a></li>
 +
                                    <li data-menuanchor="slide04"><a href="#slide04">My Skills</a></li>
 +
                                    <li data-menuanchor="slide05"><a href="#slide05">My Work</a></li>
 +
                                    <li data-menuanchor="slide06"><a href="#slide06">Testimonials</a></li>
 +
                                    <li data-menuanchor="slide07"><a href="#slide07">Contact Me</a></li>
 +
                                </ul>
 +
                            </div>
 +
                        </nav>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </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>
 +
    </div>
 
</html>
 
</html>

Revision as of 07:50, 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.