63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>17th Rangers Community</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
|
|
<body>
|
|
<header class="header">
|
|
<nav class="navbar">
|
|
<img class="mainLogo" src="logo.png">
|
|
<h1 class="title">Welcome to the 17th Rangers Community!</h1>
|
|
|
|
<ul class="nav-links">
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Events</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Contact Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<section class="hero">
|
|
<h2 class="hero-title">Join the 17th Rangers community</h2>
|
|
<p class="hero-subtitle">We are a group of passionate gamers who love to play games together and build a
|
|
community. Join us and be part of something great!</p>
|
|
<button class="hero-btn">Join now</button>
|
|
</section>
|
|
<section class="about">
|
|
<h2>About us</h2>
|
|
<p>We are a community of gamers who share a passion for gaming and creating an inclusive environment. Our
|
|
mission is to build a community where everyone feels welcome and can enjoy playing games together.</p>
|
|
<ul>
|
|
<li>We organize weekly game nights</li>
|
|
<li>We host tournaments and events</li>
|
|
<li>We have an active forum where members can share their thoughts and ideas</li>
|
|
</ul>
|
|
</section>
|
|
<section class="events">
|
|
<h2>Upcoming events</h2>
|
|
<p>Stay up to date with our upcoming events and join us for some fun and games.</p>
|
|
<ul>
|
|
<li>March 26: Call of Duty tournament</li>
|
|
<li>April 2: Among Us game night</li>
|
|
<li>April 9: Valorant team scrimmage</li>
|
|
</ul>
|
|
</section>
|
|
<section class="blog">
|
|
<h2>Latest blog posts</h2>
|
|
<ul>
|
|
<li><a href="#">How to improve your gaming skills</a></li>
|
|
<li><a href="#">Top 10 games to play with friends</a></li>
|
|
<li><a href="#">Why community is important in gaming</a></li>
|
|
</ul>
|
|
</section>
|
|
<footer class="footer">
|
|
<p>© 2023 17th Rangers</p>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |