Show sourcecode
The following files exists in this folder. Click to view.
övning1.php
övning2.php
övning3.php
övning4.php
övning5.php
övningar.php
övningfunk1.php
övningfunk2.php
övningfunk3.php
övningfunk4.php
övningfunk5.php
övningfunk6.php
övningtest.php
övningar.php
143 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<title>Alexander – PHP Övningar</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #0a0a1a;
color: white;
text-align: center;
}
header {
padding: 30px;
color: #00fff7;
font-size: 36px;
font-weight: bold;
text-shadow: 0 0 15px #00fff7;
}
.container {
max-width: 900px;
margin: 40px auto;
padding: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 25px;
}
.card {
background: #111;
padding: 30px;
border-radius: 16px;
box-shadow: 0 0 10px #00fff7;
}
.card:hover {
box-shadow: 0 0 25px #00fff7, 0 0 40px #b000ff;
}
.card a {
color: #00fff7;
text-decoration: none;
font-size: 20px;
font-weight: bold;
}
.card a:hover {
color: #ff00ff;
}
.back-button {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
border: 2px solid #00fff7;
border-radius: 8px;
color: #00fff7;
text-decoration: none;
}
.back-button:hover {
background: #00fff7;
color: #0a0a1a;
}
</style>
</head>
<body>
<header>
PHP – Övningar
</header>
<div class="container">
<!-- Övning 1 -->
<div class="card">
<a href="övning1.php" target="_blank">Övning 1</a>
</div>
<!-- Övning 2 -->
<div class="card">
<a href="övning2.php" target="_blank">Övning 2</a>
</div>
<!-- Övning 3 -->
<div class="card">
<a href="övning3.php" target="_blank">Övning 3</a>
</div>
<!-- Övning 4 -->
<div class="card">
<a href="övning4.php" target="_blank">Övning 4</a>
</div>
<!-- Övning 5 -->
<div class="card">
<a href="övning5.php" target="_blank">Övning 5</a>
</div>
<!-- Funktion 1 -->
<div class="card">
<a href="övningfunk1.php" target="_blank">Funktion 1</a>
</div>
<!-- Funktion 2 -->
<div class="card">
<a href="övningfunk2.php" target="_blank">Funktion 2</a>
</div>
<!-- Funktion 3 -->
<div class="card">
<a href="övningfunk3.php" target="_blank">Funktion 3</a>
</div>
<!-- Funktion 4 -->
<div class="card">
<a href="övningfunk4.php" target="_blank">Funktion 4</a>
</div>
<!-- Funktion 5 -->
<div class="card">
<a href="övningfunk5.php" target="_blank">Funktion 5</a>
</div>
<!-- Funktion 6 -->
<div class="card">
<a href="övningfunk6.php" target="_blank">Funktion 6</a>
</div>
</div>
<a href="../index.php" class="back-button">⬅ Tillbaka</a>
</body>
</html>