90 lines
4.5 KiB
HTML
90 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<!-- TODO: Description-->
|
|
<meta name="description" content="">
|
|
<meta name="author" content="Zak Timson">
|
|
|
|
<title>LEGIO · XXX</title>
|
|
|
|
<link href="img/spqr.png" rel="icon" type="image/png">
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
<link href="css/index.css" rel="stylesheet">
|
|
<link href="https://use.fontawesome.com/releases/v6.1.1/css/all.css" rel="stylesheet">
|
|
<script src="js/bootstrap.js"></script>
|
|
</head>
|
|
<body data-bs-spy="scroll" data-bs-target="#navbar">
|
|
<nav id="navbar" class="navbar fixed-top navbar-expand-lg navbar-dark bg-black px-3 border-bottom border-white">
|
|
<a class="navbar-brand" href="#">
|
|
<img src="img/spqr.png" alt="SPQR" height="45" width="45">
|
|
LEGIO · XXX
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<div class="me-auto"></div>
|
|
<ul class="navbar-nav mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#about">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#gallery">Gallery</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#contact">Contact</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a id="learnNavbar" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Learn</a>
|
|
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="learnNavbar">
|
|
<li><a class="dropdown-item" href="#">Legio XXX</a></li>
|
|
<li><a class="dropdown-item" href="#">Legion Structure</a></li>
|
|
<li><a class="dropdown-item" href="#">Legionary Camp</a></li>
|
|
<li><a class="dropdown-item" href="#">Legionary HQ</a></li>
|
|
<li><a class="dropdown-item" href="#">Equipment</a></li>
|
|
<li><a class="dropdown-item" href="#">Basic Training</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Resources</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a id="eventsNavbar" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Events</a>
|
|
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="eventsNavbar">
|
|
<li><a class="dropdown-item" href="#">Calendar</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Castra Aestiva</a></li>
|
|
<li><a class="dropdown-item" href="#">Castra Hiberna</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Rules</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<header>
|
|
<div class="w-100 h-100 d-flex flex-column align-items-center justify-content-center">
|
|
<img src="img/spqr.png" class="mb-0" alt="capricorn" height="250" width="250">
|
|
<div>
|
|
<a href="#about" class="text-white">
|
|
<i class="fa fa-angle-double-down fa-4x"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section id="about" class="bg-black content-section text-center text-white py-5" style="height: 100vh">
|
|
<div class="my-5 py-5">
|
|
<h2>About</h2>
|
|
</div>
|
|
</section>
|
|
<section id="gallery" class="bg-dark content-section text-center text-white py-5" style="height: 100vh">
|
|
<h2>Gallery</h2>
|
|
</section>
|
|
<section id="contact" class="bg-black content-section text-center text-white py-5" style="height: 100vh">
|
|
<h2>Contcat</h2>
|
|
</section>
|
|
</body>
|
|
</htmL>
|