<!--
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>The Dagdigdug bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- 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 -->
<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>
<script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="./css/magnific-popup.css" rel="stylesheet" type="text/css">
<!---- 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---->
<!----- webfonts ------>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<!----- webfonts ------>
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!----- start-header---->
<div class="header" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
</div>
<span class="menu"> </span>
<div class="clearfix"> </div>
<script>
$( "span.menu" ).click(function() {
$( "ul.navig" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="navigation">
<ul class="navig">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a class="popup-with-zoom-anim" href="#small-dialog">Price</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class ="banner-text"><img src="./images/banner-text.png" /></div>
</div>
<!----- //End-header---->
<div id="about" class="app-design">
<div class="container">
<div class="col-md-6 app-img">
<img src="./images/iphone.png" />
</div>
<div class="col-md-6 app-text">
<h1>MOBILE APP DESIGN</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="app-icons">
<ul class="t-social unstyled-list list-inline">
<li><a class="android" href="#"><span> </span></a></li>
<li><a class="apple" href="#"><span> </span></a></li>
<li><a class="windows" href="#"><span> </span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----- //End-about---->
<div id="design" class="web-design">
<div class="container">
<div class="work-section">
<div class="col-md-5 web-text">
<h2>WEB DESIGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="web-icons">
<ul class="t-social unstyled-list list-inline">
<li><ahref="#"><img src="./images/s.png" /></a></li>
<li><ahref="#"><img src="./images/3.png" /></a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="col-md-7 work-img">
<img src="./images/system.png" />
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----sreen-gallery-cursual---->
<div id="work" class="work">
<h3>Our recent work</h3>
<div class="sreen-gallery-cursual">
<link href="./css/owl.carousel.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items :1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : false,
pagination :false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel text-center">
<div class="item">
<img src="./images/slide1.png" />
</div>
<div class="item">
<img src="./images/slide2.png" />
</div>
<div class="item">
<img src="./images/slide1.png" />
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----- //End-work---->
<div id="price" class="Price">
<div id="small-dialog" class="mfp-hide">
<div class="plans_table">
<table width="100%" cellspacing="0" class="compare_plan">
<thead>
<tr>
<th class="plans-list"><h3>Plan Features</h3></th>
<th class="plans-list"><h3>Basic</h3><h4>$5<small>/month</small></h4></th>
<th class="plans-list"><h3>Economy</h3><h4>$9<small>/month</small></h4></th>
</tr>
</thead>
<tfoot>
<tr>
<td> </td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="plan_list_title">Web Space</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">Bandwidth</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">25 GB Storage</td>
网站模板-高峰创意产品响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
24 浏览量
2024-03-23
09:38:40
上传
评论
收藏 3.14MB ZIP 举报
网站模板-高峰创意产品响应式网页模板-适配移动端界面-HTML源码.zip （89个子文件） 
网站模板-高峰创意产品响应式网页模板-适配移动端界面-HTML源码 html mobile css 
style.css 11KB
index.html 8KB images 
tw.png 624B Thumbs.db 391KB 3.png 3KB s.png 3KB
banner.jpg 44KB logo.png 6KB apple.png 801B fb.png 347B bg.jpg 22KB system.png 13KB menu-icon.png 653B iphone.png 19KB windows.png 650B tickmark-icon.png 298B gg.png 741B android.png 837B slide-bg.png 9KB slide1.png 18KB icon-remove.png 254B smartphone js jquery.magnific-popup.js 45KB demo.js 3KB responsive.menu.js 3KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery-1.10.2.min.js 91KB css style.css 15KB owl.carousel.css 8KB magnific-popup.css 9KB index.html 13KB images slide2.png 21KB tw.png 624B Thumbs.db 389KB 3.png 3KB s.png 3KB border.png 518B banner.jpg 74KB app-icons.png 2KB divice-pagenations.png 1KB move-up.png 859B fb.png 347B banner-text.png 9KB bg.jpg 41KB system.png 25KB menu-icon.png 624B iphone.png 19KB tickmark-icon.png 298B gg.png 741B slide-bg.png 13KB slide1.png 33KB icon-remove.png 254B web js jquery.magnific-popup.js 45KB demo.js 3KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery-1.10.2.min.js 91KB css style.css 18KB owl.carousel.css 9KB magnific-popup.css 9KB bootstrap.css 118KB index.html 13KB images slide2.png 126KB tw.png 624B Thumbs.db 410KB 3.png 3KB s.png 3KB border.png 518B banner.jpg 678KB logo.png 6KB app-icons.png 2KB menu-icon1.png 535B divice-pagenations.png 1KB move-up.png 837B fb.png 347B banner-text.png 12KB bg.jpg 135KB system.png 202KB menu-icon.png 514B iphone.png 190KB tickmark-icon.png 298B gg.png 741B slide-bg.png 81KB slide20.png 189KB slide1.png 142KB system.jpg 174KB icon-remove.png 254B资源评论
