<!--
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Suthri App Landing Page Flat Responsive Multipurpose Bootstarp Website Template | Home :: w3layouts</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Suthri App Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola webdesign" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<script src="js/Chart.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</head>
<body>
<!-- Header Part Starts Here -->
<div class="header" id="home">
<div class="container">
<div class="col-md-8 header-matter">
<div class="logo wow bounceInLeft animated">
<a href="index.html"><img src="images/logo.PNG" alt=""/></a>
</div>
<h1 class="wow bounceIn animated">Create Your App Landing Page <br> in No Time with <span>SUTHRI</span></h1>
<p class="wow fadeInUp animated">An easily customized app landing page template with multi colors<br> and different layouts.</p>
<form class="ap-but down wow fadeInUp animated">
<input type="submit" value="" />
<p><span>1000+</span> Downloads <br>& Counting</p>
</form>
</div>
<div class="col-md-4 iphone wow bounceInRight animated" >
<img src="images/iphone.PNG" alt="" />
</div>
</div>
</div>
<!-- Header Part ENds Here -->
<!-- Graph Part Starts Here -->
<div class="graph wow fadeInUp animated">
<div class="container">
<div class="graph-img">
<img src="images/iphone-frame.PNG" alt="" />
<div class="chart wow bounceIn animated">
<canvas id="canvas" height="229" width="469" style="margin-top: 30px;"></canvas>
<script>
var lineChartData = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "rgba(220,220,220,0.5)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
data : [65,59,90,81,56,55,40]
},
{
fillColor : "rgba(151,187,205,0.5)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
data : [28,48,40,19,96,27,100]
}
]
}
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData);
</script>
</div>
</div>
<h3 class="wow fadeInUp animated">Performance Graph</h3>
<p class="wow fadeInUp animated">You might forget how many pomodoros you did last Monday, but Pomodrone will not! Check your performance graph from time to time to keep your productivity on a high level.</p>
</div>
</div>
<!-- Graph Part Starts Here -->
<!--- Usage part Starts Here -->
<div class="usage wow fadeInUp animated">
<div class="container">
<div class="usage-top wow bounceIn animated">
<p>A simplified way to share and connect with people. Manage and grow your contacts through this user-friendly platform with up-to-the-minute cloud synced personal and professional contact information.</p>
<div class="clearfix"></div>
<div class="first-img">
<img src="images/first-image.jpg" alt="">
</div>
<div class="second-img">
<img src="images/second-image.jpg" alt="">
</div>
<div class="third-img">
<img src="images/third-image.JPG" alt="">
</div>
</div>
</div>
</div>
<!--- Usage part Ends Here -->
<!-- Features Part Starts here -->
<div class="features wow fadeInUp animated" id="about">
<div class="container">
<div class="col-md-4 feature-data">
<div class="feat-da-grid wow bounceIn animated">
<h4>AWESOME FEATURES</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
<div class="feat-da-grid wow bounceIn animated">
<h4>FULLY CUSTOMIZABLE</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
<div class="feat-da-grid wow bounceIn animated">
<h4>Features</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
</div>
<div class="col-md-4 feature-img wow bounceIn animated">
<img src="images/featu-image.png" alt="" />
</div>
<div class="col-md-4 feature-data d_2">
<div class="feat-da-grid wow bounceIn animated">
<h4>SEO FRIENDLY</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
<div class="feat-da-grid wow bounceIn animated">
<h4>8 PREDEFINED COLOR SCHEMES</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
<div class="feat-da-grid wow bounceIn animated">
<h4>MODERN DESIGN</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus leo mattis metus condimentum sollicitudin.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- Features Part Ends here -->
<!-- Packages Part Starts Here -->
<div class="package wow fadeInUp animated">
<div class="container">
<div class="package-grid wow bounceIn animated">
<div class="price">
<div class="price-left">
<h3>FREE</h3>
<p>For personal use</p>
</div>
<div class="price-right">
<h3><sub>$</sub>0</h3>
<p>FOREVER</p>
</div>
<div class="clearfix"></div>
</div>
<ul class="price-list">
<li><span><img src="images/price-tick.png" alt=""></span> <a href="#">Unlimited Photos</a></li>
<li><span><img src="images/price-tick.png" alt=""></span> <a href="#">Basic Photo Filters</a></li>
<li><span><img src="images/price-wrong.png" alt=""></span> <a href="#">Advanced Photo Filters</a></li>
<li><span><img src="images/price-wrong.png" alt=""></span> <a href="#">Edit From Gallery</a></li>
<li><span><img src="images/price-wrong.png" alt=""></span> <a href="#">Custom Watermark</a></li>
</ul>
</div>
<div class="package-grid active wow bounceIn animated">
<div class="price">
<div class="price-left">
<h3>ADDICT <span>POPULAR</span></h3>
<p>More awesome photo filters</p>
</div>
<div class="price-right">
<h3><sub>$</sub> 49</h3>
<p>PER MONTH</p>
</div>
<div class="clearfix"></div>
</div>
<ul class="pr
HTML网站源码-APP软件介绍分析响应式网页模板-适配移动端&PC端.zip
版权申诉
141 浏览量
2024-03-30
11:50:02
上传
评论
收藏 354KB ZIP 举报
HTML网站源码-APP软件介绍分析响应式网页模板-适配移动端&PC端.zip （25个子文件） 
HTML网站源码-APP软件介绍分析响应式网页模板-适配移动端&PC端 html js 
easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB wow.min.js 5KB Chart.js 43KB css style.css 13KB animate.css 67KB bootstrap.css 118KB
index.html 11KB images Thumbs.db 7KB
price-tick.png 3KB
banner.jpg 48KB social-icons.png 4KB ap-but.PNG 5KB price-wrong.png 3KB footer-app.PNG 7KB featu-image.png 14KB first-image.jpg 104KB iphone.PNG 16KB second-image.jpg 31KB logo.PNG 5KB price-list.png 3KB third-image.JPG 66KB iphone-frame.PNG 10KB top_move.PNG 6KB资源评论
DTcode7
- 粉丝: 7742
- 资源: 4538
