-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (115 loc) · 5.12 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
119
120
<!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.0">
<title>LaForant</title>
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="css/homepage.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="shortcut icon" href="images/laforant-logo-yellow.png" type="image/x-icon">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<!-- NAVIGATION BAR -->
<nav>
<a id="logo-navbar" href="index.html">
<div href id="logo-navbar-img"></div>
<div id="logo-navbar-text">LAFORANT</div>
</a>
<div id="menu">
<div class="dropdown">
<p onclick="toggleInfo()" class="menu-title" id="menu-title-info">GAME INFO<img class="dropdown-arrow"
src="images/Dropdown Arrow Icon.png" alt="">
</p>
<div class="dropdown-content" id="dropdown-info">
<a href="maps.html">MAPS</a>
<a href="agents.html">AGENTS</a>
</div>
</div>
<a href="specs.html">
<div class="menu-title">SPECS
</div>
</a>
<div class="dropdown">
<p onclick="toggleSocials()" class="menu-title" id="menu-title-socials">OUR SOCIALS<img
class="dropdown-arrow" src="images/Dropdown Arrow Icon.png" alt="">
</p>
<div class="dropdown-content" id="dropdown-socials">
<a target="_blank" href="https://twitter.com/home">TWITTER</a>
<a target="_blank" href="https://www.youtube.com/">YOUTUBE</a>
<a target="_blank" href="https://www.instagram.com/">INSTAGRAM</a>
<a target="_blank" href="https://discord.com/">DISCORD</a>
</div>
</div>
</div>
<button onclick="document.location='pre-register.html'" id="pre-reg-btn">PRE-REGISTER</button>
<div onclick="toggleDropdown()" id="menu-btn"></div>
</nav>
<!-- CONTENT -->
<!-- INTRODUCTION -->
<section id="first-section">
<div id="bg-img1"></div>
<div class="filter"></div>
<div class="content">
<h1>PLAY <span>LAFORANT</span></h1>
<p>A 5v5 character-based tactical shooter</p>
<button onclick="document.location='pre-register.html'" id="pre-reg-btn2">PRE-REGISTER</button>
</div>
</section>
<!-- AGENTS -->
<section id="second-section">
<div id="bg-img2"></div>
<div class="content">
<div class="left">
<img src="images/overlay-sec2.png" alt="" srcset="">
<div id="text-div-agents">
<h2>MEET OUR <span>AGENTS</span></h2>
<p>More than guns and bullets, you’ll choose an Agent armed with adaptive,
swift, and lethal abilities that create opportunities to let your gunplay
shine. No two Agents play alike, just as no two highlight reels will look the same.</p>
<button onclick="document.location='agents.html'" id="agents-btn">SEE ALL AGENTS</button>
</div>
</div>
<div class="right">
<img src="images/agent-homepage.png" alt="" srcset="">
</div>
</div>
</section>
<!-- MAPS -->
<section id="third-section">
<div id="bg-img3"></div>
<div class="content">
<div class="right">
<h2>YOUR <span>PLAYGROUND</span></h2>
<p>Each map is a playground to showcase your creative thinking. Purpose-built for team
strategies, spectacular plays, and clutch moments. Make the play others will imitate
for years to come.</p>
<div id="btn-container">
<button onclick="document.location='maps.html'" id="maps-btn">SEE ALL MAPS</button>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="top">
<img src="images/laforant-logo-yellow.png" alt="">
<div>LAFORANT</div>
</div>
<div class="bottom">
<div id="social-media">
<a target="_blank" href="https://twitter.com/home"><img src="images/twitter.png" alt=""></a>
<a target="_blank" href="https://www.youtube.com/"><img src="images/youtube.png" alt=""></a>
<a target="_blank" href="https://www.instagram.com/"><img src="images/instagram.png" alt=""></a>
<a target="_blank" href="https://discord.com/"><img src="images/discord.png" alt=""></a>
</div>
<div id="copyright">
© 2021 LAFORANT. All Right Reserved.
</div>
</div>
</footer>
</body>
</html>