-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathheader.html
More file actions
189 lines (147 loc) · 9.85 KB
/
header.html
File metadata and controls
189 lines (147 loc) · 9.85 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
187
188
189
<header class="masthead">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 py-5">
<h1 class="mb-4">Create infinie cards </br> with your imagination </br> or test deck for take power on table!</h1>
<h2 class="m-0">A little explication about all sections, take your choice between print deck paper, take picture, search prices or other informations, create your card and more options, just consult gallery fan art!</h2>
</div>
<div class="col-lg-5">
<div class="py-5 px-4 masthead-cards">
<div class="slide-container">
<div class="wrapper">
<div class="clash-card barbarian">
<div class="clash-card__image clash-card__image--barbarian">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/barbarian.png" class="clash-card__image--barbarian-img" alt="barbarian" />
</div>
<div class="clash-card__level clash-card__level--barbarian">Level 4</div>
<div class="clash-card__unit-name">The Barbarian</div>
<div class="clash-card__unit-description">
The Barbarian is a kilt-clad Scottish warrior with an angry, battle-ready expression, hungry for destruction. He has Killer yellow horseshoe mustache.
</div>
<div class="clash-card__unit-stats clash-card__unit-stats--barbarian clearfix">
<div class="one-third">
<div class="stat">20<sup>S</sup></div>
<div class="stat-value">Training</div>
</div>
<div class="one-third">
<div class="stat">16</div>
<div class="stat-value">Speed</div>
</div>
<div class="one-third no-border">
<div class="stat">150</div>
<div class="stat-value">Cost</div>
</div>
</div>
</div> <!-- end clash-card barbarian-->
</div> <!-- end wrapper -->
<div class="wrapper">
<div class="clash-card archer">
<div class="clash-card__image clash-card__image--archer">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/archer.png" class="clash-card__image--archer-img" alt="archer" />
</div>
<div class="clash-card__level clash-card__level--archer">Level 5</div>
<div class="clash-card__unit-name">The Archer</div>
<div class="clash-card__unit-description">
The Archer is a female warrior with sharp eyes. She wears a short, light green dress, a hooded cape, a leather belt and an attached small pouch.
</div>
<div class="clash-card__unit-stats clash-card__unit-stats--archer clearfix">
<div class="one-third">
<div class="stat">25<sup>S</sup></div>
<div class="stat-value">Training</div>
</div>
<div class="one-third">
<div class="stat">24</div>
<div class="stat-value">Speed</div>
</div>
<div class="one-third no-border">
<div class="stat">300</div>
<div class="stat-value">Cost</div>
</div>
</div>
</div> <!-- end clash-card archer-->
</div> <!-- end wrapper -->
<div class="wrapper">
<div class="clash-card giant">
<div class="clash-card__image clash-card__image--giant">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/giant.png" class="clash-card__image--giant-img" alt="giant" />
</div>
<div class="clash-card__level clash-card__level--giant">Level 5</div>
<div class="clash-card__unit-name">The Giant</div>
<div class="clash-card__unit-description">
Slow, steady and powerful, Giants are massive warriors that soak up huge amounts of damage. Show them a turret or cannon and you'll see their fury unleashed!
</div>
<div class="clash-card__unit-stats clash-card__unit-stats--giant clearfix">
<div class="one-third">
<div class="stat">2<sup>M</sup></div>
<div class="stat-value">Training</div>
</div>
<div class="one-third">
<div class="stat">12</div>
<div class="stat-value">Speed</div>
</div>
<div class="one-third no-border">
<div class="stat">2250</div>
<div class="stat-value">Cost</div>
</div>
</div>
</div> <!-- end clash-card giant-->
</div> <!-- end wrapper -->
<div class="wrapper">
<div class="clash-card goblin">
<div class="clash-card__image clash-card__image--goblin">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/goblin.png" class="clash-card__image--goblin-img" alt="goblin" />
</div>
<div class="clash-card__level clash-card__level--goblin">Level 5</div>
<div class="clash-card__unit-name">The Goblin</div>
<div class="clash-card__unit-description">
These pesky little creatures only have eyes for one thing: LOOT! They are faster than a Spring Trap, and their hunger for resources is limitless.
</div>
<div class="clash-card__unit-stats clash-card__unit-stats--goblin clearfix">
<div class="one-third">
<div class="stat">30<sup>S</sup></div>
<div class="stat-value">Training</div>
</div>
<div class="one-third">
<div class="stat">32</div>
<div class="stat-value">Speed</div>
</div>
<div class="one-third no-border">
<div class="stat">100</div>
<div class="stat-value">Cost</div>
</div>
</div>
</div> <!-- end clash-card goblin-->
</div> <!-- end wrapper -->
<div class="wrapper">
<div class="clash-card wizard">
<div class="clash-card__image clash-card__image--wizard">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/wizard.png" class="clash-card__image--wizard-img" alt="wizard" />
</div>
<div class="clash-card__level clash-card__level--wizard">Level 6</div>
<div class="clash-card__unit-name">The Wizard</div>
<div class="clash-card__unit-description">
The Wizard is a terrifying presence on the battlefield. Pair him up with some of his fellows and cast concentrated blasts of destruction on anything, land or sky!
</div>
<div class="clash-card__unit-stats clash-card__unit-stats--wizard clearfix">
<div class="one-third">
<div class="stat">5<sup>M</sup></div>
<div class="stat-value">Training</div>
</div>
<div class="one-third">
<div class="stat">16</div>
<div class="stat-value">Speed</div>
</div>
<div class="one-third no-border">
<div class="stat">4000</div>
<div class="stat-value">Cost</div>
</div>
</div>
</div> <!-- end clash-card wizard-->
</div> <!-- end wrapper -->
</div> <!-- end container -->
<div class="shape"></div>
</div>
</div>
</div>
</div>
</header>