WebServ/www/public/M0/03/index.php

52 lines
2.0 KiB
PHP
Raw Normal View History

2024-08-22 10:58:09 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2024-09-06 13:22:36 +00:00
<title>M0 | 03</title>
2024-08-22 10:58:09 +00:00
<link rel="stylesheet" href="css/styleSheet.css?v=1.0">
<link rel="stylesheet" href="css/gridCSS.css">
</head>
<body>
<?php include("inc/header.html");?>
<main>
<section class="col-6 col-t-3 col-d-4 col-w-4 red">
<h2>Lär dig webbutveckling ett enkelt sätt</h2>
<p>Denna webbplats är tänkt som en resurs till kursen Webbutveckling 1.
Tanken är att alla bidrar med sina kunskaper och erfarenheter.
</p>
</section>
<section class="col-6 col-t-4 row-t-2 col-d-2 row-d-2 col-w-2 row-w-3 silver">
<h2>Responsiv Webbdesign</h2>
<p>Denna webbplats är tänkt som en resurs till kursen Webbutveckling 1.</p>
<p>Tanken är att alla bidrar med sina kunskaper och erfarenheter.</p>
<img src="img/htmlcss.png" alt="Logga" class="right">
</section>
<section class="col-6 col-t-3 col-d-4 col-w-2 blue">
<h2>HTML</h2>
<p>Lär dig grundernai html endast 55 minuter!</p>
</section>
<section class="col-6 col-t-2 col-d-2 col-w-2 yellow">
<h2>CSS</h2>
<p>CSS 2 x 60 minuter!</p>
<p>Vi går igenom de vanligaste css-reglerna för att sedan fördjupa oss i animation med css.</p>
</section>
<section class="col-6 col-t-2 col-d-2 col-w-4 green">
<h2>Mobile First</h2>
<p>Gör din webbplats tillgänglig för alla med fokus mobilaenheter.</p>
</section>
<section class="col-6 col-t-6 col-d-2 col-w-6 orange">
<h2>Desktop First</h2>
<p>Gör din webbplats tillgänglig för alla med fokus stora högupplösta skärmar.</p>
</section>
</main>
<?php include("inc/footer.html");?>
</body>
</html>