Show sourcecode
The following files exists in this folder. Click to view.
index.php
ovn_gr1.php
ovn_gr2.php
ovn_gr3.php
ovn_gr4.php
ovn_gr5.php
index.php
139 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CR7 Övningar ><br> </title>
<h1> Dónde Está CR7?</h1><br>
<h1>CR7 Dónde Está? </h1><br>
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, sans-serif;
background: #111;
color: white;
}
header {
text-align: center;
padding: 5px 20px 35px;
background: linear-gradient(135deg, #050505, #222);
border-bottom: 4px solid #d4af37;
}
h1 {
margin: 0;
font-size: 30px;
letter-spacing: 2px;
color: #d4af37;
text-align: center;
}
.cr7 {
font-size: 64px;
font-weight: 900;
letter-spacing: 4px;
margin: 0;
color: #d4af37;
}
.subtitle {
margin: 8px 0 0;
font-size: 18px;
color: #ddd;
}
main {
max-width: 850px;
margin: 40px auto;
padding: 0 20px;
}
.övningar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
a {
display: block;
text-decoration: none;
color: white;
background: #1d1d1d;
border: 2px solid #333;
border-radius: 12px;
padding: 25px;
text-align: center;
transition: 0.2s;
}
a:hover {
transform: translateY(-5px);
border-color: #d4af37;
background: #252525;
}
.nummer {
font-size: 32px;
font-weight: bold;
color: #d4af37;
}
.namn {
margin-top: 8px;
font-size: 17px;
}
footer {
text-align: center;
margin-top: 50px;
padding: 25px;
color: #888;
}
</style>
</head>
<body>
<header>
<h1 class="cr7">CR7</h1>
<p class="subtitle">Mina PHP-övningar</p>
</header>
<main>
<div class="övningar">
<a href="ovn_gr1.php">
<div class="nummer">01</div>
<div class="namn">Fahrenheit → Celsius</div>
</a>
<a href="ovn_gr2.php">
<div class="nummer">02</div>
<div class="namn">Variabler & text</div>
</a>
<a href="ovn_gr3.php">
<div class="nummer">03</div>
<div class="namn">Summan 1–100</div>
</a>
<a href="ovn_gr4.php">
<div class="nummer">04</div>
<div class="namn">Celsius & Fahrenheit-array</div>
</a>
<a href="ovn_gr5.php">
<div class="nummer">05</div>
<div class="namn">Tal & medelvärde</div>
</a>
</div>
</main>
<footer>
CR7 MODE ⚽
</footer>
</body>
</html>