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> | ||
− | + | <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.