-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
118 lines (110 loc) · 5.6 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Valorant Agent</title>
<link rel = "icon" href = "./img/logo.png" type = "image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/v4-shims.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar">
<a href="index.html" class="nav-logo"><img src="./img/logo.png" alt="" />.</a>
<ul class="nav-menu">
<li class="nav-item">
<a href="#" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<!-- END OF NAVBAR -->
<!-- HEADER -->
<header>
<video autoplay muted loop id="myVideo">
<source src="./video/agent-background-generic.mp4" type="video/mp4" />
</video>
<div class="sova-img-container">
<img style="width: 900px; text-align: center;" src="https://playvalorant.com/static/agents-group-539f9e91c0ca94a88baafa239808180b.png" alt="sova-img" class="sova-img" />
</div>
</div>
</header>
<!-- END OF HEADER -->
<br /><br /><br /><br /><br />
<!-- END OF SKILL -->
<!-- OTHER AGENTS -->
<section class="other-agents">
<h1><span>//</span> AGENTS</h1>
<div class="agents-container">
<a href="astra.html" class="agent" id="1"><img src="./img/agents/1;1/V_AGENTS_587x900_Astra.png" alt="" /></a>
<a href="breach.html" class="agent" id="2"><img src="./img/agents/1;1/V_AGENTS_587x900_Breach.png" alt="" /></a>
<a href="brim.html" class="agent" id="3"><img src="./img/agents/1;1/V_AGENTS_587x900_Brimstone.png" alt="" /></a>
<a href="cypher.html" class="agent" id="4"><img src="./img/agents/1;1/V_AGENTS_587x900_Cypher.png" alt="" /></a>
<a href="jett.html" class="agent" id="5"><img src="./img/agents/1;1/V_AGENTS_587x900_Jett.png" alt="" /></a>
<a href="KAYO.html" class="agent" id="6"><img src="./img/agents/1;1/KAYO_KeyArt_587x900.png" alt="" /></a>
<a href="killjoy.html" class="agent" id="7"><img src="./img/agents/1;1/V_AGENTS_587x900_KillJoy_.png" alt="" /></a>
<a href="omen.html" class="agent" id="8"><img src="./img/agents/1;1/V_AGENTS_587x900_Omen.png" alt="" /></a>
<a href="phoenix.html" class="agent" id="9"><img src="./img/agents/1;1/V_AGENTS_587x900_Phx.png" alt="" /></a>
<a href="raze.html" class="agent" id="10"><img src="./img/agents/1;1/V_AGENTS_587x900_ALL_Raze_2.png" alt="" /></a>
<a href="reyna.html" class="agent" id="11"><img src="./img/agents/1;1/V_AGENTS_587x900_Reyna.png" alt="" /></a>
<a href="sage.html" class="agent" id="12"><img src="./img/agents/1;1/V_AGENTS_587x900_sage.png" alt="" /></a>
<a href="skye.html" class="agent" id="13"><img src="./img/agents/1;1/V_AGENTS_587x900_ALL_Skye.png" alt="" /></a>
<a href="sova.html" class="agent" id="14"><img src="./img/agents/1;1/sova.png" alt="" /></a>
<a href="viper.html" class="agent" id="15"><img src="./img/agents/1;1/V_AGENTS_587x900_Viper.png" alt="" /></a>
<a href="yoru.html" class="agent" id="16"><img src="./img/agents/1;1/V_AGENTS_587x900_yoru.png" alt="" /></a>
</div>
</section>
<!-- END OF OTHER AGENTS -->
<!-- PLAY NOW -->
<section class="play-now" id="play-now">
<button>PLAY NOW</button>
</section>
<br /><br /><br /><br /><br />
<!-- END OF PLAY NOW -->
<!-- FOOTER -->
<footer>
<img src="https://cdn2.steamgriddb.com/file/sgdb-cdn/logo/4bcd537b6c034e297f0030cf08887426.png" alt="" />
<p><i class="fas fa-copyright"></i> 2021 Made with passion by erinoviandev</p>
<p class="p2">All images, videos, and contents are property of riot games</p>
<div class="social-media-container">
<a href="https://github.com/egaputra69" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://app.netlify.com/teams/egaputra69/overview" target="_blank"><img src="https://cdn.freebiesupply.com/logos/thumbs/1x/netlify-logo.png" alt=""></a>
<a href="https://www.instagram.com/egaerinovian/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</footer>
<!-- END OF FOOTER -->
<!-- Scroll Reveal -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- My JS -->
<script src="index.mjs"></script>
<script>
function skillBtn(n) {
skillRadio[n].checked = true;
if (skillRadio[n].checked == true) {
addBtn0(n);
abilitiesTextHead.innerHTML = abilities[0][n]["skill"];
abilitiesTextBody.innerHTML = abilities[0][n]["desc"];
abilitiesSrc.classList.add("show");
abilitiesSrc.src = abilities[0][n]["video"];
}
}
</script>
</body>
</html>