<!--
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 Walsh-x 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>
<!---- 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'>
<!----- 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 id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="#"><img src="./images/logo.png" alt=""></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#hire" class="scroll">Hire me</a></li>
</ul>
<a href="#" id="pull"><img src="./images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
<div class="tittle-head">
<h1>"Helloooo down there ".</h1>
<p>My name is Tom Walsh, a web & graphic designer from Huddersfield who creates clean and modern design for clients all over the world. </p>
<div class="learn-button">
<a class="slide-btn" href="#">View My Work</a>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!----- //End-header---->
<!----- /start-services---->
<div id="services" class="Services">
<div class="container">
<div class="service-grides">
<div class="col-md-4 service-grid">
<div class="col-md-3 service-img">
<img src="./images/s-1.png" alt="">
</div>
<div class="col-md-9 service-text ">
<h3>Web Design</h3>
<p>Web design encompasses many different skills and disciplines in the production and maintenance of websites.</p>
<a href="#">Learn More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 service-grid">
<div class="col-md-3 service-img">
<img src="./images/s-2.png" alt="">
</div>
<div class="col-md-9 service-text ">
<h3>UI / UX Design</h3>
<p>UI design is the design of mobile software applications with the focus on the user's experience and interaction.</p>
<a href="#">Learn More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 service-grid">
<div class="col-md-3 service-img">
<img src="./images/s-3.png" alt="">
</div>
<div class="col-md-9 service-text ">
<h3>Typography</h3>
<p>Typography is the art and technique of arranging type to make written language most appealing. </p>
<a href="#">Learn More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<div id="portfolio" class="main_bg">
<div class="portfolio">
<div class="row">
<div id="slider1" class="grid-slider">
<ul class="gs-list" data-title="">
<li onclick="location.href='index.html';" data-src="./images/final/top-1.png">
<a href="./images/slider4.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/meddile.png" data-colspan="2" data-rowspan="2" >
<a href="./images/slider2.jpg" ><img src="./images/spacer.png" alt=""/></a>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/top-3.png">
<a href="./images/grid-pic1.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/top-2.png">
<a href="./images/grid-pic1.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/top-4.png">
<a href="./images/slider3.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/meddile.png" data-colspan="2" data-rowspan="2">
<a href="./images/slider1.jpg"><img src="./images/spacer.png" alt=""/></a>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/bottom.png" data-rowspan="2">
<a href="./images/slider3.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/top-3.png">
<a href="./images/slider1.jpg"><img src="./images/spacer.png" alt=""/></a>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</li>
<li onclick="location.href='index.html';" data-src="./images/final/top-4.png">
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</li>
<li onclick="location.href='
x22_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
111 浏览量
2023-08-02
16:01:40
上传
评论
收藏 4.62MB ZIP 举报
x22_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （74个子文件） 
x22 js 
demo.js 3KB jquery.easing.min.js 5KB easing.js 5KB move-top.js 1KB jquery.grid-slider.min.js 48KB jquery.wt-lightbox.min.js 13KB jquery.min.js 94KB jquery-1.10.2.min.js 91KB css style.css 12KB grid-slider.css 15KB bootstrap.css 118KB
index.html 11KB images 
s-2.png 515B banner.png 2.95MB prev.png 454B logo.png 995B Copy of s-1.png 473B s-3.png 831B move-up.png 639B next.png 452B final top-3.png 59KB meddile.png 449KB bottom.png 127KB top-1.png 35KB top-2.png 44KB top-4.png 8KB
bg.jpg 103KB menu-icon.png 514B s-1.png 473B contact-icons.png 6KB XX mobile css style.css 5KB index.html 4KB images s-2.png 515B db.png 907B banner.png 123KB prev.png 462B logo.png 995B s-3.png 733B next.png 497B fb.png 692B twitter.png 969B email.png 1KB menu-icon.png 627B slide.png 83KB s-1.png 568B smartphone js demo.js 3KB jquery.easing.min.js 5KB responsive.menu.js 3KB easing.js 5KB move-top.js 1KB jquery.grid-slider.min.js 48KB jquery.wt-lightbox.min.js 13KB jquery.min.js 94KB jquery-1.10.2.min.js 91KB css style.css 10KB grid-slider.css 15KB index.html 11KB images s-2.png 515B banner.png 187KB prev.png 462B logo.png 995B s-3.png 733B move-up.png 613B next.png 497B final top-3.png 32KB meddile.png 94KB bottom.png 41KB top-1.png 21KB top-2.png 22KB top-4.png 5KB menu-icon.png 664B slide.png 110KB s-1.png 568B contact-icons.png 4KB资源评论
