<html>
<head>
<title>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">
<!------ js ------>
<script src="js/jquery.min.js"> </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---->
<!--- fonts --->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,300italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'>
<!--- fonts --->
</head>
<body>
<!--- header-top ---->
<div id="home" class="header-top">
<!--- container ---->
<div class="container">
<div class="header-logo">
<a href="#"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header-sub-text">
<h2>Fusce rutrum pretium lorem semper nulla.</h2>
<p>Vestibulum ornare cursus nisl, fermentum tincidunt libero pretium et. Maecenas interdum ligula non
<small>fermentum fringilla.</small></p>
</div>
<div class="header-top-grids">
<div class="col-md-4 about-nav4">
<a class="scroll" href="#services"><span class="nav-icon4"> </span><label>Services</label></a>
</div>
<div class="col-md-4 about-nav5">
<a class="scroll" href="#portfolio"><span class="nav-icon5"> </span><label>Portfolio</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-bottom-grids">
<div class="col-md-6 left-grid text-left">
<div class="about-nav">
<a class="scroll" href="#about"><span class="nav-icon"> </span><label>About</label></a>
</div>
<div class="about-nav1">
<a class="scroll" href="#team"><span class="nav-icon1"> </span><label>Team</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 right-grid text-right">
<div class="about-nav2">
<a class="scroll" href="#blog"><span class="nav-icon2"> </span><label>Blog</label></a>
</div>
<div class="about-nav3">
<a class="scroll" href="#contact"><span class="nav-icon3"> </span><label>Contact</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="arrow-grid">
<div class="arrow">
<a class="scroll" href="#header-nav"><span> </span></a>
</div>
</div>
</div>
<!--- container ---->
</div>
<!--- //header-top ---->
<!--- header-bottom ---->
<!-- Sticky Nav --->
<div id="header-nav" class="header-nav">
<div class="top-nav">
<nav>
<div class="logo">
<a href="#"><img src="images/logo2.png" alt=""/></a>
</div>
<span class="menu"></span>
<ul>
<li class="active"><a class="scroll" href="#home">HOME</a></li>
<li><a class="scroll" href="#about">ABOUT</a></li>
<li><a class="scroll" href="#team">TEAM</a></li>
<li><a class="scroll" href="#services">SERVICES</a></li>
<li><a class="scroll" href="#portfolio">PORTFOLIO</a></li>
<li><a class="scroll" href="#blog">BLOG</a></li>
<li class="contact"><a class="scroll" href="#contact">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</nav>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!--script-nav-->
<script src="js/myscript.js"> </script>
</div>
<!-- top-nav -->
<!-- Sticky Nav --->
<!--- content ---->
<div class="content">
<!--- container ---->
<div class="container">
<div class="row">
<div class="col-md-3 content-top-grid">
<sub> </sub>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<span> </span>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<small> </small>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<big> </big>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
</div>
</div>
<!--- container ---->
</div>
<!--- content ---->
<!--- content-about ---->
<div id="about" class="content-about">
<!--- container ---->
<div class="container">
<div class="content-about-text">
<h2>About <small>us</small></h2>
<span> </span>
</div>
<div class="row">
<div class="col-md-6 content-about-grid-left">
<img src="images/screen1.png">
</div>
<div class="col-md-6 content-about-grid-right">
<p>Aliquam metus neque, bibendum sit amet porta at, consequat et
enim. In ut turpis non ipsum rhoncus porttitor vel ac nunc.
Maecenas interdum dignissim lorem quis auctor. Donec sit amet
nulla nisl, aliquam pretium ipsum. Pellentesque sodales ipsum et
enim rutrum adipiscing. Quisque tincidunt mattis sapien,
vel posuere.
</p>
<div class="learn">
<a href="#">Learn more</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- container ---->
<div class="content-about-bottom">
<div class="content-about-bottom-text">
<img src="images/quote.png">
<p>We lorem and ipsum your aliquam</p>
</div>
</div>
</div>
<!--- content-about ---->
<!--- content-team ---->
<div id="team" class="content-team">
<!--- container ---->
<div class="container">
<div class="content-team-text">
<h2>Our <small>team</small></h2>
<span> </span>
</div>
<div class="arrows">
<div class="left-arrow"> </div>
<div class="right-arrow"> </div>
<div class="clearfix"> </div>
</div>
<div class="row">
<!-- requried-jsfiles-for owl -->
<script>
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 3,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : true,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo1" class="owl-carousel">
<div class="item">
<div class="team-left-grid">
<img src="images/team4.png">
<h2>ANNE HATHAWAY</h2>
<p>CEO / Marketing Guru</p>
<div class="team-icon-grid">
<div class="col-md-6 f-icon">
<a href="#"><span> </span></a>
</div>
<div class="col-md-6 g-icon">
<a href="#"><span> </span></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="item">
<div class="team-left-
234国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
167 浏览量
2023-08-03
11:08:50
上传
评论
收藏 1.32MB ZIP 举报
234国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （75个子文件） 
234 js 
easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.min.js 94KB myscript.js 454B css style.css 39KB owl.carousel.css 8KB bootstrap.css 118KB
index.html 23KB images 
team6.jpg 20KB t5.jpg 49KB t6.jpg 52KB
res-logo.png 11KB plus.png 2KB paper.png 2KB service.png 7KB ve.png 2KB thr.png 2KB hoverbg.png 5KB 2hr.png 11KB edges.png 1KB 3.png 8KB ghr.png 2KB arrow.png 3KB cog.png 3KB Business-Teamwork-Managemen.jpg 33KB team4.jpg 17KB logo.png 8KB portbg.png 4KB n1.jpg 16KB get-icons.png 9KB logo2.png 3KB quote.png 7KB t3.jpg 40KB photo.png 2KB n4.jpg 21KB divice-pagenations.png 1KB 1.png 10KB left.png 2KB bg01.png 7KB rightarrowhr.png 2KB ftr.png 4KB g.png 2KB t1.jpg 44KB arrows.png 4KB bg.jpg 248KB 4hr.png 7KB sprite.png 4KB bha.png 8KB n5.jpg 19KB n3.jpg 19KB portfoliobg.png 2KB screen1.png 14KB t4.jpg 53KB user.png 2KB team5.jpg 18KB 4.png 7KB leftarrowhr.png 2KB t2.jpg 54KB right.png 2KB bobble.png 2KB pen.png 2KB f.png 1KB t.png 2KB quotebg.png 340KB fhr.png 1KB aboutbg.png 2KB icon.png 493B 2.png 10KB 3hr.png 8KB n2.jpg 19KB arrow1.png 3KB eve.jpg 23KB to-top1.png 639B资源评论
