forked from GreaterThan000/ControlsToRemember
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (89 loc) · 4.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ControlBuddy</title>
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/header.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lilita+One&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="header-container">
<h1>ControlBuddy</h1>
<div class="header-right-box">
<div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pages/game_index.html">Games</a></li>
<li><a href="pages/feedback.html">Feedback</a></li>
<li><a href="https://discord.gg/ck66vhpBcg">Community</a></li>
</ul>
</nav>
<div class="autocomplete">
<input class="search" type="text" id="search-game-top" placeholder="Search games..." />
</div>
</div>
</div>
</div>
</header>
<main>
<div id="main_content" class="main-container">
<section class="hero">
<div class="container">
<h2>Master Your Gaming Controls</h2>
<p>Become a pro by learning and mastering the controls for your favorite games.</p>
<a href="pages/game_index.html" class="cta-button">Start Exploring</a>
</div>
</section>
<section class="featured-games">
<div class="container">
<h3>Newly Added</h3>
<div>
<a class="game-index-anchor" href="../index.html?game=minecraft">
<div class="game-index-item"><img class="game-title"
src="images/games/minecraft/minecraft_logo.png" alt="Minecraft Logo">
<p>Minecraft is a popular sandbox game known for its open-world
creativity and
survival
aspects. </p>
</div>
</a>
</div>
<div>
<a class="game-index-anchor" href="../index.html?game=fortnite">
<div class="game-index-item"><img class="game-title"
src="/images/games/fortnite/logo.png" alt="Fortnite Logo">
<p> Fortnite is an online multiplayer video game developed by Epic Games, released in 2017.
It features multiple game modes, but it is best known for its Battle Royale mode, where up to 100 players compete to
be the last person or team standing. </p>
</div>
</a>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section class="cta">
<div class="container">
<h3>Find the Best Control Schemes for Any Game</h3>
<p>Search through our growing collection of gaming control schemes, tips, and tricks.</p>
<div class="autocomplete">
<input class="search" type="text" id="search-game-bottom" placeholder="Search games..." />
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="container">
<p>© 2024 Spideys. All rights reserved.</p>
</div>
</footer>
<script src="scripts/content_manager.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>