<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- Downloaded from www.scriptgates.com - go for much more! -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<title>App Builders Theme</title>
<meta name="title" content="">
<meta name="description" content="">
<meta name="google-site-verification" content=""> <!-- http://google.com/webmasters -->
<meta name="author" content="Your Name Here">
<meta name="Copyright" content="Copyright Your Name Here 2012. All Rights Reserved.">
<link rel="shortcut icon" href="favicon.html">
<!--Main Stylesheet-->
<link rel="stylesheet" href="css/style.css">
<!--Slider Stylesheet-->
<link rel="stylesheet" href="css/anythingslider.css">
<!--Load Custom Font from Google Web Fonts-->
<link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>
<!--Load Modernizr, all other scripts are on the footer-->
<script src="js/modernizr-1.7.min.js"></script>
</head>
<body id="top">
<!--Facebook footer widget-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "../../../../connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--//Facebook footer widget-->
<!--Alright, let's get started-->
<!--Header Section-->
<div class="container_16 clearfix">
<header>
<!--your logo-->
<h1 class="londrina alpha grid_10"><a href="#">APP BUILDERS</a></h1>
<!--website main navigation-->
<nav class="alpha omega grid_6">
<ul>
<li><a href="#top" class="active">Home</a></li>
<li><a href="#services-overview">Services</a></li>
<li><a href="#work">Apps</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<div class="clear"></div><!--Used a lot, clear floats, see grid classes-->
<section id="lead-section" class="grid_10 push_6">
<h1 class="bebas">We Create<br/><span>Amazing Apps!</span></h1>
<p>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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a href="#work" id="cta-btn">Check Them Out!</a>
<div id="arrow"></div>
</section>
</div><!--//container-->
<!--//Header Section-->
<div class="clear"></div>
<!--//Services Overview Section-->
<section id="services-overview">
<div class="container_16 clearfix">
<div class="grid_16">
<!--First Row-->
<div class="box box-1">
<h2 class="londrina">From Start to Finish</h2>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
</div>
<div class="box box-2">
<h2 class="londrina">Innovation</h2>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
</div>
<div class="box box-3">
<h2 class="londrina">A Care For Standards</h2>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
</div>
<div class="clear"></div>
<!--Second Row-->
<div class="box box-4">
<h2 class="londrina bottom">Mobile & Desktop</h2>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
</div>
<div class="box box-5">
<h2 class="londrina bottom">Games & Social Fun</h2>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
</div>
<div class="box twitter">
<p class="tweet"><!-- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since --></p>
</div>
</div>
</div><!--//container-->
</section>
<div class="inner_copyright">Collect from <a href="http://www.moobnn.com/" target="_blank" title="��ҳģ��">��ҳģ��</a></div>
<div class="paper"></div>
<div class="clear"></div>
<section id="work" class="container_16 clearfix">
<h1 class="bebas omega grid_8">Shall we take a look at<br/><span>our work?</span></h1>
<p class="alpha omega grid_8 description">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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
<div class="clear"></div>
<!--Portfolio Showcase-->
<ul id="slider">
<!--1st Panel (Each Panel Contains 3 Items)-->
<li>
<div class="item-container first">
<div class="alpha omega grid_3">
<h3 class="londrina">A Crazy App #1</h3>
<p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
</div>
<div class="grid_2">
<img src="css/images/placement-icon.png" width="104" height="104"/> <!--Replace With Your Icon-->
<a href="#modal-1" rel="leanModal" class="view-more">View More</a>
</div>
<hr/>
<a href="#" class="appstore">View it On the App Store</a>
<a href="#" class="googleplay">View it On Google Play</a>
</div>
<!--modal-->
<div id="modal-1" class="modal modal-hide">
<h2 class="londrina">Here's some more info!</h2>
<hr/>
<p>This game is awesome (and free!).</p>
<img src="http://placehold.it/550x350"/>
<a class="modal_close"></a>
</div>
<!--//modal-->
<div class="item-container">
<div class="alpha omega grid_3">
<h3 class="londrina">A crazy iPHONE app only #1</h3>
<p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
</div>
<div class="grid_2">
<img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
<a href="#modal-2" rel="leanModal" class="view-more">View More</a>
</div>
<hr/>
<a href="#" class="appstore alone">View it On the App Store</a>
</div>
<!--modal-->
<div id="modal-2" class="modal modal-hide">
<h2 class="londrina">Here's some more info in a second modal!</h2>
绿色系APP应用制作工作室单页CSS3模板_绿色 app 工作室 应用 css3 幻灯 单页 按钮 跳转 产品 个性 .rar
102 浏览量
2023-08-06
11:50:12
上传
评论
收藏 397KB RAR 举报
绿色系APP应用制作工作室单页CSS3模板_绿色 app 工作室 应用 css3 幻灯 单页 按钮 跳转 产品 个性 .rar （37个子文件） 
绿色系APP应用制作工作室单页CSS3模板_绿色 app 工作室 应用 css3 幻灯 单页 按钮 跳转 产品 个性 专题 推广单页 ftmp_28 js 
jquery.localscroll-min.js 2KB jquery.tweet.js 14KB jquery.watermark.min.js 3KB jquery.anythingslider.js 39KB jquery.scrollTo-min.js 2KB jquery.easing.1.2.js 5KB functions.js 3KB jquery.leanModal.min.js 1KB jquery-1.5.1.min.js 83KB modernizr-1.7.min.js 9KB css style.css 25KB images 
box_2_icon.png 1KB paper.png 20KB box_5_icon.png 475B db.png 1KB box_1_icon.png 1KB captcha.png 1KB box_3_icon.png 710B box_6_icon.png 2KB team_member.png 8KB placement-icon.png 2KB sprite.png 41KB twitter.png 487B paper_footer.png 54KB facebook.png 1KB
bg_top.jpg 139KB input.png 1KB box_4_icon.png 350B bg_bottom.jpg 49KB frr.png 1KB textarea.png 2KB li.png 1KB ScriptGates.com.url 93B anythingslider.css 6KB
favicon.html 2KB index.html 30KB fonts 
BebasNeue-webfont.svg 20KB资源评论
