-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.html
More file actions
183 lines (180 loc) · 12.4 KB
/
index.html
File metadata and controls
183 lines (180 loc) · 12.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AngularGap</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- site css -->
<link rel="stylesheet" href="css/site.min.css">
<!-- angulargap css -->
<link rel="stylesheet" href="angulargap/css/angulargap.css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic" rel="stylesheet" type="text/css">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="js/site.min.js"></script>
</head>
<body class="home" data-spy="scroll" data-target=".aside-menu">
<div class="docs-header header--noBackground">
<!--nav-->
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="img/logo.png" height="50"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="nav-link" href="getting-started.html">Getting Started</a></li>
<li><a class="nav-link" href="documentation.html">Documentation</a></li>
<li><a class="nav-link" href="angularicons.html">Icon Fonts</a></li>
<!-- <li><a class="nav-link" href="examples/">Examples</a></li> -->
</ul>
</div>
</div>
</nav>
<!--index-->
<div class="index">
<h1>
<img src="img/logo-index.png" alt="AngularGap: Advanced HTML5 Hybrid Mobile App Framework">
</h1>
<h2>The bond between HTML5 and Native has arrived.</h2>
<h3>AngularGap is a beautiful front-end framework for developing hybrid mobile apps in HTML5.</h3>
<p class="download-link">
<a class="btn btn-info" href="https://github.com/angulargap/angulargap.github.io/archive/master.zip">Download (alpha preview)</a>
</p>
<p class="version-text">MIT Licensed - v0.9.0 Alpha</p>
<p class="learn-more AngularGap">
<a href="#learn-more">Learn more <i class="icon" data-icon=""></i></a>
</p>
</div>
<!--social-->
<ul class="social">
<li class="github-watch">
<iframe src="http://ghbtns.com/github-btn.html?user=angulargap&repo=angulargap.github.io&type=watch&count=true" title="Star on GitHub" frameborder="0" scrolling="0" width="120" height="25"></iframe>
</li>
<li class="github-fork">
<iframe src="http://ghbtns.com/github-btn.html?user=angulargap&repo=angulargap.github.io&type=fork&count=true" title="Fork on GitHub" frameborder="0" scrolling="0" width="120" height="25"></iframe>
</li>
<li class="twitter-follow">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1375828408.html#_=1376720237528&id=twitter-widget-1&lang=en&screen_name=flathemes&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 254px; height: 20px;"></iframe>
</li>
<li class="twitter-share">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1375828408.html#_=1376720237525&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fgetbootstrap.com%2F&related=mdo%3ACreator%20of%20Twitter%20Bootstrap&size=m&text=Bootflat&url=http%3A%2F%2Fflathemes.com%2F&via=flathemes" class="twitter-share-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 116px; height: 20px;"></iframe>
</li>
</ul>
<!--desc-->
<div id="learn-more" class="desc container">
<div class="desc__introduces">
<h3>Create hybrid mobile apps with the web technologies you love.</h3>
<p>Free and open source, AngularGap offers a library of mobile-optimized HTML, CSS for building highly interactive apps. Built with <a href="http://sass-lang.com/" target="_blank">Sass</a>.</p>
<!-- <p>Free and open source, AngularGap offers a library of mobile-optimized HTML, CSS and JS <a href="/components/">components</a> for building highly interactive apps. Built with <a href="http://sass-lang.com/" target="_blank">Sass</a> and optimized for <a href="http://angularjs.org/" target="_blank">AngularJS</a>.</p> -->
</div>
<div class="desc__features">
<div class="row">
<div class="col-md-4">
<div class="features__photo" style="position:static;text-align: center;"><img src="img/performance.png" /></div>
<h4>Faster for Users</h4>
<p>Speed is important. Interchange now enables HTML partials for device specific content. Smoother animations and transitions happen with hardware acceleration. The default styles are all updated.</p>
</div>
<!-- <div class="col-md-6">
<div class="features__photo"><img src="img/angular-angularJS.png" /></div>
<h4>AngularJS & AngularGap</h4>
<p>A match made in heaven. AngularGap utilizes <a href="http://angularjs.org/">AngularJS</a> in order to create a framework most suited to develop rich and robust applications. AngularGap not only looks nice, but its core architecture is for <strong>serious app development</strong>, and AngularJS ties in perfectly.</p>
</div>
</div>
<div class="row">-->
<div class="col-md-4">
<div class="features__photo" style="position:static;text-align: center;"><img src="img/native.png" /></div>
<h4>Native focused</h4>
<p>AngularGap is modeled off of popular native mobile development SDKs, making it easy to understand for anyone that has built a native app for iOS or Android. Just drop it in your code to get going, and push through PhoneGap when it's ready. Develop once, deploy everywhere.</p>
</div>
<div class="col-md-4">
<div class="features__photo" style="position:static;text-align: center;"><img src="img/design.png" /></div>
<h4>Beautifully designed</h4>
<p>Clean, simple, and functional. AngularGap has been designed to work and display beautifully on all current mobile devices. With tons of popular mobile components, typography, interactive paradigms, and a gorgeous (yet extensible) base theme, you'll wonder how you lived without it.</p>
</div>
</div>
</div>
<!-- <div class="desc__introduces">
<h3>AngularGap examples</h3>
<p>Check out our <a href="/examples/">examples</a>, including starter templates and showcase demos.</p>
<div class="photo--responsive"><img src="img/demo-index.png" /></div>
</div> -->
</div>
<!--footer-->
<div class="footer">
<div class="container">
<div class="download">
<span class="download__infos">You simply have to <b>try it</b>.</span>
<a class="btn btn-info" href="https://github.com/angulargap/angulargap.github.io/archive/master.zip">Download AngularGap</a>
<a class="btn" href="documentation.html">Read the Documentation</a>
</div>
<hr class="dashed" />
<div class="row">
<div class="col-md-4">
<h3>Get involved</h3>
<p>AngularGap is hosted on <a href="https://github.com/angulargap/angulargap.github.io" target="_blank" rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
</div>
<div class="col-md-4">
<h3>Contribute</h3>
<p>You want to help us and participate in the development or the documentation? Just fork AngularGap on <a href="https://github.com/angulargap/angulargap.github.io" target="_blank" rel="external nofollow">GitHub</a> and send us a pull request.</p>
</div>
<div class="col-md-4">
<h3>Found a bug?</h3>
<p>Open a <a href="https://github.com/angulargap/angulargap.github.io/issues" target="_blank" rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
</div>
</div>
<hr class="dashed" />
<div class="row">
<div class="col-md-6">
<h3>Talk to us</h3>
<ul>
<li>Tweet us at <a href="https://twitter.com/flathemes" target="_blank">@flathemes</a> Email us at <span class="connect">info@flathemes.com</span></li>
<li>
<a title="Twitter" href="https://twitter.com/flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon=""></i></a>
<a title="Facebook" href="https://www.facebook.com/Flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon=""></i></a>
<a title="Google+" href="https://plus.google.com/u/0/" target="_blank" rel="external nofollow"><i class="icon" data-icon=""></i></a>
<a title="Github" href="https://github.com/angulargap/angulargap.github.io" target="_blank" rel="external nofollow"><i class="icon" data-icon=""></i></a>
</li>
</ul>
</div>
<div class="col-md-6">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup">
<h3 style="margin-bottom: 15px;">Newsletter</h3>
<form action="http://flathemes.us3.list-manage.com/subscribe/post?u=faba9adaea2b85dc9a5c496bd&id=acd08a1b0f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input style="margin-bottom: 10px;" type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="email address" required>
<span class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-info"></span>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
<hr class="dashed" />
<div class="copyright clearfix">
<p><b>AngularGap</b> <a href="getting-started.html">Getting Started</a> • <a href="documentation.html">Documentation</a> • <a href="angularicons.html">Icon Fonts</a><!-- • <a href="examples/">Examples</a> --></p>
<p>© 2014 FLATHEMES, Inc. All rights reserved. Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p>
</div>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48011661-1', 'angulargap.github.io');
ga('send', 'pageview');
</script>
</body>
</html>