-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
195 lines (177 loc) · 11 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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!--
Autore: Vittorio Lo Mele
Data: 15-12-2020
Descrizione: Pagina principale con selezione indirizzi
-->
<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Esplora l'offerta formativa dell'istituto Luigi Di Maggio">
<title>Open Day IT 'Luigi Di Maggio'</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="https://vjs.zencdn.net/7.11.4/video-js.css" integrity="sha384-RlvHc278tl68S5cxUQQZnsCn9uTyTxFW7Q00Pluidb9pUmLdjXRJiZ8moBMPoGSJ" crossorigin="anonymous">
<link href="assets/css/overlay.css" rel="stylesheet">
<link href="assets/css/lightbox.min.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
</head>
<body>
<div class="overlay-vid" id="overlayMain">
<div class="wrapper">
<video id="presentazioneinformatica" class="video-js vjs-default-skin vjs-16-9" controls width="640"
height="360" poster="assets/vid/orientamento/POSTER.png" data-setup='{"fluid": true}'>
<source src="https://mrbackslash.it/cdn/openday2022nq.mp4" type="video/mp4" />
<source src="https://mrbackslash.it/cdn/openday2022nq.webm" type="video/webm" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<div class="close" onclick="overlayOff()">
<p>Chiudi</p>
</div>
</div>
</div>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Open Day IT 'Luigi Di Maggio'
<img src="https://mrbackslash.it/api/hit?page=home" alt="hit">
</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
</ul>
<ul class="navbar-nav mr-right">
<li class="nav-item">
<a href="https://www.isdimaggio.it/isis/index.php" class="btn btn-outline-light my-2 my-sm-0">Torna
al sito isdimaggio.it</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<div class="jumbotron no-margin-bottom immagine">
<div class="container">
<h1 class="display-3 bianco h1jumbo">Istituto Tecnico "Luigi Di Maggio"</h1>
<p class="bianco">Orientamento A.S. 2022-2023</p>
<div class="form-row">
<div class="col-md-auto">
<p><a class="btn btn-outline-light btn-lg" href="iscrizioni/" role="button">Iscriviti ora
»</a>
</p>
</div>
<div class="col-md-auto">
<p><a class="btn btn-outline-light btn-lg" href="tour/" role="button">Tour Virtuale »</a>
</p>
</div>
</div>
</div>
</div>
<div class="jumbotron bg-dark lowpadding">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-auto">
<p><a class="btn btn-lg btn-outline-light" href="assets/img/locandina.jpeg"
data-lightbox="locandina-1" data-title="Locandina">Locandina</a></p>
</div>
<div class="col-md-auto">
<p><a class="btn btn-lg btn-outline-light" href="#" onclick="overlayOn()">Video di
Presentazione</a></p>
</div>
<div class="col-md-auto">
<p><a class="btn btn-lg btn-outline-light" href="assets/depliant.pdf"
target="_blank">Depliant</a></p>
</div>
<div class="col-md-auto">
<p><a class="btn btn-lg btn-outline-light" href="gallery/">Photo Gallery</a></p>
</div>
</div>
</div>
</div>
<div class="container galleria" id="galleria">
<div class="spazio"></div>
<div class="row featurette">
<div class="col-md-9">
<h2 class="featurette-titolo">Informatica </h2>
<p class="lead">Il settore informatica prevede l’insegnamento di nozioni utili a formare gli
studenti intenzionati a progettare e gestire sistemi informatici, database, sistemi multimediali
e apparati di trasmissione. Il diplomato inoltre si occupa del ciclo di vita del software e
collabora nella gestione di progetti, concernenti la sicurezza e la privacy.</p>
<a class="btn btn-primary" href="informatica/">Scopri di più »</a>
</div>
<div class="col-md-3 hidemob">
<img src="assets/img/cpu.svg" class="featurettehomeicon">
</div>
</div>
<hr class="divisore">
<div class="row featurette">
<div class="col-md-9 order-md-2">
<h2 class="featurette-titolo">Biotecnologie <span class="text-muted">Sanitarie</span></h2>
<p class="lead">Il settore bioteconologico-sanitario si occupa di far apprendere agli studenti
competenze specifiche nel campo dei materiali, delle analisi strumentali chimico-biologiche, nei
processi di produzione negli ambiti chimico, merceologico, biologico, farmaceutico, tintorio e
conciario, competenze nel settore della prevenzione e della gestione di situazioni a rischio
ambientale e sanitario.</p>
<a class="btn btn-danger" href="biotecnologie/">Scopri di più »</a>
</div>
<div class="col-md-3 hidemob order-md-1">
<img src="assets/img/activity.svg" class="featurettehomeicon">
</div>
</div>
<hr class="divisore">
<div class="row featurette">
<div class="col-md-9">
<h2 class="featurette-titolo">Elettronica <span class="text-muted"> ed Elettrotecnica</span></h2>
<p class="lead"> Il settore elettrotecnico si occupa di insegnare agli studenti competenze
specifiche nel campo dei materiali, delle tecnologie costruttive dei sistemi
elettrici/elettronici e delle macchine elettriche, della generazione, elaborazione e
trasmissione dei segnali elettrici ed elettronici, dei sistemi per generare, convertire e
trasportare energia elettrica; inoltre il diplomato in elettrotecnica collabora nella
progettazione,
costruzione e collaudo di sistemi elettrici ed elettronici, di impianti elettrici e sistemi di
automazione.</p>
<a class="btn btn-warning" href="elettrotecnica/">Scopri di più »</a>
</div>
<div class="col-md-3 hidemob">
<img src="assets/img/zap.svg" class="featurettehomeicon">
</div>
</div>
<hr class="divisore">
<div class="row featurette">
<div class="col-md-9 order-md-2">
<h2 class="featurette-titolo">Economico <span class="text-muted">Aziendale</span></h2>
<p class="lead">In questo settore il nostro Istituto ha attivo l’indirizzo Amministrazione Finanza e
Marketing con 3 sue articolazioni: amministrazione finanza e marketing, sistemi informativi
aziendali, relazioni internazionali per il marketing. Il Diplomato in “Amministrazione, finanza
e marketing” ha competenze nel campo dei macrofenomeni economici nazionali ed internazionali,
dei sistemi e processi aziendali (organizzazione, pianificazione, programmazione,
amministrazione, finanza e controllo), degli strumenti di marketing, dei prodotti
assicurativo-finanziari e dell’economia sociale. “Sistemi informativi aziendali” invece si
caratterizza per il riferimento all’ambito della gestione del sistema informativo e alla
valutazione, scelta e adattamento di software applicativi necessari alla corretta gestione
dell’azienda. Infine, “Relazioni internazionali per il marketing” si caratterizza per il
riferimento all’ambito della comunicazione aziendale sfruttando tre lingue straniere e
appropriati strumenti tecnologici, oltre che alla collaborazione nella gestione dei rapporti
aziendali nazionali e internazionali.
</p>
<a class="btn btn-success" href="amaduzzi/">Scopri di più »</a>
</div>
<div class="col-md-3 hidemob order-md-1">
<img src="assets/img/dollar.svg" class="featurettehomeicon">
</div>
</div>
<div class="spazio"></div>
</main>
<footer class="container">
<p>Sito per l' Open Day (A.S. 2022-2023) - IT "Luigi Di Maggio", © <a
href="https://vitto.dev">vitto.dev</a> 2020-2022. Realizzato da Vittorio Lo Mele (3Ci),
Alessio Cusenza (5Bi)</p>
<p>Dai un'occhiata al codice su <a href="https://github.com/isdimaggio/openday">GitHub</a></p>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<script src="assets/js/lightbox.min.js"></script>
<script src="https://vjs.zencdn.net/7.11.4/video.min.js" integrity="sha384-hzXw0B8hhY31zONdzXROg5yJel721hAWoOHnodwFMqB4yRq8BZqHDhM6BQmovm5w" crossorigin="anonymous"></script>
<script src="assets/js/overlay.js"></script>
</html>