-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (173 loc) · 7.54 KB
/
index.html
File metadata and controls
177 lines (173 loc) · 7.54 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>FailED App</title>
<meta charset="utf-8" />
<meta name="author" content="NovelPixels">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
</head>
<body id='home'>
<!-- nav-section -->
<div id="nav-section">
<div class="container">
<a href="#" class="pull-leff logo">
<h4>FailED</h4>
</a>
<a href="#" class="pull-right icon-reorder menu-trigger"></a>
<ul class="pull-right" id="nav-menu">
<li><a href="#home" class='active'>home</a></li>
<li><a href="#features">features</a></li>
<li><a href="#our_story">Our Story</a></li>
<li><a href="#testimonial">Testimonial</a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<!-- /nav-section -->
<!-- head-section -->
<div class="head-section">
<div class="overlay"></div>
<div class="container">
<div class="span8">
<div class="pull-left span3 phone-wrapper">
<img src="img/failed_app.png" alt="iphone">
<a href="http://player.vimeo.com/video/100118831" class="icon-play-sign fancybox fancybox.iframe play-box"></a>
</div>
<div class="span5 phone-desc-wrapper">
<h2>FailED App</h2>
<p>Manage your failures easily in visualized approach. See the past frustrations and oversee the future. </p>
<a href="https://itunes.apple.com/us/app/failed-manage-your-failure/id894438205?ls=1&mt=8"target="_blank" class="appstore-btn"><img src="img/app_button.png" alt="appstore"></a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- /head-section -->
<!-- features-section -->
<div class="features" id="features">
<div class="container">
<div class="span10 features-wrapper">
<div class="span3">
<img src="img/save.png">
<h4 class="features-title">Save Failures</h4>
<p>Help you remember all failures in your life. Never repeat them again.</p>
</div>
<div class="span3">
<img src="img/chart.png">
<h4 class="features-title">Statistic</h4>
<p>Visualize failures in charts. You will see more clear your fails.</p>
</div>
<div class="span3">
<img src="img/lock.png">
<h4 class="features-title">Passcode Lock</h4>
<p>Keep your failures private by adding a password.</p>
</div>
</div>
</div>
<div class="container">
<div class="span10 features-wrapper">
<div class="span3">
<img src="img/cloud.png">
<h4 class="features-title">iCloud Backup</h4>
<p>Auto-backup by iCloud integration. Your data is always owned by you, not us.</p>
</div>
<div class="span3">
<img src="img/dataencrypt.png">
<h4 class="features-title">Data Encryption</h4>
<p>Data protected by using encryption strategy. Your failures is always safe.</p>
</div>
<div class="span3">
<img src="img/light.png">
<h4 class="features-title">Coming Features</h4>
<p>We're still working hard to bring new cool features to you. It's awesome, huh!?</p>
</div>
</div>
</div>
</div>
<!-- /features-section -->
<!-- our_story -->
<div id='our_story' class="ourstory">
<div class="overlay"></div>
<div class="container">
<h3>Our Story</h3>
<h4>life with failures</h4>
<p>You may not need to believe, but one of us,
was born to make all targets be failed. He was a
9-year-old loser and still a loser now.
The first failure in his life when he cannot pass an examination in elementary school.
By time over, he was failed in a Mathematics Contest for secondary student,
then in some research projects which may be his breakthrough at college.
When he got work, he is continuously failed. His boss had to claim on him,
and finally, he was put out of work. That's it, his life. In a while,
he tried to simulate his failures and attempted to figure out why he failed many times in life.
Surprisingly, he was aware of that many failures were from one or two reasons.
Some from his mind set, others from his characteristic.
When he takes note on a white paper, he can easily see what happened in his life,
but sometimes without pen and paper, he forgets them. That's what inspired him to create this app.
As the highest of his desire, everyone can manage their failures in a simple, visualized and efforless way.
Also, he keeps in mind that, this app - FailED - may be the next failure in his life.</p>
</div>
</div>
<!-- /our-story -->
<!-- testimonial-section -->
<div class="testimonial-section" id="testimonial">
<div class="container">
<div class="span8 testimonial-wrapper">
<h3>Testimonials</h3>
<div class="flexslider">
<ul class="slides">
<li>
<p>I was surprised when FailED show me that many failures were occured two times at least in my life. With FailED, I can control my weakness and avoid those kinds of fouls.</p>
<h4>Diana Young - Staff Office at F2F</h4>
</li>
<!-- <li>
<p>FailED is super awesome stuff. I have chance to use it from Beta version and it's really helpful for me so far.</p>
<h4>Thai Ng. - CTO at Signal Trading</h4>
</li> -->
<li>
<p>It's really a cool app. FailED helps me manage my failures and now I believe that those failures will never happen again.</p>
<h4>Martin Garay - Freelancer Software Developer</h4>
</li>
<li>
<p>This app is what I have always wanted, from now on I can track my failures and recognize what I need to improve to be more successful in life. Appreciate the idea, 5 stars!</p>
<h4>Linh L. - Software Engineer at Kayac Inc. </h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /testimonial-section -->
<!-- Footer-section -->
<div class="footer">
<div class="container">
<h2>FailED</h2>
<div class="social-icons-wrapper">
<!--<a href="#" class='icon-google-plus'></a> -->
<a href="https://www.facebook.com/failedapp" class='icon-facebook'></a>
<!--<a href="#" class='icon-linkedin'></a> -->
<a href="https://twitter.com/failedapp" class='icon-twitter'></a>
</div>
</div>
</div>
<!-- /Footer-section -->
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type="text/javascript" src="js/jquery.plusanchor.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>