<!DOCTYPE HTML>
<html>
<head>
<title>Home </title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--[if lt IE 9]>
<script src="https//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- start slider -->
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!-- Owl Carousel Assets -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 4,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["", ""],
rewindNav : false,
scrollPerPage : false,
pagination : false,
paginationNumbers : false,
});
});
</script>
<!-- //Owl Carousel Assets -->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
</head>
<body>
<div class="header_bg">
<div class="container">
<div class="row header">
<div class="logo navbar-left">
<h1><a href="index.html">Learner </a></h1>
</div>
<div class="h_search navbar-right">
<form>
<input type="text" class="text" value="Enter text here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter text here';}">
<input type="submit" value="search">
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="container">
<div class="row h_menu">
<nav class="navbar navbar-default navbar-left" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="technology.html">Technologies</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
<!-- start soc_icons -->
</nav>
<div class="soc_icons navbar-right">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="slider_bg"><!-- start slider -->
<div class="container">
<div id="da-slider" class="da-slider text-center">
<div class="da-slide">
<h2>education portal</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<span class="hide_text"> 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.</span></p>
<h3 class="da-link"><a href="single-page.html" class="fa-btn btn-1 btn-1e">view more</a></h3>
</div>
<div class="da-slide">
<h2>online educations</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<span class="hide_text">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.</span></p>
<h3 class="da-link"><a href="single-page.html" class="fa-btn btn-1 btn-1e">view more</a></h3>
</div>
<div class="da-slide">
<h2>education portal</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<span class="hide_text"> 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.</span></p>
<h3 class="da-link"><a href="single-page.html" class="fa-btn btn-1 btn-1e">view more</a></h3>
</div>
<div class="da-slide">
<h2>online educations</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<span class="hide_text"> 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.</span></p>
<h3 class="da-link"><a href="single-page.html" class="fa-btn btn-1 btn-1e">view more</a></h3>
</div>
</div>
</div>
</div><!-- end slider -->
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-globe"></i></span>
<h4><a href="#">Sed Porta Dolor</a></h4>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text 1500s.</p>
<a href="single-page.html" class="fa-btn btn-1 btn-1e">read more</a>
</div>
<div class="col-md-3 images_1_of_4 bg1 text-center">
<span class="bg"><i class="fa fa-laptop"></i></span>
<h4><a href="#">Lorem Ipsum is</a></h4>
<p class="para">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
<a href="single-page.html" class="fa-btn btn-1 btn-1e">read more</a>
</div>
<div class="col-md-3 images_1_of_4 bg1 text-center">
<span class="bg"><i class="fa fa-cog"></i></span>
<h4><a href="#">Sed Porta Dolor</a></h4>
<p class="para">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 by H. Rackham.</p>
<a href="single-page.html" class="fa-btn btn-1 btn-1e">read more</a>
</div>
<div class="col-md-3 images_1_of_4 bg1 text-center">
<span class="bg"><i class="fa fa-shield"></i> </span>
<h4><a href="#">Contrary belief</a></h4>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
<a href="single-page.html" class="fa-btn btn-1 btn-1e">read more</a>
</div>
</div>
</div>
</div><!-- end main -->
<div class="main_btm"><!-- start main_btm -->
<div class="container">
<div class="main row">
<div class="col-md-6 content_left">
<img src="images/pic1.
响应式_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 120 浏览量
2023-08-02
17:04:01
上传
评论
收藏 850KB ZIP 举报
响应式_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （64个子文件） 
响应式 js 
bootstrap.js 54KB jquery.cslider.js 7KB bootstrap.min.js 28KB modernizr.custom.28468.js 7KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 17KB bootstrap.min.css 98KB owl.carousel.css 11KB bootstrap.css 118KB slider.css 20KB
technology.html 8KB index.html 14KB single-page.html 5KB contact.html 6KB about.html 6KB images 
blog_pic1.jpg 36KB det_pic.jpg 136KB c1.jpg 15KB c2.jpg 11KB
c-arrows.png 2KB social-icons.png 2KB pic1.jpg 75KB c3.jpg 14KB blog_pic2.jpg 47KB ads_pic.jpg 495B slider_bg.jpg 75KB c4.jpg 14KB blog.html 8KB fonts texgyreadventor-regular-webfont.ttf 39KB css font-awesome.css 21KB font-awesome.min.css 17KB scss _core.scss 271B _spinning.scss 766B _fixed-width.scss 120B _icons.scss 26KB _larger.scss 375B _stacked.scss 482B _variables.scss 10KB _path.scss 695B font-awesome.scss 403B _bordered-pulled.scss 332B _rotated-flipped.scss 412B _mixins.scss 701B _list.scss 378B less larger.less 370B core.less 270B rotated-flipped.less 367B spinning.less 765B stacked.less 476B bordered-pulled.less 330B fixed-width.less 119B mixins.less 699B variables.less 10KB font-awesome.less 403B icons.less 26KB list.less 375B path.less 684B OpenSans-Regular-webfont.ttf 37KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
qw_6918966011
- 粉丝: 22
- 资源: 6161
