<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
<title>Elegance - Creative HTML5 Template</title>
<!--
Elegance Template
https://templatemo.com/tm-528-elegance
-->
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/fullpage.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<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 by TemplateMo">
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>
<video autoplay muted loop id="myVideo">
<source src="images/video-bg.mp4" type="video/mp4">
</video>
<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 class="section animated-row" data-section="slide03">
<div class="section-inner">
公司级网站源码-服务展示动态公司响应式网页模板-支持适配移动端.zip
版权申诉
174 浏览量
2024-03-23
09:34:09
上传
评论
收藏 5.39MB ZIP 举报
公司级网站源码-服务展示动态公司响应式网页模板-支持适配移动端.zip （40个子文件） 
公司级网站源码-服务展示动态公司响应式网页模板-支持适配移动端 html js 
form.js 1KB bootstrap.min.js 81KB scrolloverflow.js 46KB fullpage.min.js 35KB owl.carousel.min.js 43KB custom.js 7KB jquery.js 84KB jquery.inview.min.js 1KB css fullpage.min.css 5KB bootstrap.min.css 138KB flex-slider.css 7KB owl.carousel.css 3KB responsive.css 7KB font-awesome.css 39KB animate.css 47KB templatemo-style.css 17KB
index.html 32KB images 
item-3.jpg 38KB item-1.jpg 26KB item-2.jpg 42KB profile-girl.jpg 94KB
video-bg.mp4 4.57MB
mouse-scroll.png 1KB profile-01.jpg 26KB main-bg.jpg 78KB fonts slick.ttf 2KB flexslider-icon.woff 1KB slick.eot 2KB FontAwesome.otf 92KB fontawesome-webfont.eot 59KB Flaticon.woff 9KB flexslider-icon.eot 2KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB flexslider-icon.ttf 2KB
slick.svg 2KB fontawesome-webfont.svg 307KB flexslider-icon.svg 2KB fontawesome-webfont.ttf 119KB slick.woff 1KB资源评论
