<!--
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 Perge 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>
<!---- 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---->
<!--web-fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700|Roboto:500,100,300,700,900,100italic,400' rel='stylesheet' type='text/css'>
<!--web-fonts -->
<!----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>
<div class="main-header">
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<img src="./images/logo.png" alt="">
</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="#themes" class="scroll">Themes</a></li>
<li><a href="#extensions " class="scroll">Extensions</a></li>
<li><a href="#support " class="scroll"> Support </a></li>
<li><a href="#blog " class="scroll"> Blog </a></li>
<li><a href="#join " class="scroll">Join </a></li>
</ul>
<a href="#" id="pull"><img src="./images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="welcome-note">
<div class="content-left">
<p>increadibly</p>
<h3>beautiful</h3>
<h2>templates </h2>
<h1>for joomla!</h1>
<div class="slide-btns">
<a class="livedemo" href="#">Themes</a>
<a class="startnow" href="#">Demo</a>
</div>
</div>
</div>
</div>
<!----- //End-header---->
<div id="themes" class="Themes">
<div class="container">
<div class="Pramotion">
<div class="col-md-4 pramotion-grid">
<i> </i>
<h3>Join</h3>
<p>Signup for one of our membership plans</p>
</div>
<div class="col-md-4 pramotion-grid2">
<i> </i>
<h3>Download</h3>
<p>Download your Template</p>
</div>
<div class="col-md-4 pramotion-grid3">
<i> </i>
<h3>Start using</h3>
<p>Signup for one of our membership plans</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!------------//End---join---------->
<script src="./js/jquery.openCarousel.js" type="text/javascript"></script>
<script>
$( function() {
$( '#cbp-fwslider' ).cbpFWSlider();
} );
</script>
<div id="extensions" class="Extensions ">
<div class="Extensions-content">
<div id="extensions" div class="ocarousel_slider">
<div class="ocarousel_text">
<div class="blue-text">
<h3>NEW JOOMLA TEMPLATES</h3>
<a class="tem-btn" href="#">All Templates</a>
</div>
</div>
<div class="ocarousel example_photos" data-ocarousel-perscroll="3">
<div class="ocarousel_window">
<a href="#" ><img src="./images/slide1.png" class="img-responsive" alt="" /></a>
<a href="#"><img src="./images/slide2.png" class="img-responsive" alt="" /></a>
<a href="#"> <img src="./images/slide4.png" class="img-responsive" alt="" /></a>
<a href="#"> <img src="./images/slide3.png" class="img-responsive" alt="" /></a>
<a href="#"><img src="./images/slide2.png" class="img-responsive" alt="" /></a>
<a href="#"> <img src="./images/slide1.png" class="img-responsive" alt="" /></a>
</div>
<span>
<a href="#" data-ocarousel-link="left" style="float: left;" class="prev"> </a>
<a href="#" data-ocarousel-link="right" style="float: right;" class="next"> </a>
</span>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!------------/start------------->
<div id="support" class="support ">
<div class="container">
<div class="row top-grids">
<div class="col-md-4 easy-them">
<a href="#"><img class="img-responsive" src="./images/s-1.png" alt=""/></a>
<h4>responsive design</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="col-md-4 easy-them">
<a href="#"><img class="img-responsive" src="./images/s-2.png" alt=""/></a>
<h4>Quick Installation</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="col-md-4 easy-them">
<a href="#"><img class="img-responsive" src="./images/s-3.png" alt=""/></a>
<h4>Easy CustomIzAtion</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="row bottom-grids">
<div class="col-md-4 easy-them2">
<a href="#"><img class="img-responsive" src="./images/s-4.png" alt=""/></a>
<h4>ADVANCED Features</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="col-md-4 easy-them2">
<a href="#"><img class="img-responsive" src="./images/s-5.png" alt=""/></a>
<h4>simple management</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="col-md-4 easy-them2">
<a href="#"><img class="img-responsive" src="./images/s-6.png" alt=""/></a>
<h4>featured extensions</h4>
<p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---container--->
<!---------/start-blog--------->
<div id="blog" class="blog">
<div class="container">
<div class="news">
x29_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
86 浏览量
2023-08-01
22:42:10
上传
评论
收藏 1.91MB ZIP 举报
x29_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （89个子文件） 
x29 js 
jquery.openCarousel.js 13KB jquery.easing.min.js 5KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 23KB bootstrap.css 118KB
index.html 13KB images 
s-2.png 2KB slide4.png 131KB slide2.png 231KB p-1.png 2KB p-3.png 552B slide3.png 248KB s-6.png 713B news-letter-icons.png 7KB comment1.png 275B prev.png 1KB logo.png 2KB s-3.png 1KB move-up.png 625B blog-3.png 127KB next.png 1KB s-5.png 1KB p-2.png 2KB
bg.jpg 93KB blog-1.png 127KB menu-icon.png 475B s-1.png 1KB s-4.png 1KB slide1.png 209KB blog-2.png 135KB XX mobile css style.css 10KB index.html 9KB images s-2.png 2KB slide4.png 18KB slide2.png 28KB slide6.png 29KB p-1.png 2KB p-3.png 552B slide3.png 30KB pin.png 1KB comment1.png 275B prev.png 928B slide5.png 23KB logo.png 4KB s-3.png 1KB move-up.png 625B blog-3.png 20KB next.png 907B fb.png 1KB p-2.png 2KB bg.jpg 15KB twitter.png 1KB blog-1.png 20KB menu-icon.png 443B gg.png 1KB s-1.png 1KB slide1.png 25KB blog-2.png 22KB smartphone js jquery.openCarousel.js 13KB jquery.easing.min.js 5KB responsive.menu.js 3KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 15KB index.html 12KB images s-2.png 2KB slide4.png 40KB slide2.png 67KB p-1.png 2KB p-3.png 552B slide3.png 68KB news-letter-icons.png 9KB comment1.png 275B prev.png 981B logo.png 2KB s-3.png 1KB move-up.png 625B blog-3.png 29KB next.png 943B p-2.png 2KB bg.jpg 18KB blog-1.png 29KB menu-icon.png 475B s-1.png 1KB slide1.png 56KB blog-2.png 31KB资源评论
