Codice dei programmi nella directory:
///File: _xx.html
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Classe 5B 2025-26 ITIS</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
color: #333;
margin: 0;
padding: 30px 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
font-size: 1.8em;
color: #2c3e50;
font-weight: 700;
margin-bottom: 10px;
}
.header p {
color: #7f8c8d;
font-size: 1em;
}
.students-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 25px;
width: 100%;
max-width: 1000px;
}
.student-card {
background-color: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.student-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.student-name {
font-size: 1.1em;
font-weight: 600;
color: #2c3e50;
margin-bottom: 10px;
}
.student-link {
display: inline-block;
padding: 8px 14px;
background: linear-gradient(to right, #3498db, #007acc);
color: white;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 3px 8px rgba(52, 152, 219, 0.3);
font-size: 0.9em;
}
.student-link:hover {
background: linear-gradient(to right, #2980b9, #005fa3);
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(52, 152, 219, 0.4);
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<div class="header">
<h1>Classe 5B 2025-26 ITIS</h1>
<p>Elenco studenti e i loro progetti online</p>
</div>
<div class="students-container">
<div class="student-card">
<div class="student-name">Abati Emanuele</div>
<a href="https://sabati1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Abou El Farah Hamza</div>
<a href="https://sabouel.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Barattini Giacomo Giole</div>
<a href="https://sbaratti.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Biba Marsela</div>
<a href="https://sbiba1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Cassano Ginevra</div>
<a href="https://scassano.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Dignoti Parenti Federico</div>
<a href="https://sdignot.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Godea Luca</div>
<a href="https://sgodea1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Laghi Francesco</div>
<a href="https://slaghi.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Lottici Gabriele</div>
<a href="https://slottici1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Martemucci Francesco</div>
<a href="https://smartemu.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Mercurio Sara</div>
<a href="https://smercuri2.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Piazza Luca</div>
<a href="https://spiazza23.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Trofimov Danil</div>
<a href="https://strofimo.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Ziveri Tommaso</div>
<a href="https://sziveri14.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
</div>
</body>
</html>
///(Fine file: _xx.html)
///File: SitiStudentiAlwaysdata.html
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Classe 5B 2026-27 ITIS</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
color: #333;
margin: 0;
padding: 30px 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
font-size: 1.8em;
color: #2c3e50;
font-weight: 700;
margin-bottom: 10px;
}
.header p {
color: #7f8c8d;
font-size: 1em;
}
.students-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 25px;
width: 100%;
max-width: 1000px;
}
.student-card {
background-color: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.student-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.student-name {
font-size: 1.1em;
font-weight: 600;
color: #2c3e50;
margin-bottom: 10px;
}
.student-link {
display: inline-block;
padding: 8px 14px;
background: linear-gradient(to right, #3498db, #007acc);
color: white;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 3px 8px rgba(52, 152, 219, 0.3);
font-size: 0.9em;
}
.student-link:hover {
background: linear-gradient(to right, #2980b9, #005fa3);
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(52, 152, 219, 0.4);
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<div class="header">
<h1>Classe 5B 2026-27 ITIS</h1>
<p>Elenco studenti e i loro progetti online</p>
</div>
<div class="students-container">
<div class="student-card">
<div class="student-name">Arabia Farouk</div>
<a href="https://sfarouk.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Bencheikh Youssef</div>
<a href="https://sbenchei.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Binacchi Michelle</div>
<a href="https://sbinacch1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Boschi Dennis</div>
<a href="https://sboschi8.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Bova Leonardo Vittorio</div>
<a href="https://sbova.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Cacace Roberto</div>
<a href="https://scacace.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Carrara Davide</div>
<a href="https://scarrara4.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Dhahri Achraf</div>
<a href="https://achraf.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Liutcanov Alexei</div>
<a href="https://sliutcan1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Magnani Riccardo</div>
<a href="https://smagnani17.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Magni Marco</div>
<a href="https://smagni2.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Maini Lino</div>
<a href="https://smaini12.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Maini Viola</div>
<a href="https://smaini11.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Miron Davide</div>
<a href="https://smiron.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Moraru Alessandro</div>
<a href="https://smoraru.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Nkain Nabi Kininla</div>
<a href="https://snkain1.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Orlando Antonino</div>
<a href="https://sorlando3.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Palici Alexandru</div>
<a href="https://spalici.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Pisani Tommaso</div>
<a href="https://spisani3.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Sciortino Simone</div>
<a href="https://ssciorti.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Spiridon Davide Gabriel</div>
<a href="https://sspirido.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Topor Alexandru</div>
<a href="https://stopor.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Weheidi Moussa Safwat</div>
<a href="https://sweheidi.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
<div class="student-card">
<div class="student-name">Zioni Asia</div>
<a href="https://szioni.alwaysdata.net/" class="student-link">Vai al sito</a>
</div>
</div>
</body>
</html>
///(Fine file: SitiStudentiAlwaysdata.html)