-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (91 loc) · 4.76 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
91
92
93
94
95
96
97
98
<html>
<head>
<meta charset="UTF-8">
<title>From the Shadows they Arise</title>
<link href="https://fonts.googleapis.com/css?family=Stalinist+One" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400,300|Montserrat' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class='web-1'></div>
<div class='web-2'></div>
<div class="slide" id="heroImage">
<div class="container-fluid welcome">
<h1>Shadow Caste</h1>
<a class="nav" href="#slide2"><div class="btn btn-ghost">Enter the Darkness</div></a>
</div>
<a class="nav" href="#slide2"><span class="navArrow ion-chevron-down"></span></a>
</div>
<div class="slide" id="slide2">
<img class="transistionImg" src="imgs/decal_top.png" alt="">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="textbox">
<h3>The world is in chaos, wars rage across the continent...</h3>
<br>
<p>Samaria is finally ready for the rise of the Dragyri Shadow Caste. Once considered mere myth and frightening folk tale, the dark masters of the underworld are now leaping from their hiding places in the dark places and nightmares of Samaria. Their appearance was foretold, yet held as fable, and now the Shadow Caste walk among those who slept soundly knowing they were nothing but stories. The time has come for the schemes of the Arbiter of Chaos - and her terrifying followers - to come to fruition. The Shadows will rise...</p>
</div>
</div>
<div class="col-md-6">
<img class="img-responsive featureImage" src="imgs/elemental.png" alt="">
</div>
</div>
</div>
<a class="nav" href="#slide3"><span class="navArrow ion-chevron-down"></span></a>
</div>
<div class="slide" id="slide3" style="height:auto">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 colFeature">
<h3>Models</h3>
<div class="contentImage"></div>
<hr>
<p>Take a sneak peek at the vanguard of the new Shadow Caste models!</p>
<a href="models.html">
<div class="btn btn-ghost">See the Models</div>
</a>
</div>
<div class="col-md-6 colFeature">
<h3>Cards</h3>
<div class="contentImage"></div>
<hr>
<p>Download the cards you need to play the Shadow Caste!</p>
<a href="cards.html">
<div class="btn btn-ghost">Get the Cards</div>
</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container" style="width:225px">
<div class="row">
<h3 class="col-xs-12" style="text-align:center">Share the news:</h3>
</div>
<div class="row">
<a target="_blank" href="" class="twitter-share-button" data-show-count="false">
<span class="ion-social-twitter col-xs-6 socialButton"></span>
</a>
<span class="fb-share-button" data-href="https://www.facebook.com/coolminiornot/" data-layout="link" data-mobile-iframe="true">
<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.facebook.com%2Fcoolminiornot%2F&src=sdkpreparse">
<span class="ion-social-facebook col-xs-6 socialButton"></span>
</a>
</span>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="js/app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51698779-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>