aboutsummaryrefslogtreecommitdiff
path: root/website/index.html
diff options
context:
space:
mode:
authorPacien TRAN-GIRARD2014-02-06 23:00:26 +0100
committerPacien TRAN-GIRARD2014-02-06 23:00:26 +0100
commitca1568e41ce1e6518988cb1379e705fca6bfb289 (patch)
tree2b2729dbc651577f7326c1030d6639d3eb58843e /website/index.html
parent6c5346c4f429a221e28cd124d36050aa558f9258 (diff)
downloadesieequest-ca1568e41ce1e6518988cb1379e705fca6bfb289.tar.gz
Create the website prototype
Diffstat (limited to 'website/index.html')
-rw-r--r--website/index.html155
1 files changed, 155 insertions, 0 deletions
diff --git a/website/index.html b/website/index.html
new file mode 100644
index 0000000..a35f58e
--- /dev/null
+++ b/website/index.html
@@ -0,0 +1,155 @@
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="description" content="A thrilling adventure game at ESIEE Paris.">
7
8 <title>ESIEEquest</title>
9
10 <link rel="stylesheet" href="/assets/css/pure-min.css">
11
12 <link rel="stylesheet" href="/assets/css/main-grid.css">
13 <link rel="stylesheet" href="/assets/css/marketing.css">
14
15 <link rel="stylesheet" href="/assets/css/font-awesome.min.css">
16
17 </head>
18 <body>
19
20 <a id="play" class="anchor"></a>
21
22 <div class="header">
23 <div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
24 <a class="pure-menu-heading" href="#">ESIEEquest</a>
25
26 <ul>
27 <li>
28 <a href="#play">Play</a>
29 </li>
30 <li>
31 <a href="#help">Help</a>
32 </li>
33 <li>
34 <a href="#about">About</a>
35 </li>
36 </ul>
37 </div>
38 </div>
39
40 <div class="splash-container">
41 <div class="splash">
42 <h1 class="splash-head">ESIEEquest</h1>
43 <p class="splash-subhead">
44 The Universe has encountered an error. Press any key to continue.
45 </p>
46 <p>
47 <a href="#dontpanic" class="pure-button pure-button-primary">This is any key</a>
48 </p>
49 </div>
50 </div>
51
52 <div class="content-wrapper">
53 <div class="content">
54 <h2 class="content-head is-center">ESIEE + quest = ESIEEquest</h2>
55
56 <div class="pure-g">
57 <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
58
59 <h3 class="content-subhead"><i class="fa fa-rocket"></i> Get Started Quickly </h3>
60 <p>
61 Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
62 </p>
63 </div>
64 <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
65 <h3 class="content-subhead"><i class="fa fa-mobile"></i> Responsive Layouts </h3>
66 <p>
67 Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
68 </p>
69 </div>
70 <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
71 <h3 class="content-subhead"><i class="fa fa-th-large"></i> Modular </h3>
72 <p>
73 Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
74 </p>
75 </div>
76 <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
77 <h3 class="content-subhead"><i class="fa fa-check-square-o"></i> Plays Nice </h3>
78 <p>
79 Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
80 </p>
81 </div>
82 </div>
83 </div>
84
85 <div class="ribbon l-box-lrg pure-g">
86 <a id="help" class="anchor"></a>
87 <div class="l-box-lrg is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5">
88 <img class="pure-img-responsive" alt="File Icons" width="300" src="//placehold.it/300x300">
89 </div>
90 <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5">
91
92 <h2 class="content-head content-head-ribbon">Need some help?</h2>
93
94 <p>
95 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
96 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
97 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
98 consequat. Duis aute irure dolor.
99 </p>
100 </div>
101
102 </div>
103
104 <div class="content">
105 <h2 class="content-head is-center">About that game</h2>
106 <a id="about" class="anchor"></a>
107 <div class="pure-g">
108 <div class="l-box-lrg pure-u-1 pure-u-med-2-5">
109 <form class="pure-form pure-form-stacked">
110 <fieldset>
111
112 <label for="email">Your Name</label>
113 <input id="email" type="text" placeholder="Your Name">
114
115 <label for="email">Your Email</label>
116 <input id="email" type="email" placeholder="Your Email">
117
118 <label for="password">Your Password</label>
119 <input id="password" type="password" placeholder="Your Password">
120
121 <button type="submit" class="pure-button">
122 Sign Up
123 </button>
124 </fieldset>
125 </form>
126 </div>
127
128 <div class="l-box-lrg pure-u-1 pure-u-med-3-5">
129 <h4>Contact Us</h4>
130 <p>
131 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
132 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
133 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
134 consequat.
135 </p>
136
137 <h4>More Information</h4>
138 <p>
139 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
140 tempor incididunt ut labore et dolore magna aliqua.
141 </p>
142 </div>
143 </div>
144
145 </div>
146
147 <div class="footer l-box is-center">
148 [0x3F] 2014 • ESIEEquest • IGI-1002 A3P
149 <br>
150 Pacien TRAN-GIRARD and Benoît LUBRANO DI SBARAGLIONE </div>
151
152 </div>
153
154 </body>
155</html>