mirror of
https://github.com/Stone-Red-Code/Stone-Red-Code.github.io.git
synced 2026-09-04 17:16:28 +02:00
123 lines
5.6 KiB
HTML
123 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Stone-Red-Code</title>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-fluid">
|
|
|
|
<div class="jumbotron-fluid header d-flex justify-content-center align-items-center">
|
|
<h1>Stone-Red-Code</h1>
|
|
</div>
|
|
|
|
<!--Navigation bar-->
|
|
<div id="nav-placeholder">
|
|
|
|
</div>
|
|
|
|
<script src="//code.jquery.com/jquery.min.js"></script>
|
|
<script>
|
|
$.get("nav.html", function (data) {
|
|
$("#nav-placeholder").replaceWith(data);
|
|
});
|
|
</script>
|
|
<!--end of Navigation bar-->
|
|
|
|
<div class="container main">
|
|
<div class="row">
|
|
<div class="col-sm-8 d-flex justify-content-start">
|
|
<a href="http://github.com/Stone-Red-Code"><img class="stats" src="https://github-readme-stats.vercel.app/api?username=Stone-Red-Code&show_icons=true&bg_color=40444B&theme=dark&hide_border=true&count_private=true"></a>
|
|
</div>
|
|
<div class="col d-flex justify-content-start">
|
|
<a href="http://github.com/Stone-Red-Code"><img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Stone-Red-Code&bg_color=40444B&theme=dark&hide_border=true)](https://github.com/anuraghazra/github-readme-stats"></a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="jumbotron">
|
|
<h2>Sources:</h2>
|
|
<ul style="list-style-type: none; padding: 0; margin: 0;">
|
|
<li><a href="https://icons8.de">https://icons8.de</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<footer class="page-footer font-small">
|
|
<div class="row">
|
|
<div class="container-fluid ml-3 mr-3 p-3 d-flex align-items-center orange">
|
|
<div class="col">
|
|
<div>Get in contact:</div>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<div>
|
|
<a href="http://github.com/Stone-Red-Code"><img src="https://img.icons8.com/ios-glyphs/30/000000/github.png"/></a>
|
|
<a href="http://discord.com/users/374173830819872789"><img src="https://img.icons8.com/ios-glyphs/30/000000/discord-logo.png"/></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center bg-dark p-3 m-0">
|
|
<div class="col col-sm-3">
|
|
<h3>Company Name</h3>
|
|
<p class="text-white-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. A quia nihil fugit
|
|
repellendus, aut officia libero. Magnam nobis, cumque sint ea laudantium sequi illum saepe harum
|
|
voluptas excepturi aspernatur eveniet?</p>
|
|
</div>
|
|
<div class="col col-sm-3">
|
|
<h3>Products</h3>
|
|
<div><a href="#">Product 1</a></div>
|
|
<div><a href="#">Product 2</a></div>
|
|
<div><a href="#">Product 3</a></div>
|
|
<div><a href="#">Product 4</a></div>
|
|
</div>
|
|
<div class="col col-sm-3">
|
|
<h3>Useful Links</h3>
|
|
<div><a href="#">Link 1</a></div>
|
|
<div><a href="#">Link 2</a></div>
|
|
<div><a href="#">Link 3</a></div>
|
|
<div><a href="#">Link 4</a></div>
|
|
</div>
|
|
<div class="col col-sm-3">
|
|
<h3>Contact</h3>
|
|
<div class="row contact">
|
|
<img src="https://img.icons8.com/metro/26/ffffff/home.png" width="19" height="19" />
|
|
<p>Some adress</p>
|
|
</div>
|
|
<div class="row contact">
|
|
<img src="https://img.icons8.com/metro/26/ffffff/new-post.png" width="19" height="19" />
|
|
<p>[email protected]</p>
|
|
</div>
|
|
<div class="row contact">
|
|
<img src="https://img.icons8.com/metro/26/ffffff/phone.png" width="19" height="19" />
|
|
<p>+01 234 567 89</p>
|
|
</div>
|
|
<div class="row contact">
|
|
<img src="https://img.icons8.com/metro/26/ffffff/print.png" width="19" height="19" />
|
|
<p>+01 234 567 89</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center align-items-center p-1 m-0 bg-secondary">©2020 Copyright: Heigl David</div>
|
|
</footer>
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
|
|
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |