-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-play.html
60 lines (57 loc) · 2.95 KB
/
how-to-play.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
<!DOCTYPE html>
<html>
<head>
<script>document.writeln('<title>' + document.domain + ': Smith Word Game How to Play</title>');</script>
<link rel="stylesheet" type="text/css" href="css/smith.css">
<script src="ext/enums.js"></script>
<script src="ext/jquery-1.8.3.min.js"></script>
<script src="ext/bootstrap/js/bootstrap.min.js"></script>
<script src="js/smith.js"></script>
</head>
<body>
<div class="page-header"><h1>How to Play</h1></div>
<div class="bs-docs-example">
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="res/images/howto/howto_drag.png" alt="" width="780">
<div class="carousel-caption">
<h4>Drag tiles from the tile bank to the trays to form words</h4>
<p>Lorem ipsum dolor sit amet, ea ferri solum eum, affert nusquam cum at.
In ipsum alterum splendide qui. Iudico consul vel eu, nec cu laoreet conclusionemque,
ne diam accusam corrumpit ius. Eos ad viderer accusamus vituperatoribus.</p>
</div>
</div>
<div class="item">
<img src="res/images/howto/howto_buildupon.png" alt="" width="780">
<div class="carousel-caption">
<h4>Build words upon existing words in trays.</h4>
<p>Lorem ipsum dolor sit amet, ea ferri solum eum, affert nusquam cum at.
In ipsum alterum splendide qui. Iudico consul vel eu, nec cu laoreet conclusionemque,
ne diam accusam corrumpit ius. Eos ad viderer accusamus vituperatoribus.</p>
</div>
</div>
<div class="item">
<img src="res/images/howto/howto_score.png" alt="" width="780">
<div class="carousel-caption">
<h4>Watch your score rise!</h4>
<p>Lorem ipsum dolor sit amet, ea ferri solum eum, affert nusquam cum at.
In ipsum alterum splendide qui. Iudico consul vel eu, nec cu laoreet conclusionemque,
ne diam accusam corrumpit ius. Eos ad viderer accusamus vituperatoribus.</p>
</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
<button id="main-menu" class="btn btn-large"><a href="index.html">Main Menu</a></button>
</body>
</html>