Show sourcecode
The following files exists in this folder. Click to view.
public_html/gamla-kurser/webbutv1/
bilder/
css/
index.html
js/
ovningar/
projekt/
index.html
141 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Love Blombergs Hemsida, 23TE - 2024">
<title>Loves Hemsida</title>
<link href="./css/css_index.css" rel="stylesheet">
<link rel="icon" href="./bilder/frame.ico">
</head>
<body>
<h1 onclick="openDefault();">Loves Index</h1>
<div class="tab">
<button id="defaultOpen" class="tablinks" onclick="openTab(event, 'Aboutme')">Om Mig</button>
<button class="tablinks" onclick="openTab(event, 'Assignments')">Övningar</button>
<button class="tablinks" onclick="openTab(event, 'Projects')">Projekt</button>
<button class="tablinks" onclick="openTab(event, 'Musik')">Musik</button>
<button class="tablinks" onclick="openTab(event, 'Links')">Länkar</button>
<button class="tablinks" onclick="openTab(event, 'Pictures')">Bilder</button>
</div>
<br>
<img class="rubberduck" id="duck1" src="./bilder/hampter.png" alt="hampter" loading="lazy">
<img class="rubberduck" id="duck2" src="./bilder/hampter.png" alt="hampter" loading="lazy">
<div id="Assignments" class="tabcontent">
<h3>ÖVNINGAR</h3>
<div class="container">
<div class="image">
<img class="kattgif" src="https://media.giphy.com/media/3oKIPnAiaMCws8nOsE/giphy.gif" alt="coding-cat"
loading="lazy" />
</div>
<div class="links">
<p class="ovningar">
<a href="./ovningar/ovning0.html"> Övning 0 - Första hemsidan </a>
<br /><br />
<a href="./ovningar/ovning00.html"> Övning 00 - Hemsida v2 </a>
<br /><br />
<a href="./ovningar/ovning1.html"> Övning 1 - Internets historia & fakta </a>
<br /><br />
<a href="./ovningar/ovning2.html"> Övning 2 - CSS </a> <br /><br />
<a href="./ovningar/ovning3.html"> Övning 3 - Extern stilmall CSS</a>
<br><br>
<a href="./ovningar/ovning4.html"> Övning 4 - Tabeller </a>
<br><br>
<a href="./ovningar/ovning5.html">
Övning 5 - Repetition htmlcsstabell
</a>
<br><br>
<a href="./ovningar/ovning6.html"> Övning 6 - Lager-Position </a>
<br /><br />
<a href="./ovningar/gimp_logga.html"> GIMP Logga </a>
<br /><br />
<a href="./ovningar/ovning7.html"> Övning 7 - Flexbox </a>
<br /><br />
<a href="./ovningar/ovning8a.html"> Övning 8a - Grid </a>
<br /><br />
<a href="./ovningar/ovning8b.html"> Övning 8b - Grid </a>
<br /><br />
<a href="./ovningar/ovning9a.html"> Övning 9 - Grid2 </a>
<br /><br />
<a href="./ovningar/ovning10.html"> Övning 10 - Formulär </a>
<br /><br />
<a href="./ovningar/ovning11.html"> Övning 11 - Javascript </a>
<br /><br />
<a href="./ovningar/ovning12.html"> Övning 12 - Trafikljus </a>
</p>
</div>
</div>
</div>
<div id="Projects" class="tabcontent">
<h3>PROJEKT</h3>
<h3 class="courier">MemoRing (Projekt Företag webbutv1) - <a target=”_blank” href="./projekt/MemoRing/">MemoRing</a></h3>
<h3 class="courier">Klädmärke - <a target=”_blank” href="./projekt/venturo/">Venturo</a></h3>
<h3 class="courier">Retro - <a target=”_blank” href="./projekt/retro/">Apple Computer</a></h3>
<h3 class="courier">Projekt Företag - <a target=”_blank” href="./projekt/projekt-framtidens-infrastruktur/">Företag</a></h3>
</div>
<div id="Links" class="tabcontent">
<h3>LÄNKAR</h3>
<a target=”_blank” href="https://vgy.se"> VGYs hemsida</a> <br><br>
<a target=”_blank” href="https://www.instagram.com/lovblo.h/"> Instagram</a><br><br>
</div>
<div id="Pictures" class="tabcontent">
<h3>BILDER</h3>
<img id="wizard" src="https://storage.googleapis.com/pai-images/8f0481978fb840b5a0e64bf16d4e1647.jpeg" alt="wiz"
loading="lazy" />
</div>
<div id="Aboutme" class="tabcontent">
<h3>OM MIG</h3>
<p class="aboutme">
Jag heter Love och går på VGY i Gullmarsplan. Jag pluggar webbutveckling och data i årskurs 1.
</p>
<h3>MINA INTRESSEN</h3>
<p class="aboutme">
Mina intressen är att styrketräna, mecka med fordon och att utveckla
mjukvara. Jag bor i Älvsjö och är född i Täby. Mina tidigare kunskaper
inom utveckling och data är främst python
script och appar. Jag gillar rock musik som Tool, Fleshwater, Nirvana och liknande band.
</p>
</div>
<div id="Musik" class="tabcontent">
<h3>VECKANS ALBUM:</h3>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/4PIVdqvL1Rc7T7Vfsr8n8Q?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<script>
window.onload = function () {
openDefault();
};
function openDefault() {
document.getElementById("defaultOpen").click();
}
// Modified openTab function to accept optional parameter
function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<div class="box"><img src="https://media.tenor.com/yk8nhx3fZGYAAAAj/sebas-bleizeffer.gif" alt="kat"><b></b></div>
</body>
<footer>
<p>© Love Blomberg, 23TE - 2024</p>
<p id="gfg"></p>
</footer>
</html>