-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
90 lines (81 loc) · 3.56 KB
/
index.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Elephluent</title>
<meta name="description" content="Learning languages is fun! Try out Elephluent to have fun while mastering Spanish, Chinese, Japanese, and more.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="static/stylesheets/base.css">
<link rel="stylesheet" href="static/stylesheets/dashboard.css">
<link rel="stylesheet" href="static/stylesheets/animate.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<script src="static/js/jquery-3.3.1.min.js"></script>
<script src="static/js/base.js"></script>
<script src="static/js/language-codes.js"></script>
<script src="static/js/update-email.js"></script>
<link rel="shortcut icon" type="image/png" href="static/img/logo.png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/hmac.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/sha1.js"></script>
<script src="static/js/dashboard.js"></script>
</head>
<body style="background: #e6fdfb;">
<header>
<div id="name">
<div id="logo" class="logo scale-up" >
<a href="index.html">
<img src="static/img/logo.png" class="logo__img">
</a>
</div>
</div>
<div id="account" class="account">
</div>
</header>
<main>
<div id="background">
<img src="static/img/bg-objects/trampoline.svg" alt="trampoline" id="trampoline" class="bg-object">
<img src="static/img/bg-objects/elephant.svg" alt="elephant" id="elephant" class="bg-object animated bounce">
<img src="static/img/bg-objects/tree.svg" alt="tree" id="tree" class="bg-object">
<img src="static/img/bg-objects/squirrel.svg" alt="squirrel" id="squirrel" class="bg-object">
<div id="header">
<div id="logo-container">
</div>
</div>
<div id="top">
<div class="left" id="welcome-back">
<div class="text" id="greeting-container">
<h1 id="greeting">Welcome!</h1>
</div>
<div id="last-module">
</div>
<div class="text">
<p><i class="fas fa-info-circle"></i> This is a demo of the Elephluent app.</p>
</div>
</div>
<div class="right">
</div>
</div>
</div>
<div id="content">
<div id="modules">
</div>
<a href="flashcards.html" id="flashcards">
<div class="text scale-up">
<h2><i class="far fa-clone"></i> Flashcard Review</h2>
</div>
</a>
</div>
<div id="overlay">
<div class="overlay-box">
<div class="overlay-row">
<div class="text"><h1 id="box-title">Lessons</h1></div>
</div>
<div id="lessons" class="overlay-row">
</div>
</div>
</div>
</main>
<footer style="font-size: 8pt;">Assets are taken and modified from free/stock image sources. This project is not used for commercial purposes.<br>Find out more <a href="https://github.com/elephluent/elephluent.github.io">here</a>.</footer>
</body>
</html>