<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="apple-touch-icon" sizes="114x114" href="images/icontwo.png">
<link rel="apple-touch-startup-image" href="images/startup.png" />
<title>Esepina WebApp</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/buttons.css" rel="stylesheet" type="text/css">
<link href="css/type.css" rel="stylesheet" type="text/css">
<link href="css/add2home.css" rel="stylesheet" type="text/css">
<link href="css/flexslider.css" rel="stylesheet" type="text/css">
<link href="css/photoswipe.css" rel="stylesheet" type="text/css">
<!-- Do not move the bellow script to custom.js! It must stay here to load properly! -->
<script type="text/javascript">
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
</script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/contact.js"></script>
<script type="text/javascript" src="scripts/jquery.flexslider-min.js"/></script>
<script type="text/javascript" src="scripts/tweetable.js"></script>
<script type="text/javascript" src="scripts/add2home.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.html"></script>
<script type="text/javascript" src="scripts/klass.min.js"></script>
<script type="text/javascript" src="scripts/code.photoswipe.jquery-3.0.4.min.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>
<body OnLoad="loadImages()">
<p class="no-mobile">Please visit from your mobile phone!<br/> This site is designed for mobiles you know! </p>
<div class="site">
<div id="hidepage">
<p class="center-text">Loading depends on mobile bandwidth speed!<br/><img src="images/background/130.gif" alt="load"></p>
</div>
<div class="navigation">
<a id="home" class="selected" href="#"><img src="images/nav/item1ns.png" alt="img"><em class="under-icon-text">Home</em></a>
<a id="about" href="#"><img src="images/nav/item2ns.png" alt="img"><em class="under-icon-text">About</em></a>
<a id="portfolio" href="#"><img src="images/nav/item3ns.png" alt="img"><em class="under-icon-text">Portfolio</em></a>
<a id="blog" href="#"><img src="images/nav/item5ns.png" alt="img"><em class="under-icon-text">Blog</em></a>
<a id="contact" href="#"><img src="images/nav/item4ns.png" alt="img"><em class="under-icon-text">Contact</em></a>
</div>
<div class="header-deco"></div>
<div class="header">
<img class="logo" src="images/logo.png" alt="img">
<div class="social-icons">
<a href="#"><img src="images/social-icons/facebook.png" alt="img"></a>
<a href="#"><img src="images/social-icons/twitter.png" alt="img"></a>
<a href="#"><img src="images/social-icons/rss.png" alt="img"></a>
<a href="#"><img src="images/social-icons/mail.png" alt="img"></a>
</div>
</div>
<div class="decoration"></div>
<div class="home">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/1.jpg" />
<p class="flex-caption">Swipe this picture, left or right!</p>
</li>
<li>
<img src="images/slider/2.jpg" />
<p class="flex-caption">Come on! Swipe the picture!</p>
</li>
<li>
<img src="images/slider/3.jpg" />
<p class="flex-caption">Really! Please swipe the picture</p>
</li>
<li>
<img src="images/slider/4.jpg" />
<p class="flex-caption">Well? Are you gonna swipe?!</p>
</li>
</ul>
</div>
<p class="under-slider-heading shadow">We like you! That's why we made Esepina!</p>
<p class="under-slider-description shadow">
Everything about this template is mobile developed.
It works on most mobile devices, and it provides an
awesome mobile iPhone WebApp with custom splash screen and home-screen icon!
</p>
<div class="decoration"></div>
<div class="column">
<p class="column-text shadow">
<strong>Works on iPhones!</strong>
<img class="round-icon" src="images/icon/iphone.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
<p class="column-text shadow">
<strong>Works on Androids!</strong>
<img class="round-icon" src="images/icon/android.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
<p class="column-text last-item shadow">
<strong>Works on BlackBerry</strong>
<img class="round-icon" src="images/icon/bberry.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
</div>
<div class="decoration"></div>
</div>
<div class="about">
<div class="column">
<img class="image-width image-deco" src="images/about-images/1.jpg" alt="img">
<h4 class="image-heading shadow">An awesome image maybe?</h4>
<p class="shadow">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
</div>
<div class="decoration"></div>
<div class="full-width">
<h4 class="shadow">Lists? Sure thing </h4>
<ul class="icon-list shadow">
<li class="list-info">Lorem ipsum dolor sit amet adipiscing.</li>
<li class="list-heart">Donec faucibus nisi vel libero.</li>
<li class="list-attention">Nullam volutpat nunc sed odio ultrices.</li>
<li class="list-cross">Quisque vel mi eu lectus lobortis.</li>
<li class="list-arrow">Donec sed sem eu justo tempus.</li>
<li class="list-plus">Maecenas vitae mauris mi, id egestas.</li>
<li class="list-warning">Maecenas at lectus nunc, non lobortis.</li>
<li class="list-tick last-item">Maecenas at lectus nunc, non lobortis.</li>
</ul>
</div>
<div class="decoration"></div>
<div class="demo-buttons">
<a href="#" class="button grey">Button</a>
<a href="#" class="button yellow">Button</a>
<a href="#" class="button green">Button</a>
<a href="#" class="button black">Button</a>
<a href="#" class="button red">Button</a>
<a href="#" class="button blue">Button</a>
<a href="#" class="button gblue">Button</a>
<a href="#" class="button purple">Button</a>
</div>
<div class="decoration"></div>
<div class="full-width">
<h4 class="shadow">What about notification boxes?</h4>
<div class="notification-box-green">
<a href="#" class="notification-quit-green">x</a>
<img class="notification-icon" src="images/lists/list-tick.png" alt="">
<p class="notification-text">Yes, green is good! You can download stuff!</p>
</div>
<div class="notification-box-yellow">
<a href="#" class="notification-quit-yellow">x</a>
<im
没有合适的资源?快使用搜索试试~ 我知道了~
手机外国js判断仅限手机端查看.zip
共190个文件
png:132个
jpg:26个
db:12个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 190 浏览量
2024-04-20
01:41:16
上传
评论
收藏 4.04MB ZIP 举报
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
手机外国js判断仅限手机端查看.zip (190个子文件)
style.css 9KB
buttons.css 8KB
type.css 5KB
add2home.css 5KB
photoswipe.css 5KB
flexslider.css 2KB
Thumbs.db 40KB
Thumbs.db 19KB
Thumbs.db 13KB
Thumbs.db 10KB
Thumbs.db 8KB
Thumbs.db 8KB
Thumbs.db 8KB
Thumbs.db 7KB
Thumbs.db 6KB
Thumbs.db 6KB
Thumbs.db 6KB
Thumbs.db 6KB
130.gif 6KB
error.gif 3KB
loader.gif 3KB
index.html 26KB
bg_control_nav.html 3KB
bg_direction_nav.html 3KB
4.jpg 273KB
3.jpg 266KB
007.jpg 258KB
001.jpg 257KB
006.jpg 255KB
004.jpg 242KB
008.jpg 217KB
009.jpg 215KB
003.jpg 211KB
002.jpg 204KB
2.jpg 198KB
005.jpg 191KB
1.jpg 168KB
1.jpg 139KB
3.jpg 108KB
4.jpg 105KB
2.jpg 95KB
007.jpg 58KB
001.jpg 58KB
003.jpg 50KB
006.jpg 50KB
009.jpg 49KB
004.jpg 47KB
002.jpg 42KB
005.jpg 42KB
008.jpg 42KB
code.photoswipe.jquery-3.0.4.min.js 115KB
jquery.js 92KB
jquery.flexslider-min.js 21KB
add2home.js 11KB
tweetable.js 4KB
custom.js 3KB
klass.min.js 2KB
contact.js 2KB
startup.png 92KB
icontwo.png 19KB
left.png 15KB
right.png 15KB
footer-bg.png 9KB
icons_2x.png 5KB
bg.png 5KB
logo.png 4KB
gray_bg.png 4KB
dribble.png 4KB
list-heart.png 4KB
right-android.png 4KB
list-warning.png 4KB
header-deco.png 4KB
list-cross.png 4KB
clocks.png 4KB
cog1.png 4KB
list-arrow.png 4KB
stumble.png 4KB
list-info.png 4KB
twitter.png 3KB
list-plus.png 3KB
list-attention.png 3KB
item2ns.png 3KB
icons.png 3KB
twitter.png 3KB
left-iphone.png 3KB
rss.png 3KB
mail.png 3KB
facebook.png 3KB
item1ns.png 3KB
item5ns.png 3KB
item3ns.png 3KB
item4ns.png 3KB
clock.png 3KB
tags.png 3KB
user.png 3KB
more.png 3KB
nav-bg.png 3KB
deco_style_1.png 3KB
wp.png 2KB
paypal.png 2KB
共 190 条
- 1
- 2
资源评论
心梓知识
- 粉丝: 6500
- 资源: 3万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功