-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (39 loc) · 2.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Informatica @ Unito - Official Site</title>
<link rel="stylesheet" href="css/fa/css/all.min.css">
<link rel="stylesheet" href="css/tw-prod.css">
</head>
<body class="bg-gray-300 flex flex-col justify-evenly items-center h-screen">
<div class="text-center">
<h1 class="text-5xl font-semibold tracking-widest my-3">[Informatica @ Unito]</h1>
<h2 class="font-semibold tracking-widest my-3">ex-NeeggaByte</h2>
</div>
<!--Questo è il contenitore flex-row delle card-->
<div class="block md:flex">
<!--Queste sono le due card utilizzate -->
<div class="flex flex-col justify-center items-center max-w-xs border border-gray-400 rounded-lg m-3 p-4 shadow-xl hover:shadow-2xl duration-200">
<h2 class="text-2xl font-semibold">Buon anno accademico!</h2>
<p class="text-lg text-gray-500 font-medium m-2">Gli admin del gruppo vi augurano un buon anno accademico <span id="js-aa">2021/2022</span>! Non esitate a contattarci anche in privato per chiedere aiuto</p>
</div>
<div class="flex flex-col justify-between items-center max-w-xs border border-gray-400 rounded-lg m-3 p-4 shadow-xl hover:shadow-2xl duration-200">
<h2 class="text-2xl font-semibold">Link utili</h2>
<p class="text-lg text-gray-500 font-medium m-2">Qui troverai tutto quello che cerchi sul dipartimento</p>
<a class="border border-gray-500 rounded-md p-2 hover:bg-gray-700 hover:text-gray-200 duration-200" href="/links"> <i class="fas fa-lg fa-book-reader"></i> Utilities</a>
</div>
<div class="flex flex-col justify-between items-center max-w-xs border border-gray-400 rounded-lg m-3 p-4 shadow-xl hover:shadow-2xl duration-200">
<h2 class="text-2xl font-semibold">Torrents</h2>
<p class="text-lg text-gray-500 font-medium m-2">Lista dei torrents (materie e videolezioni 2021)</p>
<a class="border border-gray-500 rounded-md p-2 hover:bg-gray-700 hover:text-gray-200 duration-200" href="/torrents"> <i class="fas fa-lg fa-cloud-download-alt"></i> Scarica</a>
</div>
</div>
<!--I link li mettiamo sotto, è bello che l'augurio di un buon anno sia in evidenza dopotutto -->
<div class="flex space-x-2 md:space-x-4">
<a class="border border-gray-500 rounded-md p-2 hover:bg-gray-700 hover:text-gray-200 duration-200" href="https://t.me/joinchat/Aotvf0LN-R1xSt2-3N2i_Q" target="_blank"><i class="fab fa-lg fa-telegram"></i> Gruppo Telegram</a>
</div>
<script src="js/aay.js"></script>
</body>
</html>