95 lines
4.6 KiB
HTML
95 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Marcus Allison Web Server</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" /> <!-- https://fonts.google.com/ -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" /> <!-- https://getbootstrap.com/ -->
|
|
<link href="fontawesome/css/all.min.css" rel="stylesheet" /> <!-- https://fontawesome.com/ -->
|
|
<link href="css/templatemo-diagoona.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="tm-container">
|
|
<div>
|
|
<div class="tm-row pt-4">
|
|
<div class="tm-col-left">
|
|
<div class="tm-site-header media">
|
|
<i class=""></i>
|
|
<div class="media-body">
|
|
<h1 class="tm-sitename text-uppercase">Marcus Allison Web Server</h1>
|
|
<p class="tm-slogon">Hosted By Marcus Allison</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tm-col-right">
|
|
<nav class="navbar navbar-expand-lg" id="tm-main-nav">
|
|
<button class="navbar-toggler toggler-example mr-0 ml-auto" type="button"
|
|
data-toggle="collapse" data-target="#navbar-nav"
|
|
aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span><i class="fas fa-bars"></i></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse tm-nav" id="navbar-nav">
|
|
<ul class="navbar-nav text-uppercase">
|
|
<li class="nav-item active">
|
|
<a class="nav-link tm-nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link tm-nav-link" href="about.html">Skills</a>
|
|
</li>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link tm-nav-link" href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tm-row">
|
|
<div class="tm-col-left"></div>
|
|
<main class="tm-col-right">
|
|
<section class="tm-content">
|
|
<h2 class="mb-5 tm-content-title">Marcus Allison Web Server</h2>
|
|
<p class="mb-5">This webserver is hosted by me on my server a long with many other services, this website is to improve my experince and to show off what I can currently do</p>
|
|
<hr class="mb-5">
|
|
<p class="mb-5">This website will contain discriptions of what I can do and as you can already see images</p>
|
|
<a href="about.html" class="btn btn-primary">Continue...</a>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tm-row">
|
|
<div class="tm-col-left text-center">
|
|
<ul class="tm-bg-controls-wrapper">
|
|
<li class="tm-bg-control active" data-id="0"></li>
|
|
<li class="tm-bg-control" data-id="1"></li>
|
|
<li class="tm-bg-control" data-id="2"></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tm-col-right tm-col-footer">
|
|
<footer class="tm-site-footer text-right">
|
|
<p class="mb-0"> mrmarcus00700909@gmail.com
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Diagonal background design -->
|
|
<div class="tm-bg">
|
|
<div class="tm-bg-left"></div>
|
|
<div class="tm-bg-right"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/jquery-3.4.1.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.backstretch.min.js"></script>
|
|
<script src="js/templatemo-script.js"></script>
|
|
</body>
|
|
</html> |