-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwinterpass2017.html
More file actions
186 lines (166 loc) · 9.39 KB
/
winterpass2017.html
File metadata and controls
186 lines (166 loc) · 9.39 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!doctype html>
<html lang="en">
<head>
<title>Winter Pass 2017 - Welcomers' Guild | Versutian Federation</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="versutian-square.png">
<meta property="og:title" content="Welcomers' Guild Winter Pass 2017">
<meta property="og:site_name" content="Versutian Federation">
<meta property="og:type" content="website">
<meta property="og:url" content="https://welcomers.versutian.site/">
<meta property="og:image" content="https://welcomers.versutian.site/img/winterpass/passicon.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Winter 2017 Guild Pass">
<meta property="og:description" content="Introducing the Winter 2017 Guild Pass">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<link rel="stylesheet" href="css/app.css">
</head>
<body class="dark-site">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container" id="navbar-cont">
<a class="navbar-brand" href="#"><b>Versutian</b></a>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbarDropdownLinkSpan">Welcomers' Guild</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="https://auth.versutian.site">Sign In</a>
<a class="dropdown-item" href="https://forums.versutian.site">Forums</a>
<a class="dropdown-item disabled" href="#">Elections</a>
<a class="dropdown-item active" href="#">Welcomers' Guild</a>
<a class="dropdown-item disabled" href="#">Polls</a>
</div>
</li>
</ul>
</div>
</nav>
<header id="header" class="jumbotron jumbotron-fluid text-center" style="background-image: linear-gradient(120deg,rgba(0, 129, 209, 0.63),rgba(0, 235, 181, 0.67)), url('img/winterpass/background.gif'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 70vh; display: flex; align-items: center; justify-content: center;">
<div class="container">
<h3><small>INTRODUCING THE WINTER 2017</small></h3>
<hr>
<h1 class="display-2"><b class="thick">GUILD <img src="img/winterpass/passicon.png" class="img-fluid" style="max-height: 100px; margin-bottom: 1rem"/> PASS</b></h1>
<hr>
</div>
</header>
<section id="subnav" class="container">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" href="/">Leaderboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/inventory">Inventory</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Winter Pass <span class="badge badge-pill badge-primary">NEW</span></a>
</li>
</ul>
</section>
<div class="container">
<section class="text-center" style="padding-top:2rem">
<h1 style="color:#CFD8DC"><span class="fa fa-angle-double-up fa-5x" aria-hidden="true"></span></h1>
<h2 class="display-4 pass-header">LEVEL UP</h2>
<p class="lead">A new adventure awaits you with the Winter 2017 Guild Pass.</p>
<p>Level up your pass through exciting new challenges to earn exclusive rewards and bonuses.</p>
<a class="btn btn-secondary disabled">Buy soon: 375WGP</a>
</section>
<hr style="margin: 5rem 0;background-color:#90A4AE">
<section class="row">
<div class="col-md-7">
<h2 class="pass-header">Guild Missions. <span class="text-muted">Reap the rewards on your own path.</span></h2>
<p class="lead">
The Guild Pass comes with missions in one of three branching pathways.
Complete your assignment and you'll be given some Guild Pass XP to level up your pass.
For those who are resilient enough to reach the end of a pathway, unique completion rewards can be found for each path, which upgrade the more missions
you do for that path.
</p>
</div>
<div class="col-md-5">
<img class="mx-auto img-fluid" src="img/winterpass/missions.png">
</div>
</section>
<hr style="margin: 5rem 0;background-color:#90A4AE">
<section class="row">
<div class="col-md-5">
<img class="mx-auto img-fluid" src="img/winterpass/duels.png">
</div>
<div class="col-md-7">
<h2 class="pass-header">Duels. <span class="text-muted">A little more competition never hurt anyone.</span></h2>
<p class="lead">
Challenge any of your fellow Welcomers' Guild members to put some WGP on the line to see who will earn the most WGP in a week.
The winner gets double the points wagered while the loser gets none. Not up for the gamble? You can decline any duel offer with no penalty.
</p>
</div>
</section>
<hr style="margin: 5rem 0;background-color:#90A4AE">
<section style="padding-bottom: 5rem">
<h1 class="text-center">Guild Pass Access</h1>
<p class="text-center">Upon receiving the pass, get access to unique rewards for the Winter season.</p>
</section>
<section class="row" style="padding-bottom: 5rem">
<div class="col-md-7">
<h2 class="pass-header">Seasonal Skin. <span class="text-muted">Behold the frosty beauty of the holidays.</span></h2>
<p class="lead">
With any Guild Pass comes the exclusive, first-of-its-kind Winter 2017 Skin, which will decorate the entire leaderboard for your viewing pleasure.
</p>
</div>
<div class="col-md-5">
<img class="mx-auto img-fluid rounded-circle" src="img/winterpass/background.gif">
</div>
</section>
<section class="row">
<div class="col-md-5 text-center" style="padding-top: 2.2rem">
<span class="fa fa-line-chart fa-5x" aria-hidden="true"></span>
</div>
<div class="col-md-7">
<h2 class="pass-header">Daily Rate Bonus. <span class="text-muted">A little wintery gift just for you.</span></h2>
<p class="lead">
All Winter Pass owners will gain access to a higher Daily Rate cap of 10 WGP/day instead of the normal 5. Happy holidays!
</p>
</div>
</section>
<hr style="margin: 5rem 0;background-color:#90A4AE">
<section style="padding-bottom: 5rem">
<h1 class="text-center">Guild Pass Rewards</h1>
<p class="lead text-center">Here's some of the rewards you'll receive for leveling up your Guild Pass:</p>
</section>
<section style="padding-bottom: 5rem" class="row">
<div class="col-md-5 text-center" style="padding-top: 2.2rem">
<img class="mx-auto img-fluid" src="img/winterpass/wintercrate.png">
</div>
<div class="col-md-7">
<h1>Winter Lootboxes</h1>
<p class="lead">
Get into the holiday spirit with plentiful presents in store for you! <br>
These lootboxes are earned from leveling up your pass and don't cost anything to open.
And, for every winter lootbox you open, your odds of getting a rarer reward increases. It's just a gift that keeps on giving.
</p>
<p class="lead">
Now what's inside the box? That depends on if you've been naughty or nice!
For every WGP point you've got, your "nice meter" will increase, which gives you access to higher and higher quality drop lists for the winter treasures.</p>
</div>
</section>
<section style="padding-bottom: 5rem"></section>
<h1>Wheel of Winter Fortune</h1>
<p class="lead">
Every 4 levels starting at Guild Pass Level 9, you'll get a chance to spin the frosty Winter Wheel of Random Rewards which in addition to many normal rewards,
has a small chance of giving you 5000 WGP or an Ambassador Select Lootbox.
</p>
</div>
<hr style="margin: 5rem 0;background-color:#90A4AE">
<p class="text-center">More info is on the way along with the release of the Winter 2017 Guild Pass. Check back here soon!</p>
</div>
<br><br>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.5/howler.core.min.js" integrity="sha256-Z8I+EOFdoBhpDMBkwRmLJ1S/f0TK8SxMz8Zd1K6r7Q4=" crossorigin="anonymous"></script>
<script>
new Howl({
src: ['sound/winterpass/enter.mp3']
}).play();
</script>
</body>
</html>