Update index.html

This commit is contained in:
Jonas_Jones 2021-11-19 21:34:00 +01:00 committed by GitHub
parent 9ea55cbfa0
commit c3f7a6b9e7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,4 +1,53 @@
<div class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar"> <!DOCTYPE html>
<html>
<title>License - Jonas_Jones</title>
<link rel="icon" href="https://j-onasjones.github.io/src/logo_icon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://j-onasjones.github.io/css/main.css">
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-lato.css">
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-montserat.css">
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-roboto.css">
<link rel="stylesheet" href="https://j-onasjones.github.io/css/custom.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
height: 100%;
color: #777;
line-height: 1.8;
}
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
background-image: url('https://j-onasjones.github.io/src/fnk5elzskdiy.png');
min-height: 400px;
}
/* Second image (projects) */
.bgimg-2 {
background-image: url("https://j-onasjones.github.io/src/mup4yhdqjgm31.png");
min-height: 400px;
}
/* Third image (Contact) */
.bgimg-3 {
background-image: url("https://j-onasjones.github.io/src/make-screenshots-of-your-minecraft-builds-with-shaders.png");
min-height: 400px;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
</style>
<nav class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar">
<div class="w3-container w3-display-container w3-padding-16"> <div class="w3-container w3-display-container w3-padding-16">
<img src="https://j-onasjones.github.io/src/logo_icon.png"> <img src="https://j-onasjones.github.io/src/logo_icon.png">
</div> </div>
@ -45,4 +94,5 @@
<a href="#contact" class="w3-bar-item w3-button w3-padding">Contact</a> <a href="#contact" class="w3-bar-item w3-button w3-padding">Contact</a>
<a href="https://github.com/J-onasJones/J-onasJones.github.io/blob/main/LICENSE" class="w3-bar-item w3-button w3-padding">License</a> <a href="https://github.com/J-onasJones/J-onasJones.github.io/blob/main/LICENSE" class="w3-bar-item w3-button w3-padding">License</a>
<div id="navbottom"></div> <div id="navbottom"></div>
</div> </nav>
</html>