<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Carote - App Landing Page</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ie.css" />
<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div id="top" data-magellan-expedition="fixed">
<div class="row">
<div class="large-12 columns">
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name logo">
<a href="#"><img src="img/logo.png" width="118" height="39" alt=""></a>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li data-magellan-arrival="features"><a href="#features">Features</a></li>
<li data-magellan-arrival="product"><a href="#product">Product</a></li>
<li data-magellan-arrival="premium"><a href="#pricing-table">Premium</a></li>
<li>
<a class="button radius" href="#">Sign up</a>
</li>
</ul>
</section>
</nav>
</div>
</div>
</div>
<header id="header">
<div class="row">
<div class="large-8 push-4 columns">
<h1>Simply stunning.</h1>
<span class="subheading">Clean, modern and beautiful landing page template.</span>
<a class="button white radius large" href="#">Sign up</a>
</div>
<div class="large-4 pull-8 columns">
<img src="img/header-iphone.png" alt="iPhone App">
</div>
</div>
</header>
<div id="features" class="section features" data-magellan-destination="features">
<div class="row">
<div class="large-4 columns feature">
<span class="icon icon-rocket"></span>
<h3>Based on Foundation 4</h3>
<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
</div>
<div class="large-4 columns feature">
<span class="icon icon-mobile"></span>
<h3>Responsive Layout</h3>
<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
</div>
<div class="large-4 columns feature">
<span class="icon icon-lifebuoy"></span>
<h3>Great Support</h3>
<p>Lorem Ipsum is simply and text of the printing and typesetting industry. Lorem Ipsum has been.</p>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<div id="product" class="section product gray" data-magellan-destination="product">
<div class="row">
<div class="large-12 columns">
<h2>Present your App.</h2>
<span class="subheading">Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</span>
<div class="row">
<div class="small-4 columns hints iphone">
<div class="hint hint-left hint-top">
<h3>Beautiful UI<span class="icon icon-trophy"></span></h3>
<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
<span class="arrow"></span>
</div>
<div class="hint hint-left hint-bottom">
<h3>Smaller than 1MB<span class="icon icon-gauge"></span></h3>
<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
<span class="arrow"></span>
</div>
</div>
<div class="small-4 columns hints iphone">
<img src="img/content-iphone.png" alt="">
</div>
<div class="small-4 columns hints iphone">
<div class="hint hint-right hint-top">
<h3>Unlimited Colours<span class="icon icon-brush"></span></h3>
<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
<span class="arrow"></span>
</div>
<div class="hint hint-right hint-bottom">
<h3>SEO Optimized<span class="icon icon-graph"></span></h3>
<p>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</p>
<span class="arrow"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="screenshot" class="section screenshot">
<div class="row">
<div class="large-12 columns">
<h2>Show your App.</h2>
<span class="subheading">Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</span>
<ul class="clearing-thumbs small-block-grid-3" data-clearing>
<li><a href="img/screenshot-1.png"><img src="img/screenshot-1.png"></a></li>
<li><a href="img/screenshot-2.png"><img src="img/screenshot-2.png"></a></li>
<li><a href="img/screenshot-3.png"><img src="img/screenshot-3.png"></a></li>
</ul>
</div>
</div>
</div>
<div id="pricing-table" class="section pricing gray" data-magellan-destination="premium">
<div class="row">
<div class="large-12 quotes columns">
<ul id="quotes1" data-orbit>
<li class="quote" data-orbit-slide="headline-1">
<blockquote>Tiramisu carrot cake dragee wypas cotton candy apple pie carrot cake slices.</blockquote>
<span class="author">John Doe</span>
</li>
<li class="quote" data-orbit-slide="headline-2">
<blockquote>Tiramisu carrot cake dragee wypas cotton candy apple pie gummies carrot cake slices.</blockquote>
<span class="author">John Doe</span>
</li>
<li class="quote" data-orbit-slide="headline-3">
<blockquote>Tiramisu carrot cake wypas cotton candy apple pie gummies carrot cake slices.</blockquote>
<span class="author">John Doe</span>
</li>
</ul>
</div>
</div>
<div class="row price-table">
<div class="large-4 columns">
<ul class="pricing-table">
<li class="title">Standard</li>
<li class="description">An awesome description</li>
<li class="price">$ 4.99 per Month</li>
<a class="price-table-toggle">+ Show features</a>
<ul class="price-table-features">
<li class="bullet-item">Responsive Layout</li>
<li class="bullet-item">Retina Support</li>
<li class="bullet-item">And a lot more</li>
</ul>
<li class="cta-button"><a class="button secondary radius" href="#">Buy Now</a></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="pricing-table featured">
<li class="title">Standard</li>
<li class="description">An awesome description</li>
<li class="price">$ 4.99 per Month</li>
<a class="price-table-toggle">+ Show features</a>
<ul class="price-table-features">
<li class="bullet-item">Responsive Layout</li>
<li class="bullet-item">Retina Support</li>
<li class="bullet-item">And a lot more</li>
</ul>
<li class="cta-button"><a class="button radius" href="#">Buy Now</a></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="pricing-table">
<li class="title">Standard</li>
<li class="description">An awesome description</li>
<li class="price">$ 4.99 per Month</li>
<a class="price-table-toggle">+ Show features</a>
<ul class="price-table-features">
<li class="bullet-item">Responsive Layout</li>
<li class="bullet-item">Retina Support</li>
<li class="bullet-item">And a lot more</li>
</ul>
<li class="cta-button"><a class="button secondary radius" href="#">Buy Now</a></li>
</ul>
</div>
</div>
</div>
<footer>
橙色手机app应用官网三版合一网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar
106 浏览量
2023-08-05
11:51:37
上传
评论
收藏 3.23MB RAR 举报
橙色手机app应用官网三版合一网站模板_橙色 手机 应用 手机app app应用 app 响应式 responsive网 单页 跳转 互联网 软件 应用_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （31个子文件） 
橙色手机app应用官网三版合一网站模板_橙色 手机 应用 手机app app应用 app 响应式 responsive html5 css3 简洁 扁平化 官网 单页 跳转 互联网 软件 应用 mstp_18_carote 
index-iphone.html 10KB js 
foundation.min.js 54KB functions.js 771B vendor zepto.js 60KB custom.modernizr.js 9KB img 
screenshot-2.png 3KB blank2 2.56MB edition-iphone.png 33KB header-macbook.png 211KB content-iphone.png 34KB logo.png 6KB edition-macbook.png 31KB header-ipad.png 89KB screenshot-3.png 3KB Descr.WD3 1KB header-iphone.png 51KB edition-ipad.png 30KB screenshot-1.png 3KB css style.css 35KB foundation.min.css 65KB normalize.css 7KB ie.css 3KB index.html 2KB index-ipad.html 9KB index-macbook.html 9KB fonts 
entypo.svg 144KB entypo.woff 44KB entypo.ttf 31KB Descr.WD3 492B entypo.eot@ 31KB entypo.eot 31KB资源评论
