<!DOCTYPE HTML>
<html lang="en">
<!--[if IE 7 ]> <html class= "ie7"> <![endif]-->
<!--[if IE 8 ]> <html class= "ie8"> <![endif]-->
<!--[if IE 9 ]> <html class= "ie9"> <![endif]-->
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->
<head>
<!--Page Title-->
<title>Electron</title>
<!--Meta Tags-->
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- Set Viewport-->
<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width" />
<!-- Allows WebApp-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--Main CSS-->
<link rel="stylesheet" href="css/main.css" media="screen" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.elastislide.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.preloadcssimages.js"></script>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["contact_form"]["fname"].value;
if (x==null || x=="" || x=="First Name")
{
alert("Please enter your first name");
return false;
}
var x=document.forms["contact_form"]["lname"].value;
if (x==null || x=="" || x=="Last Name")
{
alert("Please enter your last name");
return false;
}
var x=document.forms["contact_form"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Please supply a valid e-mail address");
return false;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- Start header top -->
<header id="top">
<!-- Start of top logo -->
<div id="top_logo">
<a href="#"><img src="img/logo.jpg" alt="top logo" /></a>
</div><!-- End of top logo -->
<!-- Start of top cta -->
<div id="top_cta">
<!-- Start of pinterest -->
<div id="pinterest">
<a target="_blank" href="http://www.moobnn.com/"></a>
</div><!-- End of pinterest -->
<!-- Start of twitter -->
<div id="twitter">
<a target="_blank" href="http://www.moobnn.com/"></a>
</div><!-- End of twitter -->
<!-- Start of linkedin -->
<div id="linkedin">
<a target="_blank" href="http://www.moobnn.com/"></a>
</div><!-- End of linkedin -->
<!-- Start of google -->
<div id="google">
<a target="_blank" href="http://www.moobnn.com/"></a>
</div><!-- End of google -->
<!-- Start of facebook -->
<div id="facebook">
<a target="_blank" href="http://www.moobnn.com/"></a>
</div><!-- End of facebook -->
</div><!-- End of top cta -->
<!-- Start of clear --><div class="clear"></div><!-- End of clear -->
</header><!-- End of header top -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!-- Start of full width border -->
<div class="full_width_border">
</div><!-- End of full width border -->
<!-- Start of main content wrapper -->
<div id="main_content_wrapper">
<div id="ctawrapper">
<!-- Start of cta text -->
<section id="cta_text">
<h1>The most <span class="green">efficient</span> way to <span class="green">manage</span> any project. Save energy, <span class="green">money</span> and <span class="green">time</span>.</h1>
<!-- Start of button group -->
<section class="button_group">
<!-- Start of black button -->
<div class="black_button">
<!-- Start of left bracket -->
<div class="left_bracket">
</div><!-- End of left bracket -->
<a href="#">Try It Now</a>
</div><!-- End of black button -->
<!-- Start of hex -->
<div class="hex">
<img src="img/or.png" width="31" height="38" alt="or" />
</div><!-- End of hex -->
<!-- Start of green button right -->
<div class="green_button_right">
<a href="#">Buy It Now</a>
<!-- Start of right bracket -->
<div class="right_bracket">
</div><!-- End of right bracket -->
</div><!-- End of green button right -->
<!-- Start of light -->
<div class="light">
Free trial last 30 days from date of activation
</div><!-- End of light -->
</section><!-- End of button group -->
</section><!-- End of cta text -->
<!-- Start of cta image -->
<aside id="cta_image">
<a href="#" target="_blank"><img src="img/iphone.png" alt="product image" height="575" /></a>
</aside><!-- Start of cta image -->
</div>
<!-- Start of carousel wrapper -->
<section id="carousel" class="carousel-wrapper">
<!-- Start of carosel -->
<div class="carousel">
<!-- Start of gallery ul -->
<ul class="gallery">
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 1" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 2" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 3" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 4" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 5" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 6" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 7" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 8" /></a></li>
<li><a class="colorbox" href="img/slide_01_large.jpg"><img src="img/slide_01.jpg" alt="Image 9" /></a></li>
</ul><!-- End of gallery ul -->
</div><!-- End of carousel -->
</section><!-- End of carousel wrapper -->
<!-- Start of clear --><div class="clear"></div><!-- End of clear -->
<!-- Start of main cta -->
<section class="main_cta">
<h2>Save Energy, <span class="bold">Money</span> and Time.</h2>
<p>Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.</p>
<!-- Start of triangle hr -->
<div class="triangle_hr">
<!-- Start of triangle hr img -->
<div class="triangle_hr_img">
<img src="img/hrbreaker.png" height="13" width="16" alt="triangle" />
</div><!-- End of triangle hr img -->
</div><!-- End of triangle hr -->
<!-- Start of one third first -->
<article class="one_third_first">
<!-- Start of benefit one -->
<div class="benefit_one">
<h6>Full control of user interface customization.</h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consect.</p>
</div><!-- End of benefit one -->
</article><!-- End of one third first -->
<!-- Start of one third -->
<article class="one_third">
<!-- Start of benefit two -->
<div class="benefit_two">
<h6>Find others working on your project.</h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consect.</p>
</div><!-- End of benefit two -->
</article><!-- End of one third -->
<!-- Start of one third -->
<article class="one_third">
<!-- Start of benefit three -->
<div class="benefit_three">
<h6>Speed up workflow by up to 40%.</h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consect.</p>
</div><!-- End of benefit three -->
</article><!-- End of one third -->
<!-- Start of one third first -->
<article class="one_third_first">
<!-- Start of benefit four -->
<div class="benefit_four">
<h6>Our calendar widget will let you see what is the next milestone.</h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consect.</p>
</div><!-- End of benefit four -->
</article><!-- End of one third first -->
<!-- Start of one thi
简洁手机APP客户端展示html模板_简洁 手机 app 客户端 手机应用 单页 互联网 产品 展示_html网站模板.rar
100 浏览量
2023-08-06
11:56:08
上传
评论
收藏 318KB RAR 举报
简洁手机APP客户端展示html模板_简洁 手机 app 客户端 手机应用 单页 互联网 产品 展示_html网站模板.rar （60个子文件） 
简洁手机APP客户端展示html模板_简洁 手机 app 客户端 手机应用 单页 互联网 产品 展示 ftmp_144_uy js 
jquery.preloadcssimages.js 6KB jquery.colorbox-min.js 22KB custom.js 2KB jquery.min.js 92KB jquery.elastislide.js 12KB img 
icon-2-hover.png 4KB
slide_01_medium.jpg 2KB quote-icon.png 3KB icon-6.png 3KB icon-1-hover.png 4KB check-mark.png 2KB linkedin_light.png 2KB android-icon.png 1KB slide_01_large.jpg 6KB icon-5.png 3KB twitter_light.png 2KB icon-3-hover.png 4KB google_dark.png 2KB gal_nav_left.png 2KB browser_window_right.jpg 29KB slide_01.jpg 1KB icon-2.png 3KB right-btn-bracket.png 1KB mail-icon.png 3KB hrbreaker.png 1KB pinterest_light.png 2KB left-btn-bracket.png 1KB browser_window_left.jpg 32KB icon-1.png 3KB apple-icon.png 1KB plus-icon.png 4KB google_light.png 2KB hr.png 957B logo-small.png 4KB facebook_dark.png 1KB icon-4-hover.png 3KB icon-5-hover.png 4KB right_bracket_dots.png 1KB facebook_light.png 2KB iphone.png 34KB pinterest_dark.png 2KB icon-6-hover.png 3KB logo.jpg 11KB linkedin_dark.png 2KB gal_nav_right.png 2KB icon-4.png 3KB left_bracket_dots.png 1KB icon-3.png 3KB twitter_dark.png 2KB or.png 2KB css Nunito-Bold-webfont.ttf 31KB main.css 44KB Nunito-Light-webfont.ttf 29KB Nunito-Regular-webfont.ttf 30KB
index.html 21KB images overlay.png 182B border.png 112B
loading.gif 9KB loading_background.png 157B controls.png 3KB资源评论
