<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Bootstrap, Landing page, Template, Registration, Landing">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Grayrids">
<title>Crystal - Free Video Background Website Template</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/line-icons.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/menu_sideslide.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<div class="menu-wrap">
<nav class="menu navbar">
<div class="icon-list navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#video-area">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolios">Our Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#subscribe">Subscribe</a>
</li>
</ul>
</div>
</nav>
<button class="close-button" id="close-button"><i class="lnr lnr-cross"></i></button>
</div>
<!-- Header Section Start -->
<header id="video-area" data-stellar-background-ratio="0.5">
<div id="block" data-vide-bg="video/video"></div>
<div class="fixed-top">
<div class="container">
<div class="logo-menu">
<a href="index.html" class="logo"><span class="lnr lnr-diamond"></span> CRYSTAL</a>
<button class="menu-button" id="open-button"><i class="lnr lnr-menu"></i></button>
</div>
</div>
</div>
<div class="overlay overlay-2"></div>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10">
<div class="contents text-center">
<h1 class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0.3s">Crystal - Free Video Background HTML5 Bootstrap Template</h1>
<p class="lead wow fadeIn" data-wow-duration="1000ms" data-wow-delay="400ms">Free High-quality Responsive Video Background Website Template Based on Bootstrap 4 to Create Complete Business Website in Minutes</p>
<a href="#" class="btn btn-common wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms"><i class="lnr lnr-download"></i> Download</a>
</div>
</div>
</div>
</div>
</header>
<!-- Header Section End -->
<!-- Services Section Start -->
<section id="services" class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s">Our <span>Services</span></h2>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
<p class="section-subtitle wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy <br> nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="0.2s">
<div class="icon">
<i class="lnr lnr-pencil"></i>
</div>
<h4>Content Writing</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="0.4s">
<div class="icon">
<i class="lnr lnr-cog"></i>
</div>
<h4>Web Development</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="0.6s">
<div class="icon">
<i class="lnr lnr-chart-bars"></i>
</div>
<h4>Graphic Design</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="0.8s">
<div class="icon">
<i class="lnr lnr-layers"></i>
</div>
<h4>UI/UX Design</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="1s">
<div class="icon">
<i class="lnr lnr-tablet"></i>
</div>
<h4>App Development</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="item-boxes wow fadeInDown" data-wow-delay="1.2s">
<div class="icon">
<i class="lnr lnr-briefcase"></i>
</div>
<h4>Digital Marketing</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section End -->
<!-- Features Section Start -->
<section id="features" class="section" data-stellar-background-ratio="0.2">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s">Amazing <span>Features</span></h2>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
<p class="section-subtitle wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy <br> nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="content-left text-right wow fadeInLeft animat
企业级网站源码-商业发展管理咨询网站模板-响应式适配移动端.zip
版权申诉
79 浏览量
2024-03-24
15:00:40
上传
评论
收藏 5.97MB ZIP 举报
企业级网站源码-商业发展管理咨询网站模板-响应式适配移动端.zip （71个子文件） 
企业级网站源码-商业发展管理咨询网站模板-响应式适配移动端 html js 
jquery.vide.js 12KB jquery.mixitup.js 50KB form-validator.min.js 6KB waypoints.min.js 8KB wow.js 6KB bootstrap.min.js 46KB smooth-on-scroll.js 5KB nivo-lightbox.js 14KB main.js 3KB color-switcher.js 2KB jquery.magnific-popup.min.js 20KB jquery.stellar.min.js 12KB jquery.counterup.min.js 1KB menu.js 798B smooth-scroll.js 475B tether.min.js 24KB classie.js 2KB owl.carousel.min.js 15KB jquery-min.js 82KB jquery.nav.js 5KB contact-form-script.js 2KB mixitup.min.js 85KB img features 
feature.jpg 62KB portfolio img6.jpg 36KB img2.jpg 16KB img5.jpg 26KB img4.jpg 51KB img1.jpg 26KB img3.jpg 74KB bg1.jpg 149KB blog img2.jpg 113KB img1.jpg 154KB img3.jpg 92KB testimonial 
customer1.png 93KB customer3.png 84KB customer2.png 110KB bg_2.jpg 105KB css bootstrap.min.css 147KB main.css 25KB nivo-lightbox.css 6KB colors green.css 2KB preset.css 2KB pink.css 2KB blue.css 2KB orange.css 2KB lightgreen.css 2KB owl.carousel.css 3KB line-icons.css 8KB menu_sideslide.css 4KB responsive.css 2KB normalize.css 8KB magnific-popup.css 7KB animate.css 68KB font-awesome.min.css 30KB color-switcher.css 2KB owl.theme.css 2KB less responsive.less 2KB main.less 26KB
index.html 34KB video 
video.mp4 3.95MB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB Linearicons-Free.eot 55KB Linearicons-Free.woff2 21KB
Linearicons-Free.svg 201KB fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB Linearicons-Free.ttf 54KB Linearicons-Free.woff 54KB资源评论
