kom mit css und anpassungen

Aufgabe von kom und bissel css sowie andere anpassungen. php storm dateien wurden hinzugefügt
This commit is contained in:
danielvici123
2024-11-04 12:48:23 +01:00
parent a1df8a458f
commit a0287e8d15
9 changed files with 100 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

25
komp/hauptseite.css Normal file
View File

@@ -0,0 +1,25 @@
.bild-100x100 {
width: 100px;
height: 100px;
}
.text-gruen {
color: #34ff34;
}
.text-allign-middle{
text-align: center;
}
.allign-left{
}
* {
border : 1px solid black;
}
.text-bold {
font-weight: bold;
}
.p-10 {
padding: 10px;
}
.li-abstand {
margin-bottom: 10px;
}

24
komp/hauptseite.html Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="hauptseite.css">
</head>
<body>
<!-- Link: 192.168.229.35/schule-24-25/komp/hauptseite.html-->
<h1 class="text-gruen text-allign-middle">2BKI11</h1>
<div>
<h3>Daniel</h3>
<p>Iron 3 LoL Player </p>
</div>
<img src="bilder/hauptseite_bild.png" alt="picture could not be load" class="bild-100x100">
<ul>
<li class="li-abstand"><a href="https://u.gg/lol/profile/euw1/darkhuawarim-3253/overview" class="text-bold">League Profile</a></li>
<li class="li-abstand"><a href="24-10-16/aufgabe.html">Tabelle (Mit anderen Sachen)</a></li>
<li class="li-abstand"><a href="https://search.brave.com">Brave</a></li>
<li class="li-abstand"><a href="https://www.wvss-mannheim.de/">WVSS Mannheim</a></li>
<li class="li-abstand"><a href="https://leagueoflegends.com">League of Legends</a></li>
</ul>
</body>
</html>