This repository has been archived by the owner on Jul 24, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmaps.html
134 lines (116 loc) · 7.02 KB
/
maps.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Maps / Paladins Maps</title>
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/viewer.min.css">
<link rel="stylesheet" href="./css/maps.css">
<style>
.card-image-content {
background: none repeat scroll 0 0 #000000;
opacity: 0.65;
bottom:0;
position: absolute;
}
.card {
cursor: pointer;
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="index.html">Paladins Maps</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="maps.html">Maps <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container docs-gallery" style="margin-top:5rem;">
<div class="card-columns docs-pictures">
<div class="card">
<img class="card-img" data-original="maps/Ascension.png" src="http://paladinsassets.com/loading-screens/Loading_AscensionPeak.png" alt="Ascension Peak">
<div class="card-image-content w-100 py-1 text-center text-white">Ascension Peak</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/Brightmarsh.bmp" src="http://paladinsassets.com/loading-screens/Loading_Atrium.png" alt="Brightmarsh">
<div class="card-image-content w-100 py-1 text-center text-white">Brightmarsh</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/FishMarket.bmp" src="http://paladinsassets.com/loading-screens/Loading_Village.png" alt="Ascension Peak">
<div class="card-image-content w-100 py-1 text-center text-white">Fish Market</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/FrogIsle.bmp" src="http://paladinsassets.com/loading-screens/Loading_Isle.png" alt="Frog Isle">
<div class="card-image-content w-100 py-1 text-center text-white">Frog Isle</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/IceMines.png" src="http://paladinsassets.com/loading-screens/Loading_IceCavern.png" alt="Ice Mines">
<div class="card-image-content w-100 py-1 text-center text-white">Ice Mines</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/JaguarFalls.bmp" src="http://paladinsassets.com/loading-screens/Loading_Temple.png" alt="Jaguar Falls">
<div class="card-image-content w-100 py-1 text-center text-white">Jaguar Falls</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/SerpentBeach.bmp" src="http://paladinsassets.com/loading-screens/Loading_Beach.png" alt="Serpent Beach">
<div class="card-image-content w-100 py-1 text-center text-white">Serpent Beach</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/ShatteredDesert.jpg" src="http://paladinsassets.com/loading-screens/Loading_ShatteredDesert.png" alt="Shattered Desert">
<div class="card-image-content w-100 py-1 text-center text-white">Shattered Desert</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/SplitstoneQuarry.bmp" src="http://paladinsassets.com/loading-screens/Loading_Quarry.png" alt="Splitstone Quarry">
<div class="card-image-content w-100 py-1 text-center text-white">Splitstone Quarry</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/StoneKeep.bmp" src="http://paladinsassets.com/loading-screens/Loading_Castle.png" alt="Stone Keep">
<div class="card-image-content w-100 py-1 text-center text-white">Stone Keep</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/TimberMill.png" src="http://paladinsassets.com/loading-screens/Loading_Spiral.png" alt="Timber Mill">
<div class="card-image-content w-100 py-1 text-center text-white">Timber Mill</div>
</div>
<div class="card">
<img class="card-img" data-original="maps/WardersGate.jpg" src="http://paladinsassets.com/loading-screens/Loading_DragonSiege.png" alt="Warders Gate">
<div class="card-image-content w-100 py-1 text-center text-white">Warders Gate</div>
</div>
</div>
</main>
<!--<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<h3 class="masthead-brand">Paladins Maps</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="index.html">Home</a>
<a class="nav-link" href="maps.html">Maps</a>
</nav>
</div>
</header>
<div class="">
<div class="docs-galley">
<div class="docs-pictures clearfix">
<img data-original="maps/Ascension.png" src="maps/Ascension.png" class="img-thumbnail">
</div>
</div>
</div>
</div>-->
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/viewer.min.js"></script>
<script src="./js/maps.js"></script>
</body>
</html>