Skip to content

Commit

Permalink
update: add footer and contribute section
Browse files Browse the repository at this point in the history
  • Loading branch information
@sturdy-robot
sturdy-robot committed Nov 3, 2023
1 parent 65e3a0e commit 428ed55
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 81 deletions.
1 change: 1 addition & 0 deletions assets/github-mark.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
249 changes: 168 additions & 81 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,103 +2,190 @@
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>eSports Manager</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet"
type="text/css" />
<link href="css/styles.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.min.css"
integrity="sha512-/VYneElp5u4puMaIp/4ibGxlTd2MV3kuUIroR3NSQjS2h9XKQNebRQiyyoQKeiGE9mRdjSCIZf9pb7AVJ8DhCg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>eSports Manager</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet"
type="text/css" />
<link href="css/styles.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.min.css"
integrity="sha512-/VYneElp5u4puMaIp/4ibGxlTd2MV3kuUIroR3NSQjS2h9XKQNebRQiyyoQKeiGE9mRdjSCIZf9pb7AVJ8DhCg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
</head>

<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>

<nav class="navbar navbar-expand-lg bg-primary text-uppercase fixed-top text-white" id="mainNav">
<div class="container">
<a class="navbar-brand text-white" href="#page-top"><img src="assets/esportsmanagertrophy.svg"
height="45em" /></a>
<button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button"
data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="#"><i class="ri-home-2-line px-2"></i>Home</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="https://github.com/sturdy-robot/esports-manager" target="_blank"><i class="ri-github-fill px-2"></i>GitHub</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="#"><i class="ri-newspaper-line px-2"></i>News</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="#"><i class="ri-chat-4-line px-2"></i>Blog</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="#"><i class="ri-question-line px-2"></i>FAQ</a></li>
</ul>
</div>
<nav class="navbar navbar-expand-lg bg-info text-uppercase fixed-top text-white" id="mainNav">
<div class="container">
<a class="navbar-brand text-white" href="#page-top"><img src="assets/esportsmanagertrophy.svg"
height="45em" /></a>
<button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button"
data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded" href="#"><i
class="ri-home-2-line px-2"></i>Home</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded"
href="https://github.com/sturdy-robot/esports-manager" target="_blank"><i
class="ri-github-line px-2"></i>GitHub</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded" href="#"><i
class="ri-newspaper-line px-2"></i>News</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link text-white py-3 px-0 px-lg-3 rounded" href="#"><i
class="ri-question-line px-2"></i>FAQ</a></li>
</ul>
</div>
</div>
</nav>

<div class="px-4 py-5 my-5 text-center bg-primary text-white"
style="background-image:url(assets/pexels-lucie-liz-3165335.jpg); background-size:cover;background-repeat:no-repeat; background-position: center;">
<img class="d-block mx-auto mb-4" src="assets/esportsmanager.svg" alt="">
<h1 class="display-2 py-4 fw-bold text-uppercase">A new challenge awaits</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4 py-4">Choose your eSports team and guide them to glory!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="#featured" class="btn btn-info rounded-pill btn-lg px-4 gap-3">Learn more</a>
<a href="https://github.com/sturdy-robot/esports-manager/blob/develop/CONTRIBUTING.md" target="_blank"
class="btn btn-outline-light rounded-pill btn-lg px-4">Contribute</a>
</div>
</div>
</div>

<div class="container px-4 py-2" id="featured">
<h2 class="pb-2 border-bottom border-info text-uppercase text-info">Features</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="feature col">
<div class="card shadow border-info mb-5 bg-light rounded" style="height: 18rem">
<h3 class="py-4 px-4 card-title text-info">Free and open source</h3>
<p class="py-4 px-4 card-text">Paragraph of text beneath the heading to explain the heading. We'll add onto it
with another
sentence
and probably just keep going until we run out of words.</p>
</div>
</nav>
</div>
</div>
</div>

<div class="px-4 py-5 my-5 text-center bg-primary text-white" style="background-image:url(assets/pexels-lucie-liz-3165335.jpg); background-size:cover;background-repeat:no-repeat; background-position: center;">
<img class="d-block mx-auto mb-4" src="assets/esportsmanager.svg" alt="">
<h1 class="display-4 py-4 fw-bold text-uppercase">A new challenge awaits</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4 py-4">Choose your eSports team and guide them to glory!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="#featured" class="btn btn-info rounded-pill btn-lg px-4 gap-3">Learn more</a>
<a href="https://github.com/sturdy-robot/esports-manager/blob/develop/CONTRIBUTING.md" target="_blank" class="btn btn-outline-light rounded-pill btn-lg px-4">Contribute</a>
</div>
<div class="container px-4 py-2" id="news">
<h2 class="pb-2 border-bottom border-info text-uppercase text-info">News</h2>
<div class="col g-4 py-4 px-4 row-cols-1 row-cols-lg-1">
<div class="feature row py-4">
<div class="card border-info bg-light" style="max-height: 15em;">
<h3 class="py-3 px-2 card-title text-info">What is eSports Manager?</h3>
<div class="card-body">
<p class="card-text"><strong>eSports Manager</strong> is a free and open source eSports management game
written entirely in Python and distributed under the GPLv3. It aims to become a fully featured management
game, where you can manage an eSports team, play championships, hire new players, find new talents, and
get recognition for your achievements...</p>
<a href="#" class="btn btn-info mb-5 rounded-pill text-uppercase px-5">Read more</a>
</div>
</div>
</div>
</div>
</div>

<div class="container px-4 py-2" id="featured">
<h2 class="pb-2 border-bottom border-info text-uppercase text-info">Features</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="feature col">
<div class="card shadow border-info mb-5 bg-light rounded" style="height: 18rem">
<h3 class="py-4 px-4 card-title text-info">Free and open source</h3>
<p class="py-4 px-4 card-text">Paragraph of text beneath the heading to explain the heading. We'll add onto it with another
sentence
and probably just keep going until we run out of words.</p>
</div>
<div class="container px-4 py-2" id="contribute">
<h2 class="pb-2 border-bottom border-info fw-bold text-uppercase text-info">Contribute</h2>
<div class="row g-4 py-4 row-cols-1 row-cols-lg-3 px-3">
<div class="feature col">
<div class="card shadow border-info mb-5 bg-light rounded" style="max-height: 25rem;">
<div class="text-center">
<img src="assets/github-mark.svg" class="py-2 px-2">
</div>
<div class="card-body">
<h3 class="px-4 card-title text-info fw-bold">Contribute to the code</h3>
<p class="py-4 px-4 card-text">We accept user contributions on GitHub! If you know Python, or if
you want to contribute with other assets,
you are more than welcome to help us!
</p>
<div class="text-center px-2 py-2">
<a href="https://github.com/openfootmanager/openfootmanager/blob/develop/CONTRIBUTING.md"
class="btn btn-info rounded-pill">I want to help!</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="container px-4 py-2" id="news">
<h2 class="pb-2 border-bottom border-info text-uppercase text-info">News</h2>
<div class="col g-4 py-4 px-4 row-cols-1 row-cols-lg-1">
<div class="feature row py-4">
<div class="card border-info bg-light" style="max-height: 15em;">
<h3 class="py-3 px-2 card-title text-info">What is eSports Manager?</h3>
<div class="card-body">
<p class="card-text"><strong>eSports Manager</strong> is a free and open source eSports management game written entirely in Python and distributed under the GPLv3. It aims to become a fully featured management game, where you can manage an eSports team, play championships, hire new players, find new talents, and get recognition for your achievements...</p>
<a href="#" class="btn btn-info mb-5 rounded-pill text-uppercase px-5">Read more</a>
</div>
</div>
</div>

<div class="feature row py-4">
<div class="card border-info bg-light" style="max-height: 15em;">
<h3 class="py-3 px-2 card-title text-info">What is eSports Manager?</h3>
<div class="card-body">
<p class="card-text"><strong>eSports Manager</strong> is a free and open source eSports management game written entirely in Python and distributed under the GPLv3. It aims to become a fully featured management game, where you can manage an eSports team, play championships, hire new players, find new talents, and get recognition for your achievements...</p>
<a href="#" class="btn btn-info mb-5 rounded-pill text-uppercase px-5">Read more</a>
</div>
</div>
</div>
<div class="bg-info">
<div class="container text-white">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
</ul>
</div>

<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
</ul>
</div>

<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
</ul>
</div>

<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
</div>

<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>&copy; 2023 eSports Manager</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#twitter" />
</svg></a></li>
<li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#instagram" />
</svg></a></li>
<li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#facebook" />
</svg></a></li>
</ul>
</div>
</footer>
</div>
</div>

</body>

Expand Down

0 comments on commit 428ed55

Please sign in to comment.