diff options
author | Pacien TRAN-GIRARD | 2014-02-08 11:49:53 +0100 |
---|---|---|
committer | Pacien TRAN-GIRARD | 2014-02-08 11:49:53 +0100 |
commit | 9bf91bf8cd1484cb96124ea288ad1a8a6d3f54d8 (patch) | |
tree | ca73221c75b6c01dc1664dd7d53eb3517cd889be /website/index.html | |
parent | feeb92f2ce193bbda2f699db0de8d189a36296c9 (diff) | |
download | esieequest-9bf91bf8cd1484cb96124ea288ad1a8a6d3f54d8.tar.gz |
Add some content
Diffstat (limited to 'website/index.html')
-rw-r--r-- | website/index.html | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/website/index.html b/website/index.html index e7b58fa..23f72be 100644 --- a/website/index.html +++ b/website/index.html | |||
@@ -54,27 +54,27 @@ | |||
54 | <div class="pure-g"> | 54 | <div class="pure-g"> |
55 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 55 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
56 | 56 | ||
57 | <h3 class="content-subhead"><i class="fa fa-rocket"></i> Get Started Quickly </h3> | 57 | <h3 class="content-subhead"><i class="fa fa-superscript"></i> Meet a friend </h3> |
58 | <p> | 58 | <p> |
59 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 59 | He will guide you gladly... at one necessary but not sufficient condition. |
60 | </p> | 60 | </p> |
61 | </div> | 61 | </div> |
62 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 62 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
63 | <h3 class="content-subhead"><i class="fa fa-mobile"></i> Responsive Layouts </h3> | 63 | <h3 class="content-subhead"><i class="fa fa-save"></i> Obtain the program </h3> |
64 | <p> | 64 | <p> |
65 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 65 | The legend says that a sage made a special program, a long time ago. |
66 | </p> | 66 | </p> |
67 | </div> | 67 | </div> |
68 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 68 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
69 | <h3 class="content-subhead"><i class="fa fa-th-large"></i> Modular </h3> | 69 | <h3 class="content-subhead"><i class="fa fa-suitcase"></i> Find the device </h3> |
70 | <p> | 70 | <p> |
71 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 71 | It's impressive to see what they made using a "micro"controller and some adhesive tape. |
72 | </p> | 72 | </p> |
73 | </div> | 73 | </div> |
74 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 74 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
75 | <h3 class="content-subhead"><i class="fa fa-check-square-o"></i> Plays Nice </h3> | 75 | <h3 class="content-subhead"><i class="fa fa-terminal"></i> Reboot everything </h3> |
76 | <p> | 76 | <p> |
77 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 77 | Connect everything, press the button, save the world, and we're done. |
78 | </p> | 78 | </p> |
79 | </div> | 79 | </div> |
80 | </div> | 80 | </div> |
@@ -82,13 +82,18 @@ | |||
82 | 82 | ||
83 | <div class="ribbon l-box-lrg pure-g"> | 83 | <div class="ribbon l-box-lrg pure-g"> |
84 | <a id="help" class="anchor"></a> | 84 | <a id="help" class="anchor"></a> |
85 | <div class="l-box-lrg is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5"> | 85 | <div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5"> |
86 | <img class="pure-img-responsive" alt="File Icons" width="300" src="//placehold.it/300x300"> | 86 | <h2 class="content-head content-head-ribbon">I'm lost!</h2> |
87 | <pre> | ||
88 | Don't <span style="color: #dd514c;">panic()</span>; | ||
89 | <span style="color: rgb(128, 88, 165);">Throw</span> an <span style="color: #0e90d2;">Exception</span> and <span style="color: #5eb95e">try</span> with the | ||
90 | </pre> | ||
91 | <p> | ||
92 | <a href="#map" class="pure-button">Game map</a> | ||
93 | </p> | ||
87 | </div> | 94 | </div> |
88 | <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5"> | 95 | <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5"> |
89 | 96 | <h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2> | |
90 | <h2 class="content-head content-head-ribbon">Need some help?</h2> | ||
91 | |||
92 | <p> | 97 | <p> |
93 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | 98 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
94 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | 99 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
@@ -96,9 +101,6 @@ | |||
96 | consequat. Duis aute irure dolor. | 101 | consequat. Duis aute irure dolor. |
97 | </p> | 102 | </p> |
98 | 103 | ||
99 | <p> | ||
100 | <a href="#map" class="pure-button">Where am I? Open the map!</a> | ||
101 | </p> | ||
102 | </div> | 104 | </div> |
103 | 105 | ||
104 | </div> | 106 | </div> |