Webbserverprogrammering 1

Show sourcecode

The following files exists in this folder. Click to view.

webbsrvprg/övningarphp/

ö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)
<!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>