-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
154 lines (150 loc) · 12.9 KB
/
index.html
File metadata and controls
154 lines (150 loc) · 12.9 KB
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CyberBootcamp - Cybersecurity Course</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Exo 2', sans-serif;
text-shadow: -1px -1px 0 #000000a4, 1px -1px 0 #000000a4, -1px 1px 0 #000000a4, 1px 1px 0 #000000a4;
}
.hero-font {
font-family: 'Orbitron', sans-serif;
}
.section-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
</style>
</head>
<body class="bg-gray-900 text-white">
<!-- Hero Section -->
<section class="section-bg min-h-screen flex items-center justify-center" style="background-image: url('./static/images/background.png');">
<div class="bg-gray-900/85 w-full py-14 px-4 text-center">
<h1 class="hero-font text-3xl md:text-5xl xl:text-6xl font-bold mb-6">Cyber Challenge Bootcamp</h1>
<p class="text-xl md:text-2xl lg:text-3xl mb-5">Novembre 2025</p>
<!-- <p class="md:text-lg mb-10">October 15 - December 10, 2023</p> -->
<a href="https://docs.google.com/forms/u/3/d/e/1FAIpQLSf29WgFFLdh01mqu8N0h5B-zQBlcnUZwnuLsJY8fM_7Tycf-Q/viewform?usp=send_form" target="_blank">
<button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-6 md:py-3 md:px-8 rounded-lg text-xl md:text-2xl md:text-3xl transition duration-300">
Iscriviti
</button>
</a>
</div>
</section>
<!-- Introduction Section -->
<section class="section-bg py-10 md:py-16 px-6 relative" style="background-image: url('./static/images/premio.jpg');">
<div class="absolute inset-0 bg-black/60"></div>
<div class="text-center max-w-4xl mx-auto relative flex flex-col items-center justify-center rounded-lg">
<h2 class="hero-font text-3xl md:text-4xl font-bold mb-6 text-center">Impara le fondamenta della sicurezza</h2>
<div class="bg-gray-900/85 p-6 rounded-lg">
<p class="md:text-lg mb-4">
<strong>Non solo teoria, divertiti mettendo subito in pratica!</strong>
</p>
<p class="md:text-lg mb-4">
In questo corso, potrai approcciarti ai pilastri fondamentali della cybersecurity: <strong>Web Security</strong>, <strong>Cryptography</strong>, <strong>Reverse Engineering</strong> e <strong>Binary Exploitation</strong>.
</p>
<p class="md:text-lg mb-4">
Il nostro approccio è fortemente orientato alla pratica: imparerai da subito le tecniche di base per attaccare e difendere applicazioni vulnerabili, con un'infrastruttura dedicata in cui potrai affrontare sfide e mettere in pratica ciò che impari.
</p>
<p class="md:text-lg">
Il corso è rivolto agli <strong>studenti tra i 16 e i 24 anni</strong>, <strong>totalmente gratuito</strong> e mirato all'introduzione dei principali argomenti trattati a <strong>CyberChallenge.IT</strong>, ai fini di confermare un possibile interesse ed agevolarne la partecipazione.
</p>
</div>
</div>
</section>
<!-- Course Details Section -->
<section class="section-bg py-10 md:py-16 px-6 relative" style="background-image: url('./static/images/lezioni.png');">
<div class="absolute inset-0 bg-black/60"></div>
<div class="text-center max-w-4xl mx-auto relative rounded-lg">
<h2 class="hero-font text-3xl md:text-4xl font-bold mb-6 text-center">Struttura del corso</h2>
<div class="space-y-6">
<div class="bg-gray-900/85 p-4 md:px-6 rounded-lg">
<h3 class="text-xl font-bold mb-2 text-cyan-400">Iscrizione</h3>
<p class="mb-2">Per accedere al corso dovrai superare una prova di programmazione, in cui potrai risolvere i problemi proposti usando <b>Python</b>, <b>C</b>, <b>C++</b> o <b>Java</b>.</p>
<p>La prova si svolgerà il <strong>25 ottobre 2025</strong>.</p>
</div>
<div class="bg-gray-900/85 p-4 md:px-6 rounded-lg">
<h3 class="text-xl font-bold mb-2 text-cyan-400">Lezioni</h3>
<p class="mb-2">Saranno tenute 8 lezioni, dal 3 al 29 novembre 2025, in Via Ariosto, 25, presso il Dipartimento di Ingegneria Informatica, Automatica e Gestionale (DIAG) di Sapienza Università di Roma.</p>
<p>È richiesto che ogni studente porti un laptop per seguire le lezioni.</p>
</div>
<div class="bg-gray-900/85 p-4 md:px-6 rounded-lg">
<h3 class="text-xl font-bold mb-2 text-cyan-400">Istruttori</h3>
<p>Il corso sarà tenuto dagli allenatori delle squadre vincitrici di CyberChallenge 2024/25, nonchè vincitori di CyberChallenge 2023, in collaborazione con il DIAG e il team CTF TheRomanXpl0it.</p>
</div>
<!-- <div class="text-center mt-8">
<button class="bg-cyan-500 hover:bg-cyan-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition duration-300">
Iscriviti
</button>
</div> -->
</div>
</div>
</section>
<!-- TRX Team Section -->
<section class="section-bg py-12 md:py-16 xl:py-24 px-6 relative" style="background-image: url('./static/images/hackasat.png'); background-position: 50% 40%;">
<div class="absolute inset-0 bg-black/80"></div>
<div class="text-center max-w-4xl mx-auto relative rounded-lg">
<h2 class="hero-font text-3xl md:text-4xl font-bold mb-6 text-center">Chi sono i TRX</h2>
<div class="bg-gray-900/85 p-6 rounded-lg">
<p class="md:text-lg mb-4">
<strong>TheRomanXpl0it</strong> (<strong>TRX</strong>) è un team formato principalmente da studenti della Sapienza ed ex partecipanti di CyberChallenge.
</p>
<p class="md:text-lg mb-4">
La squadra partecipa regolarmente alle più importanti competizioni CTF (Capture the Flag) a livello nazionale ed internazionale, collaborando talvolta con il team <strong>mhackeroni</strong>, che riunisce i migliori talenti italiani.
</p>
<p class="md:text-lg">
Chi avrà voglia di impegnarsi e continuare il percorso anche con CyberChallenge avrà l'opportunità di unirsi al team per giocare insieme.
</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 py-5 px-5">
<div class="max-w-6xl mx-auto">
<div class="flex flex-col md:flex-row items-center md:items-start justify-center gap-6 md:gap-32 text-center">
<div>
<h3 class="hero-font text-2xl font-bold mb-2">CyberBootcamp</h3>
<!-- <h3 class="text-xl font-bold mb-4">Contattaci</h3> -->
<p class="mb-1 md:mb-2">
<a target="_blank" rel="noreferrer" href="mailto:cyberbootcamp@diag.uniroma1.it" class="text-blue-600 hover:underline flex items-center justify-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
</svg>
<span>cyberbootcamp@diag.uniroma1.it</span>
</a>
</p>
<p>
<a target="_blank" rel="noreferrer" href="https://t.me/cyberchallenge_sapienza" class="text-blue-600 hover:underline flex items-center justify-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" />
</svg>
<span>Telegram</span>
</a>
</p>
</div>
<div>
<h3 class="text-2xl font-bold mb-2">Seguici</h3>
<div class="flex items-center justify-center gap-5">
<a target="_blank" rel="noreferrer" href="https://twitter.com/TheRomanXpl0it">
<img alt="Twitter" src="static/images/twitter-logo.png" width="32" class="svg-white" />
</a>
<a target="_blank" rel="noreferrer" href="https://www.instagram.com/theromanxpl0it/" class="size-8">
<svg class="svg-white" version="1.1" viewBox="0 0 128 128" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="_x37__stroke"><g id="Instagram_1_"><rect clip-rule="evenodd" fill="none" fill-rule="evenodd" height="128" width="128"/><radialGradient cx="19.1111" cy="128.4444" gradientUnits="userSpaceOnUse" id="Instagram_2_" r="163.5519"><stop offset="0" style="stop-color:#FFB140"/><stop offset="0.2559" style="stop-color:#FF5445"/><stop offset="0.599" style="stop-color:#FC2B82"/><stop offset="1" style="stop-color:#8E40B7"/></radialGradient><path clip-rule="evenodd" d="M105.843,29.837 c0,4.242-3.439,7.68-7.68,7.68c-4.241,0-7.68-3.438-7.68-7.68c0-4.242,3.439-7.68,7.68-7.68 C102.405,22.157,105.843,25.595,105.843,29.837z M64,85.333c-11.782,0-21.333-9.551-21.333-21.333 c0-11.782,9.551-21.333,21.333-21.333c11.782,0,21.333,9.551,21.333,21.333C85.333,75.782,75.782,85.333,64,85.333z M64,31.135 c-18.151,0-32.865,14.714-32.865,32.865c0,18.151,14.714,32.865,32.865,32.865c18.151,0,32.865-14.714,32.865-32.865 C96.865,45.849,82.151,31.135,64,31.135z M64,11.532c17.089,0,19.113,0.065,25.861,0.373c6.24,0.285,9.629,1.327,11.884,2.204 c2.987,1.161,5.119,2.548,7.359,4.788c2.24,2.239,3.627,4.371,4.788,7.359c0.876,2.255,1.919,5.644,2.204,11.884 c0.308,6.749,0.373,8.773,0.373,25.862c0,17.089-0.065,19.113-0.373,25.861c-0.285,6.24-1.327,9.629-2.204,11.884 c-1.161,2.987-2.548,5.119-4.788,7.359c-2.239,2.24-4.371,3.627-7.359,4.788c-2.255,0.876-5.644,1.919-11.884,2.204 c-6.748,0.308-8.772,0.373-25.861,0.373c-17.09,0-19.114-0.065-25.862-0.373c-6.24-0.285-9.629-1.327-11.884-2.204 c-2.987-1.161-5.119-2.548-7.359-4.788c-2.239-2.239-3.627-4.371-4.788-7.359c-0.876-2.255-1.919-5.644-2.204-11.884 c-0.308-6.749-0.373-8.773-0.373-25.861c0-17.089,0.065-19.113,0.373-25.862c0.285-6.24,1.327-9.629,2.204-11.884 c1.161-2.987,2.548-5.119,4.788-7.359c2.239-2.24,4.371-3.627,7.359-4.788c2.255-0.876,5.644-1.919,11.884-2.204 C44.887,11.597,46.911,11.532,64,11.532z M64,0C46.619,0,44.439,0.074,37.613,0.385C30.801,0.696,26.148,1.778,22.078,3.36 c-4.209,1.635-7.778,3.824-11.336,7.382C7.184,14.3,4.995,17.869,3.36,22.078c-1.582,4.071-2.664,8.723-2.975,15.535 C0.074,44.439,0,46.619,0,64c0,17.381,0.074,19.561,0.385,26.387c0.311,6.812,1.393,11.464,2.975,15.535 c1.635,4.209,3.824,7.778,7.382,11.336c3.558,3.558,7.127,5.746,11.336,7.382c4.071,1.582,8.723,2.664,15.535,2.975 C44.439,127.926,46.619,128,64,128c17.381,0,19.561-0.074,26.387-0.385c6.812-0.311,11.464-1.393,15.535-2.975 c4.209-1.636,7.778-3.824,11.336-7.382c3.558-3.558,5.746-7.127,7.382-11.336c1.582-4.071,2.664-8.723,2.975-15.535 C127.926,83.561,128,81.381,128,64c0-17.381-0.074-19.561-0.385-26.387c-0.311-6.812-1.393-11.464-2.975-15.535 c-1.636-4.209-3.824-7.778-7.382-11.336c-3.558-3.558-7.127-5.746-11.336-7.382c-4.071-1.582-8.723-2.664-15.535-2.975 C83.561,0.074,81.381,0,64,0z" fill="url(#Instagram_2_)" fill-rule="evenodd" id="Instagram"/></g></g></svg>
</a>
<a target="_blank" rel="noreferrer" href="https://ctftime.org/team/46516/">
<img alt="CTFTime" src="static/images/ctftime.png" width="32" class="svg-white" />
</a>
</div>
</div>
</div>
<div class="border-t border-gray-700 mt-5 pt-5 text-center">
<p>© 2025 TheRomanXpl0it. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>