Skip to content

Instantly share code, notes, and snippets.

@runemadsen

runemadsen/simon.html

Last active November 5, 2016 18:21
Show Gist options
  • Save runemadsen/2e4b201e4af0d76f36533a22905d2708 to your computer and use it in GitHub Desktop.
Save runemadsen/2e4b201e4af0d76f36533a22905d2708 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
simon.html
<html>
<head>
<title> Simon Jensen - Introductory site </title>
<style>
h1 {
position: fixed;
height: 150px;
width: 98%;
margin: 0px;
padding: 4px;
color: white;
text-shadow:1px 1px 1px rgba(0,0,0,1);
font-weight:normal;
text-transform:uppercase;
color:#FFFFFF;
background-color:#312A63;
letter-spacing:4pt;
word-spacing:3pt;
font-size:2.4em;
text-align:center;
font-family:tahoma, verdana, arial, sans-serif;
line-height:4;
}
.parallax {
/* The image used */
background-image: url("Bispebjerg.jpg");
backgroun
margin-left: 50px;
margin-right: 50px;
/* Set a specific height */
min-height: 800px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;
background-size: 75%;
}
.parallax-1 {
/* The image used */
background-image: url("Torben.jpg");
margin-left: 50px;
margin-right: 50px;
/* Set a specific height */
min-height: 800px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-position: bottom;
background-repeat: no-repeat;
background-size: 65%;
}
.parallax-2 {
/* The image used */
background-image: url("Shiffman.jpg"), url("muy.jpg");
margin-left: 50px;
margin-right: 50px;
/* Set a specific height */
min-height: 600px;
/* Create the parallax scrolling effect */
background-attachment: scroll;
background-position: 225px, 775px;
background-repeat: no-repeat;
background-size: 35%,30.7%;
section.modula.parallax h1 {
color: rgba(255, 255, 255, 0.8);
font-size: 48px;
line-height: 600px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<h1>
Introductory portfolio - application
</h1>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="parallax"></div>
<div style="height:1500px;background-color: #fcfcf2;font-size:20px">
Placer turn.js udgave af speciale opgave i dette felt
</div>
<div class="parallax-1"></div>
<div style="height:1500px;background-color:white;font-size:20px">
Det her er mr. Ulrich
</div>
<div class="parallax-2"></div>
<div style="height:1500px;background-color:white;font-size:20px">
Coding and Physiology
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment