<!DOCTYPE html>
<html>
<head>
<title>Moderno Bootstarp Website Template | Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- web-font -->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<!-- web-font -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- header -->
<div id="home" class="header-bg">
<div class="header-layer">
<div class="header-top">
<!-- container -->
<div class="container">
<div class="head-logo">
<a href="#"><img src="images/logo.png" alt="" /></a>
</div>
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box" style="top: -1000px;">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="#home" class="scroll"><span>home</span></a></li>
<li><a href="#services" class="scroll"><span>services</span></a></li>
<li><a href="#stories" class="scroll"><span>stories</span></a></li>
<li><a href="#gallery" class="scroll"><span>gallery</span></a></li>
<li><a href="#contact" class="scroll"><span>contact</span></a></li>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
<!-- start-click-drop-down-menu -->
<!-- start-dropdown -->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("500");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!-- //End-click-drop-down-menu -->
<!-- top-nav -->
</div>
<div class="clearfix"> </div>
<div class="head-info">
<h1>MODERNO</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur eu velit nulla.
</p>
<div class="botton">
<a href="#">Get in Touch</a>
</div>
</div>
</div>
<!-- //container -->
</div>
</div>
</div>
<!-- //header -->
<!-- service -->
<div id="services" class="service">
<!-- container -->
<div class="container">
<div class="service-grids">
<div class="col-md-4 service-grid service-left">
<div class="creative"> </div>
<h3>We Are Creative</h3>
<p>Lorem ipsum dolor sit amet, dicta albucius ne.
Nostro gubergren in ius, ea nam vocent
electram. An verear efficiantur usu
</p>
</div>
<div class="col-md-4 service-grid service-middle">
<div class="skills"> </div>
<h3>We have Skills</h3>
<p>Nostro gubergren in ius, ea nam vocent
electram. An verear efficiantur.
</p>
</div>
<div class="col-md-4 service-grid service-right">
<div class="help"> </div>
<h3>We Love To Help</h3>
<p>Lorem ipsum dolor sit amet, dicta. Nostro
gubergren in ius, ea nam vocent. An verear
efficiantur usu
</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //service -->
<!-- stories -->
<div id="stories" class="stories">
<!-- container -->
<div class="container">
<div class="stories-info">
<h2>Success Stories</h2>
<p>We do awesome work,check some of success stories so far</p>
</div>
<div class="stories-grids">
<div class="stories-grid-left">
<img src="images/5.jpg" alt="" />
</div>
<div class="stories-grid-right">
<div class="cross"> </div>
<h3>Lorem Ipsum Project</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it
to make a type specimen book.
</p>
<div class="botton Project">
<a href="#">View Project</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- photography -->
<div id="gallery" class="photography">
<div class="photography-images">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/2.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="photography-images middle">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/3.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="photography-images">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/4.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="photography-images">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/7.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="photography-images middle">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/8.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="photography-images">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/9.jpg" />
<div class="caption">
<span> </span>
</div>
</a>
</div>
<div class="clearfix"> </div>
<!---- Script for gallery Here --->
<script type="text/javas
企业网站HTML源码-现代网络技术案例响应式网页模板-可适配移动端.zip （27个子文件） 
企业网站HTML源码-现代网络技术案例响应式网页模板-可适配移动端 html js 
jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 14KB popuo-box.css 5KB bootstrap.css 118KB
index.html 13KB images 
into.png 3KB
2.jpg 83KB up-arrow.png 3KB Thumbs.db 83KB 0.png 11KB menu.png 302B logo.png 2KB 1.jpg 291KB 5.jpg 62KB twitter.png 1KB 8.jpg 51KB icons.png 18KB 3.jpg 28KB 9.JPG 80KB 6.JPG 27KB 7.jpg 40KB 4.jpg 23KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- HTML5实现好看的清洁服务公司网站模板.zip
- HTML5实现好看的墙壁粉刷公司网站源码.zip
- HTML5实现好看的清爽创意家居网站源码.zip
- HTML5实现好看的清爽大屏饼干制作网站源码.zip
- HTML5实现好看的清爽家政公司网站源码.zip
- HTML5实现好看的清新的教育机构网站源码.zip
- 重庆邮电大学信号处理实验三
- WINCC的SQL应用，无需修改任何源码， 导入变量即可自动生成配方报表 配方报表，vbs应用，配方应用 学习利器，可供有需要学习的朋友学习， 源码公开， 配合SQLSERVER使用
- 基于卷积神经网络(CNN)的手写数字识别 matlab代码，要求2018版本及以上
- 重庆邮电大学信号处理实验四代码
- 基于SSM框架的家庭健康管理系统+Java、HTML+家庭健康管理、健康指标管理
- 基于c代码的空间电压矢量svpwm算法simulink仿真: 1.svpwm的c代码为实际工程中使用和验证过，代码简洁，注释详细; 2.采用7段式svpwm，有过调机制处理; 3.送svpwm原理详
- fpga sata 2.0 3.0源码，纯verilog代码，根据不同的平台，支持gtx gth gty平台
- 堆垛机西门子PLC程序+输送线程序 物流仓储 涵盖通信，算法，运动控制，屏幕程序，可电脑仿真测试 实际项目完整程序 西门子S7-1200＋G120+劳易测激光测距 博途V15.1编程 采用SC
- 基于SSM框架的家庭健康管理系统论文+Java、SSM、MySQL+健康管理、指标管理
- carsim与simulink联合仿真的线控转向系统
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
