HTML/CSS for whytheyfight.com base site.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

121 lines
5.2 KiB

<!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">
<title>Home | WTFxUS</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
<link rel="icon" href="images/blacklogo.png">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.whytheyfight.com"]);
_paq.push(["setDomains", ["*.whytheyfight.com"]]);
_paq.push(["setDoNotTrack", true]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.whytheyfight.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//stats.whytheyfight.com/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img height="40" src="images/white logo">
<a class="navbar-brand" href="#">WTFxUS</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.spotify.com/playlist/1Eu0OT5741DZAkePkyeFYQ?si=FJ5LvDEDTeK4h9rZ6kipZw" rel="noopener noreferrer" target="_blank">Music</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com" rel="noopener noreferrer" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Shop</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Apps
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<!-- <a class="dropdown-item" href="https://distro.whytheyfight.com">Distro</a> -->
<a class="dropdown-item" href="https://keys.whytheyfight.com">Bitwarden</a>
<a class="dropdown-item" href="https://git.whytheyfight.com">Git</a>
<!-- <div class="dropdown-divider"></div> -->
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Us
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="about.html">About Us</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
</div>
</li>
</ul>
</div>
<div class="nav-item" style="text-align: right">
<a class="nav-link" href="https://beta.whytheyfight.com" rel="noopener noreferrer" target="_blank">Login/Register</a>
</div>
</nav>
<section>
<div class="jumbotron text-center mt-2">
<div class="container">
<div class="row">
<div class="col-12">
<img height="300" src="images/blacklogo.png">
<h1>WTFxUS</h1>
<p>a DIY independent record label</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-12 text-center"> <br>
<h1>Welcome!</h1><br>
<p>We're still working on<br>putting this site together;<br>so it might be a minute<br>before we launch the shop.<br><br>In the meantime,<br> please click around and check out<br>our <a href="https://blog.whytheyfight.com">blog</a><br>for more updates!<br><br>Love each other!</p>Max<br><br>
<br><br><br>
</div>
</div>
</div>
</section>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
<p>Copyright © Why They Fight <br> All rights reserved</p> <br>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.5.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>