-
Notifications
You must be signed in to change notification settings - Fork 2
/
index1.html
executable file
·264 lines (206 loc) · 9.97 KB
/
index1.html
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Lex-Icon</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='shortcut icon' type='image/gif' href='images/Lex.gif'/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="css/Main.css" rel="stylesheet">
<link href="css/Loader.css" rel="stylesheet">
<meta name="description" content="A webapp that improves vocabulary skills" />
<meta name="keywords" content="english, words, vocabulary, learn, language, social, Lex-icon" />
<meta name="author" content="Lex-icon" />
<meta charset="utf-8">
</head>
<body id="login" data-spy="scroll" data-target=".navbar" data-offset="60">
<div id="loader-wrapper">
<div id="loader"></div>
</div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#myPage">Lex-Icon</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="login/index.php">LOGIN</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="joinus/join.html">JOIN US</a></li>
</ul>
</div>
</div>
</nav>
<section id="scroll" class="demo">
<div class="bgimg-1">
<div class="captiona">
<span class="bordera " >
<img src="images/logo.png" style="width:50%; height:50%;" />
<a class="login1" href="login/index.php">Login</a>
</span>
</div>
</div>
<a href="#about"><span></span><span></span><span></span></a>
</section>
<!-- Container (About Section) -->
<div class="bgimg-2">
<div class="caption">
<div id="about" class="container-fluid">
<div class="row">
<div class="col-xs-8">
<div class="blacken ">
<h2>
<div class="blacken slideanim">Motivation</div></h2>
<p>
<font color=#000><div class="slideanim">English, in today's times, is the universal voice of ideas. Evolving to be more than a means of communication, English as a universally recognized language
has transformed how we, as homo sapiens of the 21st century live our daily lives. Encompassing all spheres of our lives, be it science, economy or culture, it has come to define how we as a race have developed. </div></font></p><br>
<h2>
<div class="blacken slideanim">Vision</div></h2>
<h4>
<font color=#000><div class="slideanim">Recognizing the importance of English in the modern times, Lex-icon aims to provide a platform that would offer a great opportunity to enhance vocabulary skills in English based on textual learning.
This would help achieve the mission of 'Education for all' and would improve the English literacy percentage of present day indians.</div></font></h4>
</div>
</div>
<div class="col-xs-4">
<img src="images/logo.png" align="right" />
</div>
</div>
</div>
</div>
</div>
<div id="portfolio" class="container-fluid text-center bg-grey slideanim">
<h2>About the App</h2><br>
<div class="row text-center ">
<p>
Lex-icon is an open platform where one logs in to enhance her english vocabulary skills. It has 3 sections:<br><br>
The Word of the day section -- It updates the users with a new word everyday.<br><br>
The Trending section -- It helps users to upload new word posts that would be visible to all members of the Lex-icon family.<br><br>
The Favourites section -- This section lists all the word posts liked by the logged in user.
</p><br>
<strong>
<p> Also check out the Developers' profile <br><br></strong>
<button class="btn btn-default btn-lg slideanim"><a href="aboutus/index.html">Know the Developers</a></button>
</p>
</div>
</div>
<div id="faq" class="container-fluid text-center bg-grey slideanim">
<h2>FAQ</h2><br>
<div class="row text-center slideanim">
<p>
Q: Where platform provides the best app experience?<br>
A: The app works best on desktops.<br><br>
Q: What is the purpose of this app? / What can I do using this app?<br>
A: Get to learn new english words, their meanings and their usage.<br><br>
Q: What should I do to see the word posts?<br>
A: Create a new account or login to an existing one. You will be able to see the word posts in the trending tab.<br><br>
Q: What is the blur image concept on 'Sign Up' page?<br>
A: Blur image concept is related to password strength. Stronger the password, clearer the image.<br><br>
Q: How can I add a new word?<br>
A: Log in and go to 'word submission' under the 'Trending' section.<br><br>
Q: What should I do if I find a word interesting and I want to see it again?<br>
A: Simply click on the like button provided under each word post and go to favourites tab to see all your favourites.
</p>
</div>
</div>
<!-- Container (Contact Section) -->
<div id="contact" class="container-fluid bg-grey slideanim">
<h2 class="text-center">Contact Us </h2><h5><br><center>If You need to</h5>
<!--div class="row"-->
<center>
<i class="fa fa-phone" aria-hidden="true"></i> Phone: <strong>Confidential</strong> <em class="hide-on-small-only"> - but you can always ping us</em>
<br>
<i class="fa fa-envelope" aria-hidden="true"></i> Mail: <a href="mailto:lex.icon.original@gmail.com" class="lime-text">lex.icon.original@gmail.com</a>
<br><i class="fa fa-globe" aria-hidden="true"></i> Webpage: <span class="hide-on-small-only"> You are at it, but still: </span> <a href="https://lex-icon.azurewebsites.net/" class="lime-text">Lex-icon Azure</a>
<br><i class="fa fa-github" aria-hidden="true"></i> Github: <a href="https://github.com/adimishra1/Lex-icon" class="lime-text">Lex-icon</a>
<br><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook: <a href="https://www.facebook.com/lexiconoriginal" class="lime-text">Lex-icon Original</a>
<br><i class="fa fa-google-plus" aria-hidden="true"></i> Google Plus: <a href="https://plus.google.com/u/0/102477258523065263980" class="lime-text">+Lex Icon</a>
<!--<br><i class="fa fa-twitter" aria-hidden="true"></i> Twitter: <a href="" class="lime-text">@adityamishra</a>
<br><i class="fa fa-linkedin" aria-hidden="true"></i> LinkedIn: <a href="" class="lime-text">adimishra</a>-->
<br><i class="fa fa-map-marker" aria-hidden="true"></i> Our Headquaters: Hall 2, IIT Kanpur, India<br>
</center>
</center>
</div>
<!-- Add Google Maps -->
<div id="googleMap" style="height:600px;width:100%;">
<iframe width="100%" height="600"frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJWxlvrP82nDkRGxOB-E5EjFQ&key=AIzaSyDxEEmSYwfpY9gWjhNBO-b-Q-5ZdW3yi6o" allowfullscreen></iframe>
</div>
<footer class="container-fluid text-center">
<a href="#login" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<footer id="footer">
<p>Copyright © Lex-Icon 2018 | All Rights Reserved</p>
</footer>
</footer>
<script>
jQuery(document).ready(function() {
jQuery('#loader').fadeOut(2000);
});
jQuery(document).ready(function() {
jQuery('#loader-wrapper').fadeOut(2000);
});
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#login']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function(){
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
})
</script>
</body>
</html>