init
This commit is contained in:
		
							
								
								
									
										89
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										89
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,89 @@
 | 
			
		||||
<!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>
 | 
			
		||||
		Reference in New Issue
	
	Block a user