<!DOCTYPE html>
<html lang=”sv”>
<head>
<meta charset=”UTF-8″>
<title>Philips Hemsida</title>
<link rel=”icon” type=”image/jpg” href=”images/homelesswizard.jpg”>
<link rel=”stylesheet” href=”style.css”>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap” rel=”stylesheet”>
<style>
header {
background-color: cornflowerblue;
}
body {
background-color: aliceblue;
}
</style>
</head>
<body>
<header>
<br>
<h1>Philips Hemsida</h1>
<h3>Philip skapade denna hemsida</h3>
<h3 id=”ombygge”>Ombygge av startsida planerat. det kommer att ske någon gång.</h3>
<a id=”main” href=”index.html” title=”Startsidan”>
Startsida
</a>
<a id=”wp” href=”https://wp.als070414ps.hemsida.eu/” title=”Till Min WordPress”>
WordPress
</a>
<a id=”mnt” href=”moment.html” title=”Till några olika moment”>
Moment
</a>
<a id=”pjkt” href=”projekt.html” title=”Till några olika projekt”>
Projekt
</a>
<br>
<br>
<hr>
</header>
<main>
<h2>Lite kort om mig</h2>
<div class=”flexbox”>
<img id=”wizard” class=”pict” src=”images/homelesswizard.jpg” alt=”en bild på en mysterisk grabb”>
<p>
Här är en bild på mig, Philip, som skapat sidan, där jag är utklädd i morgonrock, hatt och skägg gjort av en pappersbit, i hopp om att se ut som en trollkarl. <br>
Denna hemsida sitter ihop med silvertejp och häftstift, och jag får inte göra riktigt som jag vill heller så det är ju kul.<br>
Vad menar jag då med detta? Ett exempel är hur jag vill ha knappar nestlade i ”a” element. Det fungerar men enligt validatorn så har jag begått hatbrott mot minoriteter.
</p>
</div>
<br><br><br>
<div id=”videobox” class=”flexbox”>
<video id=”berry” class=”pict” controls>
<source src=”video/The-Berry-Effect.mp4″>
</video>
<p>
Här är en kort stop-motion film som jag och tre av mina kompisar gjorde i digitalt skapande<br>
Vi använde oss av en app på telefonen för att ta alla bilder med, själva figurerna i filmen är av lera och bakgrunden är bara några bitar papper vi tejpat ihop.<br>
Totalt blev filmen 3:05 minuter, vi tog ungefär 1800 bilder och filmen spelas upp i 12 bilder/sekund den blev lite längre då vi redigerade en del i efterhand. målet var en 1 minut lång film.
</p>
</div>
<br>
</main>
<footer style=”background-color: cornflowerblue; display: flow-root;”>
<p>author: Me</p>
<p>© copyright maybe reserved</p>
</footer>
</body>
</html>