diff options
| -rw-r--r-- | src/about.html | 6 | ||||
| -rw-r--r-- | src/contact.html | 116 | ||||
| -rw-r--r-- | src/index.html | 10 |
3 files changed, 128 insertions, 4 deletions
diff --git a/src/about.html b/src/about.html index 09ee9ec..37ae4c9 100644 --- a/src/about.html +++ b/src/about.html @@ -29,17 +29,21 @@ </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> + <li class="nav-item"> <a class="nav-link" href="index.html">Home</a> </li> + <li class="nav-item active"> <a class="nav-link" href="#">About <span class="sr-only">(current)</span> </a> </li> + <li class="nav-item"> - <a class="nav-link" href="#">Contact</a> + <a class="nav-link" href="contact.html">Contact</a> </li> + </ul> </div> </div> diff --git a/src/contact.html b/src/contact.html new file mode 100644 index 0000000..540a44f --- /dev/null +++ b/src/contact.html @@ -0,0 +1,116 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="description" content=""> + <meta name="author" content=""> + + <title>Galaxy Simulator</title> + + <!-- Bootstrap core CSS --> + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="css/small-business.css" rel="stylesheet"> + +</head> + +<body> + +<!-- Navigation --> +<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> + <div class="container"> + <a class="navbar-brand" href="#">Galaxy Simulator</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + + <li class="nav-item"> + <a class="nav-link" href="index.html">Home</a> + </li> + + <li class="nav-item"> + <a class="nav-link" href="about.html">About</a> + </li> + + <li class="nav-item active"> + <a class="nav-link" href="#">Contact + <span class="sr-only">(current)</span> + </a> + </li> + </ul> + </div> + </div> +</nav> + +<!-- Page Content --> +<div class="container"> + + <!-- Page Heading/Breadcrumbs --> + <h1 class="mt-4 mb-3">Contact</h1> + + <ol class="breadcrumb"> + <li class="breadcrumb-item"> + <a href="index.html">Home</a> + </li> + <li class="breadcrumb-item active">Contact</li> + </ol> + + + <!-- content row --> + <div class="row"> + + <div class="col-md-4 mb-4"> + <div class="card h-100"> + <div class="card-body"> + <h2 class="card-title">Telegram</h2> + <p class="card-text">This is the best way of asking questions: quick, fast and reliable!</p> + </div> + <div class="card-footer"> + <a href="http://t.me/hanemile" class="btn btn-primary">Write a telegram</a> + </div> + </div> + </div> + + <div class="col-md-4 mb-4"> + <div class="card h-100"> + <div class="card-body"> + <h2 class="card-title">Git</h2> + <p class="card-text">Found a bug, error or some other problem and want to inform me? Create a new issue!</p> + </div> + <div class="card-footer"> + <a href="https://git.darknebu.la/GalaxySimulator/GalaxySimulator-docker-compose/issues/new" class="btn btn-primary">Create a new issue</a> + </div> + </div> + </div> + + </div> + <!-- /.row --> + +</div> +<!-- /.container --> + +<!-- Footer --> +<footer class="page-footer font-small blue"> + + <!-- Copyright --> + <div class="footer-copyright text-center py-3">Est. 2018: + <a href="https://mdbootstrap.com/education/bootstrap/">emile.space</a> + </div> + <!-- Copyright --> + +</footer> +<!-- Footer --> + +<!-- Bootstrap core JavaScript --> +<script src="vendor/jquery/jquery.min.js"></script> +<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + +</body> + +</html> diff --git a/src/index.html b/src/index.html index 312144d..e3631e4 100644 --- a/src/index.html +++ b/src/index.html @@ -29,17 +29,21 @@ </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-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="about.html">About</a> </li> + <li class="nav-item"> - <a class="nav-link" href="#">Contact</a> + <a class="nav-link" href="contact.html">Contact</a> </li> + </ul> </div> </div> @@ -63,12 +67,12 @@ </div> <!-- /.row --> - <!-- Call to Action Well --> + <!-- Call to Action Well <div class="card text-white bg-secondary my-4 text-center"> <div class="card-body"> <p class="text-white m-0">This is (currently) a private project with limited resources, but if you are interested in diving deeper into the subject, feel free to contact me using one of the methods listed on the contact page!</p> </div> - </div> + </div> --> <!-- content row --> <div class="row"> |
