<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>MATIC - One Page HTML Template</title>
<!--Favicon -->
<link rel="icon" type="image/png" href="images/favicon.png" />
<!-- CSS Files -->
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/socials.css" rel="stylesheet">
<link href="css/player/YTPlayer.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link id="changeable_tone" href="css/dark.css" rel="stylesheet">
<!-- End CSS Files -->
</head>
<body class="parallax">
<!-- Navigation -->
<nav id="navigation" class="first-nav nav-from-top">
<!-- Navigation Inner -->
<div class="nav-inner">
<div class="logo">
<!-- Navigation Logo Link -->
<a href="#home" class="scroll">
<!-- Your Logo -->
<img src="#" class="site_logo" alt=""/>
</a>
</div>
<!-- Mobile Menu Button -->
<a class="mobile-nav-button colored"><i class="fa fa-bars"></i></a>
<!-- Navigation Menu -->
<div class="nav-menu clearfix semibold">
<ul class="nav uppercase ">
<li><a href="#home" class="scroll">home</a></li>
<li><a href="#about" class="scroll">about</a></li>
<li><a href="#team" class="scroll">team</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#services" class="scroll">services</a></li>
<li><a href="#features" class="scroll">Blog</a></li>
<li class="dropdown-toggle nav-toggle" ><a class="scroll">Features<b data-toggle="dropdown"></b></a>
<!-- DropDown Menu -->
<ul class="dropdown-menu uppercase gray-border clearfix">
<li><a href="#" class="ex-link">Elements</a></li>
<li><a href="#" class="ex-link">Single Portfolio</a></li>
<li><a href="#" class="ex-link">Project Style 1</a></li>
<li><a href="#" class="ex-link">Project Style 2</a></li>
<li><a href="#" class="ex-link">Project Style 3</a></li>
<li><a href="#" class="ex-link">Blog Full Width</a></li>
<li><a href="#" class="ex-link">Blog With Right Sidebar</a></li>
<li><a href="#" class="ex-link">Blog With left Sidebar</a></li>
<li><a href="#" class="ex-link">Blog Single</a></li>
</ul>
<!-- End DropDown Menu -->
</li>
<li><a href="#contact" class="scroll">contact</a></li>
</ul>
</div><!-- End Navigation Menu -->
</div><!-- End Navigation Inner -->
</nav><!-- End Navigation -->
<!-- Home -->
<section id="home" class="container relative">
<!-- Ful Screen Home -->
<div id="fullscreen" class="image-bg"></div>
<!-- Home Elements -->
<div class="home-elements">
<!-- Home Inner -->
<div class="home-inner v2 text-center">
<!-- Home Text Slider -->
<div class="home-text-slider relative">
<div class="text-slider clearfix">
<!-- Home Text Slides -->
<ul class="home-texts clearfix text-center semibold">
<li class="slide white uppercase">Parallax Background </li>
<li class="slide white uppercase">Easy Customize</li>
<li class="slide white uppercase">Responsive Design</li>
</ul><!-- End Home Text Slides -->
<!-- Home Fixed Text -->
<h1 class="home-fixed-text text-center"><span class="white">Matic</span> is your solution design. We are easy to use!</span></h1>
</div>
</div><!-- End Home Text Slider -->
<!-- Home Button -->
<a href="#" target="_blank" class="home-button-1 uppercase semibold">
purchase
</a>
<!-- Home Button -->
<a href="#about" class="scroll home-button-1 uppercase semibold">
read more
</a>
</div><!-- End Home Inner -->
</div><!-- End Home Elements -->
</section><!-- End Home Section -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >免费网站模板</a></div>
<!-- About Section -->
<section id="about" class="container padb60">
<!-- Inner About -->
<div class="inner about">
<!-- Header -->
<div class="header margint60 marginb40 animated" data-animation="fadeIn" data-animation-delay="100">
<h2>about Matic</h2>
<div class="header-strips-one animated" data-animation="fadeIn" data-animation-delay="100"></div>
</div><!-- End Header -->
<!-- About Details -->
<div class="about-details">
<!-- Row -->
<div class="row">
<!-- Feature Content -->
<div class="col-md-6 feature-content text-center">
<!-- Icon Box -->
<div class="icon-box">
<!-- Icon -->
<i class="fa fa-star-o fa-5x"></i>
</div><!-- End Icon Box -->
<!-- Details -->
<h4>History</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, tenetur perspiciatis eos provident laborum eum dignissimos est consectetur cupiditate tempore culpa adipisci nostrum incidunt obcaecati voluptatem architecto fuga.<p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, tenetur perspiciatis eos provident laborum eum dignissimos est consectetur cupiditate tempore culpa adipisci nostrum incidunt obcaecati voluptatem architecto fuga. Velit,nihil,libero,culpa adipisci nostrum incidunt obcaecati voluptatem architecto fuga<span><a class="read-more" href="#"><em>Read More</em></a></span></p>
</div><!-- End Feature Content -->
<!-- Feature Content -->
<div class="col-md-6 feature-content text-center">
<!-- Icon Box -->
<div class="icon-box">
<!-- Icon -->
<i class="fa fa-lightbulb-o fa-5x"></i>
</div><!-- End Icon Box -->
<h4>Our Skills</h4>
<!-- Skill Progress -->
<div class="skills-progress">
<h6>Website Design <span>81%</span></h6>
<!-- Nostrips -->
<div class="meter nostrips wp">
<span style="width: 81%"></span>
</div><!-- End Nostrips -->
<h6>Website Development <span>92%</span></h6>
<!-- Nostrips -->
<div class="meter nostrips css">
<span style="width: 92%"></span>
</div><!-- End Nostrips -->
<h6>Plugins <span>79%</span></h6>
<!-- Nostrips -->
<div class="meter nostrips html">
<span style="width: 79%"></span>
</div><!-- End Nostrips -->
<h6>Front end <span>71%</span></h6>
<!-- Nostrips -->
<div class="meter nostrips photoshop">
<span style="width: 71%"></span>
</div><!-- End Nostrips -->
</div><!-- End Skill Progress -->
</div><!-- End Feature Content -->
</div> <!--End Row -->
</div><!-- End about details-->
</div><!-- End Inner About-->
<!-- Inner About -->
<div class="inner about margint60 padb60">
<!-- Row -->
<div class="row">
<div class="col-md-3 col-sm-3">
<!-- Icon Nav -->
<div class="icon-nav">
<a href="#portfolio" class="scroll">
<!-- Icon -->
<i class="fa fa-weixin"></i>
<h4>Our Team</h4>
<em>Unlimited Support</em>
</a>
</div><!-- End Icon Nav -->
</div>
<div class="col-md-3 col-sm-3">
<!-- Icon Nav -->
<div class="icon-nav">
<a href="#services" class="scroll">
<!-- Icon -->
<i class="fa fa-life-ring"></i>
<h4>Our services</h4>
<em>We Do Our Best</em>
</a>
</div><!-- End Icon Nav -->
</div>
<div c
1319js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （91个子文件） 
1319 js 
jquery.superslides.js 15KB jquery.appear.js 1KB waypoints.min.js 8KB jquery.prettyPhoto.js 35KB bootstrap.min.js 28KB SmoothScroll.js 14KB modernizr-latest.js 52KB jquery.flexslider.js 52KB main.js 3B jquery.fitvids.js 3KB jquery.magnific-popup.min.js 20KB jquery.mb.YTPlayer.js 38KB jquery.isotope.js 43KB jquery-1.11.0.min.js 94KB jquery.parallax-1.1.3.js 2KB owl.carousel.js 38KB theme_panel.js 1KB jquery.easing.1.3.js 8KB plugins.js 22KB
1.jpg 86KB css style.css 40KB dark.css 13KB bootstrap.min.css 98KB socials.css 1KB owl.carousel.css 6KB responsive.css 15KB player YTPlayer.css 9KB palevioletred.css 2KB magnific-popup.css 8KB prettyPhoto.css 20KB font-awesome.min.css 20KB animate.min.css 55KB red.css 2KB theme_panel.css 3KB
index.html 75KB images 2.jpg 124KB team team6.jpg 35KB team4.jpg 20KB team3.jpg 23KB team5b.jpg 19KB team3b.jpg 23KB team4b.jpg 20KB team2.jpg 19KB team2b.jpg 19KB team1b.jpg 25KB team5.jpg 19KB team6b.jpg 35KB team1.jpg 25KB sl.jpg 29KB
back-pattern.png 946B homeslide.jpg 147KB portfolio 009.jpg 14KB 015.jpg 14KB 005.jpg 16KB 011.jpg 12KB 003.jpg 18KB 010.jpg 18KB 013.jpg 17KB 008.jpg 18KB 006.jpg 16KB 002.jpg 18KB 014.jpg 16KB 004.jpg 14KB 007.jpg 16KB 001.jpg 4KB 012.jpg 17KB tablet.jpg 28KB clients logo7.jpg 9KB client4.png 7KB client1.png 3KB logo3.jpg 9KB logo5.jpg 9KB logo4.jpg 9KB client3.png 4KB client2.png 4KB logo1.jpg 10KB logo6.jpg 7KB logo2.jpg 15KB hd-screen.png 697KB icon icon6.png 2KB icon1.png 1KB icon4.png 2KB icon5.png 2KB icon3.png 1KB icon2.png 2KB pt15.jpg 46KB fonts FontAwesome.otf 73KB fontawesome-webfont.eot 71KB fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB资源评论
xox_761617
- 粉丝: 29
- 资源: 7802
最新资源
- (179694026)新生宿舍管理系统 毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
- 更新OneNav一为主题VV4.1810 pojie版 WordPress导航主题开心版
- (177540440)014-宿舍管理系统SpringBoot+Vue.zip
- (179719424)高校试题管理系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
- 2-Keka 1.4.6 macOS下压缩软件
- (179722212)可视化高校公寓管理系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
- 基于Matlab simulink的插电式混合动力汽车建模仿真模型4驱PHEV 实现P2P4发动机-三擎四驱 ①仿真图像包括 发动机转矩变化图像、电机转矩变化图像、工作模式变化图像、档位变化图像、电
- (179721826)高校学生管理系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
- 字加 安装包 海量字体安装到电脑中
- (180089196)学生宿舍管理系统 微信小程序+SpringBoot毕业设计 源码+数据库+论文+启动教程.zip
- 桁架机械手板材搬运sw20全套技术资料100%好用.zip
- (176093222)MATLAB代码：含电热联合系统的微电网运行优化火 关键词：微网 电热联合系统 优化调度 综合能源系统 仿真平台：MAT
- (179223252)JAVA 班主任管理系统(源代码+论文).zip
- 低温下压缩二氧化碳与压缩空气储能系统对比分析 带文献 ebsilon模型
- (175540420)毕业设计基于SpringBoot+Vue 的家政服务管理平台【源码+论文+演示视频+包运行成功】
- 桁架机械手搬运sw20全套技术资料100%好用.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
