Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="en">
<!-- Rest of the document goes here -->
<head>
<!-- Encoding in Unicode Transformation Format 8-bit -->
<meta charset="utf-8">
<!-- Tells device to keep original scale of website -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page title for search engines, bookmarking and social media. Needs closing tag! -->
<title>About Me</title>
/* * { border: 1px solid red; } */
* { box-sizing: border-box; }
.container {
margin: 0 auto;
width: 80%;
position: relative;
top: 75px;
}
.header h1 {
text-align: center;
.jumbotron {
background-image: url("../img/zaansche schans 2.jpg");
background-size: cover;
/* background-size: 100% 100% */
/* background-position: right top; */
}
.jumbotron h1, .jumbotron p {
color: white;
}
.container a {
.jumbotron {
background-image: url("../img/zaansche schans 2.jpg");
background-size: cover;
/* background-size: 100% 100% */
/* background-position: right top; */
}
.jumbotron h1, .jumbotron p {
color: white;
}
.container a {
/* * { border: 1px solid red; } */
* { box-sizing: border-box; }
.left {
float: left;
}
.right {
float: right;
}
nav {
position: fixed;
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page title -->
<title>Contact Sem</title>
<!-- Bootstrap core CSS -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page title -->
<title>FAQ</title>
<!-- Bootstrap core CSS -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hello World!</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
/* Jumbotron styling */
.jumbotron {
background-image: url("../img/zaansche schans 2.jpg");
background-size: cover;
}
.jumbotron h1, .jumbotron p {
color: white;
}
.container a {
margin: 0 5% 0 0;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hello World!</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">