-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
127 lines (114 loc) · 5.71 KB
/
index.html
File metadata and controls
127 lines (114 loc) · 5.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Meta-->
<meta charset="utf-8">
<title>Languages</title>
<meta name="description" content="Learn languages, yo.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-moble-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<link rel="author" href="https://plus.google.com/103740964323141031478/"/> <!--Get Julie's too-->
<!--Facebook-->
<meta property="og:title" content="Languages">
<meta property="og:type" content="website">
<meta property="og:image" content="">
<meta property="og:url" content="http://chelseavalentinesday.com/layout"/>
<meta property="og:description" content="Learn languages, yo."/>
<meta property="fb:admins" content="chelsea.valentine.1610"/> <!--Get Julie's too-->
<!--Twitter-->
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://chelseavalentinesday.com/languages">
<meta name="twitter:title" content="Languages">
<meta name="twitter: description" content="Learn languages, yo.">
<meta name="twitter:image" content="">
<!--Styling-->
<link rel="import" href="components/polymer/polymer.html">
<link rel="import" href="components/polymer-ui-card/polymer-ui-card.html">
<link rel="import" href="components/core-elements/core-elements.html">
<link rel="import" href="components/paper-elements/paper-elements.html">
<link rel="stylesheet" type="text/css" href="layout/style.css">
<link rel="icon" href="FAVICON HERE" type="image/png" sizes="16x16">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body fullbleed vertical layout unresolved>
<core-header-panel flex>
<core-toolbar id="mainheader">
<div><h4>Peck</h4></div>
<span flex></span>
<paper-button class="signUp">Sign up</paper-button>
<paper-button class="logIn">Log in</paper-button>
</core-toolbar>
<div class="content" id="home">
<polymer-ui-card id="home1">
<img class="float" id="home1image" src="duck.svg">
<div id="home1content">
<h1 id="peck">Peck</h1>
<h3 id="subtitle">A language learning experience integrated with entertainment.</h3>
</div>
</polymer-ui-card>
<polymer-ui-card id="home2">
<div id="home2content">
<p class="body2">
We match lessons to entertainment from the country of the language that you're learning. This way, you can internalize both the culture and the practical applications of a language.
<br>
<b>Peck<b> seeks to provide you with a fun learning experience that comes closest to helping you thoroughly understand and becme fluent in a language of your choice.
<br>
Right now, you can learn Japanese and Korean with <b>Peck</b>.
</p>
<img class="float" id="home2image" src="duck.svg">
</div>
</polymer-ui-card>
<polymer-ui-card id="home3">
<h2>See Peck in Action</h2>
<h3>Lessons</h3>
<div class="preview" id="previewLessons">
<img class="preview" id="lessonPreview1" src="img/previews/lessonPreview1.svg">
<img class="preview" id="lessonPreview2" src="img/previews/lessonPreview2.svg">
<img class="preview" id="lessonPreview3" src="img/previews/lessonPreview3.svg">
<img class="preview" id="lessonPreview4" src="img/previews/lessonPreview4.svg">
<img class="preview" id="lessonPreview5" src="img/previews/lessonPreview5.svg">
</div>
<h3>Entertainment</h3>
<div class="preview" id="previewEntertainment">
<img class="preview" id="entertainmentPreview1" src="img/previews/entertainmentPreview1.svg">
<img class="preview" id="entertainmentPreview2" src="img/previews/entertainmentPreview2.svg">
<img class="preview" id="entertainmentPreview3" src="img/previews/entertainmentPreview3.svg">
<img class="preview" id="entertainmentPreview4" src="img/previews/entertainmentPreview4.svg">
<img class="preview" id="entertainmentPreview5" src="img/previews/entertainmentPreview5.svg">
</div>
<h3>Quizzes</h3>
<div class="preview" id="previewQuizzesEntertainment">
<img class="preview" id="quizzesPreview1" src="img/previews/quizzesPreview1.svg">
<img class="preview" id="quizzesPreview2" src="img/previews/quizzesPreview2.svg">
<img class="preview" id="quizzesPreview3" src="img/previews/quizzesPreview3.svg">
<img class="preview" id="quizzesPreview4" src="img/previews/quizzesPreview4.svg">
<img class="preview" id="quizzesPreview5" src="img/previews/quizzesPreview5.svg">
</div>
<h3>User areas</h3>
<div class="preview" id="previewUserAreas">
<img class="preview" id="userAreasPreview1" src="img/previews/userAreasPreview1.svg">
<img class="preview" id="userAreasPreview2" src="img/previews/userAreasPreview2.svg">
<img class="preview" id="userAreasPreview3" src="img/previews/userAreasPreview3.svg">
<img class="preview" id="userAreasPreview4" src="img/previews/userAreasPreview4.svg">
<img class="preview" id="userAreasPreview5" src="img/previews/userAreasPreview5.svg">
</div>
</polymer-ui-card>
<polymer-ui-card id="home4">
<h2>Try out the first lesson</h2>
<div id="jpn1">
<img id="jpn1img" src="img/lessons/countries/japan.svg">
<h5>Japanese</h5>
</div>
<div id="kor1">
<img id="kor1img" src="img/lessons/countries/southkorea.svg">
<h5>Korean</h5>
</div>
</polymer-ui-card>
<footer>
</footer>
</div>
</core-header-panel>
<script src="layout/script.js"></script>
</body>
</html>