Stone_Red/Stone-Red-Code.github.io
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/Stone-Red-Code.github.io.git synced 2026-09-04 23:42:25 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
6e47f8d08f2668f64e981dd10bfe8d47a9a8c023
Stone-Red-Code.github.io/index.html
T
Stone-Red-Code 6e47f8d08f Test1
2021-01-03 16:20:36 +01:00

168 lines
7.9 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Really good Website</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>Really good Website</h1>
</div>
<nav class="navbar navbar-expand-sm navbar-light sticky-top orange">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Dropdown link
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
<a class="dropdown-item" href="#">Link 3</a>
</div>
</li>
</ul>
</div>
</nav>
<br>
<br>
<div class="container main">
<div class="row">
<div id="carouselExampleControls" class="carousel slide col-sm-4" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://picsum.photos/500?random=1" class="d-block w-100" height="100%"
width="100%" alt="random image">
</div>
<div class="carousel-item">
<img src="https://picsum.photos/500?random=2" class="d-block w-100" height="100%"
width="100%" alt="random image">
</div>
<div class="carousel-item">
<img src="https://picsum.photos/500??random=3" class="d-block w-100" height="100%"
width="100%" alt="random image">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="col-sm-8">
<div class="jumbotron">
<h2>Sources:</h2>
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li><a href="https://picsum.photos">https://picsum.photos</a></li>
<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 justify-content-center orange">
<div class="col">
<div>Get in contact:</div>
</div>
<div class="col d-flex justify-content-end">
<div>
<a href="#"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/facebook.png" /></a>
<a href="#"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/instagram-new.png" /></a>
<a href="#"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/linkedin.png" /></a>
<a href="#"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/telegram-app.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: This Website</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>
Reference in New Issue View Git Blame Copy Permalink