<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>arcadia for Iphone, Android Smartphone Mobile Website Template | Home : w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="The free arcadia Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!---- 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---->
<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>
</script>
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<!-- webfonts -->
</head>
<body>
<!-- container -->
<!-- header -->
<div id="totop" class="header">
<div class="container">
<!-- menu -->
<div class="menu">
<span class="menu-icon"> </span>
<ul>
<li><a href="#services" class="scroll">services</a></li>
<li><a href="#price" class="scroll">pricing</a></li>
<li><a href="#projects" class="scroll">Projects</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- /menu -->
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$(".menu ul").hide();
$("span.menu-icon").click(function(){
$(".menu ul").slideToggle(500);
});
});
</script>
<!-- /script-for-menu -->
<!-- header-info -->
<div class="header-info text-center">
<h2>We've got the special power</h2>
<span> </span>
<h1>We make websites</h1>
<a href="#intro" class="scroll"><label class="downarrow"> </label></a>
</div>
<!-- /header-info -->
</div>
<!-- /header -->
</div>
<!-- intro -->
<div id="intro" class="intro text-center">
<div class="container">
<!-- head-section -->
<div class="head-section text-center">
<h2>Meet us</h2>
<span> </span>
</div>
<!-- /head-section -->
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
<a href="#services" class="scroll"><label class="downarrow1"> </label></a>
</div>
</div>
<!-- intro -->
<!-- video -->
<!---- video ---->
<!---pop-up-box---->
<script type="text/javascript" src="./js/modernizr.custom.min.js"></script>
<link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<div id="small-dialog" class="mfp-hide">
<iframe src="http://player.vimeo.com/video/38584262"> </iframe>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
<!----//fea-video---->
<div id="price" class="video">
<a class="play popup-with-zoom-anim" href="#small-dialog"><span> </span></a>
</div>
<!-- video -->
<!-- services -->
<div id="services" class="services text-center">
<div class="container">
<!-- head-section -->
<div class="head-section text-center">
<h2>Service</h2>
<span> </span>
</div>
<!-- /head-section -->
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
<!-- service-grids -->
<div class="service-grids">
<div class="col-md-4 service-grid text-center">
<span class="s-icon"> </span>
<h4>BRANDING</h4>
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.</p>
</div>
<div class="col-md-4 service-grid text-center">
<span class="s-icon1"> </span>
<h4>WEB DEVELOPMENT</h4>
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.</p>
</div>
<div class="col-md-4 service-grid text-center">
<span class="s-icon2"> </span>
<h4>APP DESIGN</h4>
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.</p>
</div>
<div class="clearfix"> </div>
</div>
<!-- service-grids -->
<a href="#projects" class="scroll"><label class="downarrow1"> </label></a>
</div>
</div>
<!-- services -->
<!-- shope -->
<div class="shope text-center">
<div class="container">
<a href="#">Check our shope</a>
</div>
</div>
<!-- /shope -->
<!-- portfolio -->
<div id="projects" class="portfolio text-center">
<div class="container">
<!-- head-section -->
<div class="head-section text-center">
<h2>Our latest projects</h2>
<span> </span>
</div>
<!-- /head-section -->
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
<!-- portfolio-grids -->
<div class="portfolio-grids text-left">
<!-- requried-jsfiles-for owl -->
<link href="./css/owl.carousel.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 5,
lazyLoad : false,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel text-center">
<div class="item">
<div class="portfolio-grid">
<div class="portfolio-grid-pic">
<img src="./images/port-pic1.jpg" title="name" />
</div>
<div class="portfolio-grid-caption text-center">
<h4>Branding</h4>
<h5>Metalbrand</h5>
<span> </span>
</div>
</div>
</div>
移动设备开发团队网页模板_html5 bootstrap 响应式模板UI前端源码.rar （101个子文件） 
bootstrap.css 118KB style.css 17KB style.css 14KB style.css 11KB owl.carousel.css 8KB owl.carousel.css 8KB popuo-box.css 5KB popuo-box.css 5KB
index.html 20KB index.html 20KB index.html 10KB
clients-bg.jpg 397KB twitts-bg.jpg 352KB header-bg.jpg 142KB port-pic5.jpg 137KB port-pic5.jpg 137KB port-pic4.jpg 129KB port-pic4.jpg 129KB port-pic1.jpg 120KB port-pic1.jpg 120KB port-pic3.jpg 108KB port-pic3.jpg 108KB port-pic5.jpg 74KB port-pic4.jpg 70KB port-pic1.jpg 67KB port-pic3.jpg 66KB port-pic2.jpg 59KB port-pic2.jpg 59KB twitts-bg.jpg 41KB port-pic2.jpg 40KB clients-bg.jpg 37KB header-bg.jpg 31KB twitts-bg.jpg 28KB clients-bg.jpg 26KB header-bg.jpg 23KB jquery.min.js 94KB jquery.min.js 94KB jquery.magnific-popup.js 47KB jquery.magnific-popup.js 47KB owl.carousel.js 37KB owl.carousel.js 37KB easing.js 5KB easing.js 5KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB
video-bg.png 950KB video-bg.png 71KB video-bg.png 37KB about-pic1.png 17KB about-pic1.png 17KB about-pic1.png 17KB about-pic3.png 16KB about-pic3.png 16KB about-pic3.png 16KB about-pic2.png 15KB about-pic2.png 15KB about-pic2.png 15KB c-logo.png 5KB c-logo.png 5KB c-logo.png 5KB c-logo1.png 5KB c-logo1.png 5KB c-logo1.png 5KB social-icons.png 4KB social-icons.png 4KB social-icons.png 4KB c-logo2.png 4KB c-logo2.png 4KB c-logo2.png 4KB service-icons.png 4KB service-icons.png 4KB service-icons.png 4KB c-logo3.png 4KB c-logo3.png 4KB c-logo3.png 4KB movetop.png 3KB paly-icon.png 3KB paly-icon.png 3KB paly-icon.png 3KB movetop.png 3KB movetop.png 3KB map-pin.png 3KB map-pin.png 3KB map-pin.png 3KB downarrow1.png 3KB downarrow1.png 3KB downarrow1.png 3KB nav-icon.png 3KB downarrow.png 3KB downarrow.png 3KB downarrow.png 3KB to-top.png 3KB to-top.png 3KB to-top.png 3KB pluse-icon.png 3KB pluse-icon.png 3KB pluse-icon.png 3KB nav-icon.png 3KB共 101 条
- 1
- 2
资源评论
