mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 19:49:19 +02:00
Update index.html
This commit is contained in:
parent
9ea55cbfa0
commit
c3f7a6b9e7
1 changed files with 52 additions and 2 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue