Add files via upload

bertustenhoor · Nov 25, 2020 · cac041b · cac041b
commit cac041b
Show file tree

Hide file tree

Showing 3 changed files with 90 additions and 0 deletions.
diff --git a/img/koppie.jpg b/img/koppie.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<html>
+<head>
+	<title>Growing 50</title>
+	<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+	<nav>
+		<ul class="nav-master sticky">
+			<li>home</li>
+			<li>website</li>
+			<li>fitness</li>
+			<li>honkbal</li>
+			<li class="lefty">contact</li>
+		</ul>
+	</nav>
+	<header>
+		<div class="pic-container">
+		<img src="img/koppie.jpg">
+	</div>
+	</header>
+	<H1>Het laatste jaar als veertiger..</H1>
+	<p>Daar gaan we dan, het laatste jaar als veertiger, nog precies een jaar te gaan naar de onvermijdelijke 'tweede helft', waar we in omgekeerde volgorde van volwassen mens terug gaan naar het kind-zijn.</p>
+	<p>Nu heb ik dus nog een jaar te gaan. Op 17 november 2021 wordt ik vijftig! Nou vind ik ouder worden normaal gepsroken geen probleem, aangezien er toch niets aan te doen is, maar tijdens de laatste verjaar-nacht kon ik de slaap toch maar lastig vatten.. Als je dan begint te malen ben je verloren: 'Wat heb ik bereikt? Hoe nu verder? Hoe laten we alles achter? Komt het goed met de kinderen?</p>
+	<p>Dat moet je dus nooit doen..</p>
+	<p>En nu vraagt u zich af: "Goed, bedankt voor de info. Maar wat moeten wij hiermee?"<br>
+		Niets. Deze pagina heb ik voor mezelf gemaakt. Geen pagina op Facebook of Insta, maar puur een website van mezelf, over mezelf. En wie het lezen en volgen wil is van harte welkom!
+	</p>
+	<p>Dan kom ik automatisch op de vraag: "En nu?"<br>
+		Er zijn een aantal dingen in het leven die ik wil bereiken of minder zwaar gezegd: ik wil in het komende jaar de volgende uitdaingen met mezelf aan gaan:
+		<ul>
+			<li>Deze webiste moet er top uit gaan zien</li>
+			<li>Lichamelijk wil ik topfit zijn</li>
+			<li>Ik wil rechtshandig honkbal spelen</li>
+		</ul><br>
+	Zoals gezegd: wat moet u er mee? Niets. Maar vind u het leuk om dit verhaal te volgen: BE MY GUEST!</p>
+	<p>En waarom dit project? En waarom pas begonnen op je negen-en-veertigste? Puur omdat ik het leuk vind. En omdat ik aan mezelf wil bewijzen dat ik wel opgedane kennis kan toepassen. Dat ik wel projecten tot een goed einde kan brengen. Dat ik mezelf kan aanpassen en mezelf kan trainen. ook nu nog..</p>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,50 @@
+body { 
+	/*width: 100%;*/
+	margin: 0;
+	font-family: 'Roboto', sans-serif;
+}
+
+.nav-master {
+	background-color: #888333;
+	display: flex;
+	color: white;
+	list-style: none;
+	margin: 0;
+	width: 100%;
+}
+
+ul {
+	padding: 0;
+}
+
+.sticky {
+	position: fixed;
+	top: 0;
+	width: 100%;
+}
+
+.nav-master > li {
+
+	padding: 20px 10px;
+}
+
+.lefty {
+	margin-left: auto;
+}
+
+header {
+	display: flex;
+	/*flex-direction: column;*/
+	background-color: white;
+	height: 50vh;
+	align-items: center;
+	justify-content: center;
+}
+
+.pic-container {
+	width: 40%;
+}
+
+img {
+	width: 100%;
+}