<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ZipFolio One Page Responsive Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/flexslider.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/tipsy.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/jcarousel.css" type="text/css" rel="stylesheet" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Arvo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>-->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script><!--featured slider-->
<script type="text/javascript" src="js/jquery.tipsy.js"></script><!--tooltip-->
<script type="text/javascript" src="js/css3-mediaqueries.js"></script><!--mediaqueries-->
<script type="text/javascript" src="js/jquery.visualNav.min.js"></script><!--navigation-->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script><!--filterable work-->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script><!--pretty photo-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"> </script><!--latest work-->
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>
<!--BEGIN:Accordion -->
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script><!--accordion-->
<script type="text/javascript">
$(function() {
$( "#accordion" ).accordion({
header: "h4",
autoHeight: false,
});
});
</script>
<!--BEGIN:mosaic-->
<link rel="stylesheet" href="css/mosaic.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/mosaic.1.0.1.js"></script>
<script type="text/javascript">
jQuery(function($){
$('.views').mosaic({
opacity : 0.8 //Opacity for overlay (0-1)
});
});
</script>
<!--gallery-->
<link rel="stylesheet" type="text/css" href="css/elastislide.css" media="screen" />
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
<div class="rg-image-wrapper">
{{if itemsCount > 1}}
<div class="rg-image-nav">
<a href="#" class="rg-image-nav-prev">Previous Image</a>
<a href="#" class="rg-image-nav-next">Next Image</a>
</div>
{{/if}}
<div class="rg-image"></div>
<div class="rg-loading"></div>
<div class="rg-caption-wrapper">
<div class="rg-caption" style="display:none;">
<p></p>
</div>
</div>
</div>
</script>
<!--tab-->
<script src="js/organictabs.jquery.js"></script>
<script>
$(function() {
$("#tab").organicTabs({
"speed": 200
});
});
</script>
<!--elastic slider-->
<script type="text/javascript" src="js/jquery.eislideshow.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 3000,
titlesFactor : 0
});
});
</script>
<!--GOOGLE MAP PLUGIN-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(8.48333, 124.65000);
var settings = {
zoom: 15,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var companyImage = new google.maps.MarkerImage('images/logo.png',
new google.maps.Size(100,50),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('images/logo_shadow.html',
new google.maps.Size(130,50),
new google.maps.Point(0,0),
new google.maps.Point(65, 50));
var companyPos = new google.maps.LatLng(8.48333, 124.65000);
var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
shadow: companyShadow,
title:"Høgenhaug",
zIndex: 3});
var trainImage = new google.maps.MarkerImage('images/train.html',
new google.maps.Size(50,50),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);
var trainShadow = new google.maps.MarkerImage('images/train_shadow.html',
new google.maps.Size(70,50),
new google.maps.Point(0,0),
new google.maps.Point(60, 50)
);
var trainPos = new google.maps.LatLng(57.0429, 9.9173);
var trainMarker = new google.maps.Marker({
position: trainPos,
map: map,
icon: trainImage,
shadow: trainShadow,
title:"Train Station",
zIndex: 2
});
var parkingImage = new google.maps.MarkerImage('images/parking.html',
new google.maps.Size(50,50),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);
var parkingShadow = new google.maps.MarkerImage('images/parking_shadow.html',
new google.maps.Size(70,50),
new google.maps.Point(0,0),
new google.maps.Point(60, 50)
);
var parkingPos = new google.maps.LatLng(57.0437, 9.9147);
var parkingMarker = new google.maps.Marker({
position: parkingPos,
map: map,
icon: parkingImage,
shadow: parkingShadow,
title:"Parking Lot",
zIndex: 1
});
google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
}
</script>
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="js/custom.js"></script>
</head>
<body onLoad="initialize()">
<div id="page">
<div id="page_container">
<aside id="header">
<h1 id="logo"><a class="menu" href="#home">View</a></h1>
<nav id="main-nav">
<ul>
<li><a class="menu" href="#home">Home</a></li>
<li><a class="menu" href="#about">About</a></li>
<li><a class="menu" href="#services">Services</a></li>
<li><a class="menu" href="#works">Works</a></li>
<li><a class="menu" href="#gallery">Gallery</a></li>
<li><a class="menu" href="#features">Features</a></li>
<li><a class="menu" href="#contact">Contact</a></li>
<li class="external"><a href="blog.
WEB窄屏应用程序模板是一款采用HTML5+CSS3制作的超长网页模板。_html网站模板_网页源码移动端前端_H5模.rar
115 浏览量
2023-08-04
13:17:06
上传
评论
收藏 2.57MB RAR 举报
WEB窄屏应用程序模板是一款采用HTML5+CSS3制作的超长网页模板。_html网站模板_网页源码移动端前端_H5模.rar （195个子文件） 
style.css 30KB prettyPhoto.css 19KB flexslider.css 3KB jcarousel.css 3KB elastislide.css 1KB tipsy.css 1KB mosaic.css 1KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB services-help-suppot.gif 2KB services-web-marketing.gif 1KB load-indicator.gif 1KB services-web-design.gif 1KB services-video-editing.gif 1KB services-3.gif 1KB services-1.gif 1KB services-2.gif 1KB external_link.gif 1KB arrow.gif 1KB page_title.gif 1KB default_thumbnail.gif 227B tipsy.gif 58B
index-2.html 42KB index.html 41KB train_shadow.html 10KB logo_shadow.html 10KB bg_control_nav.html 10KB ajax-loader.html 10KB train.html 10KB parking.html 10KB parking_shadow.html 10KB single.html 8KB blog.html 7KB
slide_1.jpg 168KB slide_2.jpg 128KB slide_3.jpg 122KB blog-3.jpg 99KB 2.jpg 92KB blog-2.jpg 90KB blog-1.jpg 58KB 18.jpg 47KB contact-us.jpg 41KB 21.jpg 40KB 3.jpg 39KB 23.jpg 39KB 24.jpg 38KB 17.jpg 38KB partner-2.jpg 36KB 10.jpg 36KB 13.jpg 35KB 22.jpg 34KB 20.jpg 34KB 5.jpg 30KB partner-1.jpg 30KB 4.jpg 29KB work_12_l.jpg 29KB work_13_l.jpg 29KB work_15_l.jpg 29KB work_10_l.jpg 29KB 8.jpg 29KB work_14_l.jpg 29KB work_11_l.jpg 29KB work_8_l.jpg 29KB work_9_l.jpg 29KB work_3_l.jpg 29KB work_5_l.jpg 29KB work_2_l.jpg 29KB work_4_l.jpg 28KB work_7_l.jpg 28KB work_1_l.jpg 28KB 14.jpg 27KB 16.jpg 26KB 1.jpg 25KB work_3.jpg 25KB partner-3.jpg 23KB 19.jpg 22KB 15.jpg 21KB 6.jpg 21KB 9.jpg 20KB 12.jpg 20KB work_15.jpg 20KB work_12.jpg 20KB work_10.jpg 20KB work_13.jpg 20KB 7.jpg 20KB work_1.jpg 19KB work_14.jpg 19KB 11.jpg 18KB work_4.jpg 18KB work_8.jpg 16KB work_2.jpg 15KB work_7.jpg 14KB work_5.jpg 14KB about.jpg 12KB work_6.jpg 12KB work_11.jpg 11KB work_9.jpg 10KB共 195 条
- 1
- 2
资源评论
2301_77342543
- 粉丝: 36
- 资源: 5761
最新资源
- Flume进阶-自定义拦截器jar包
- Dubins曲线算法讲解和在运动规划中的使用.pdf
- 上市公司-股票性质数据-工具变量（民企、国企、央企）2003-2022年.dta
- 上市公司-股票性质数据-工具变量（民企、国企、央企）2003-2022年.xlsx
- Reeds+Shepp曲线算法讲解和实现.pdf
- 毕业设计基于SpringBoot+MyBatisPlus+MySQL+Vue的外卖配送信息系统源代码+数据库
- 词向量（Word Embeddings）是自然语言处理（NLP）领域的一种重要技术.txt
- Surfer，线性函数
- MyBatis 的动态 SQL 是其核心特性之一.txt
- 时代的sdddsddsddsd
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
