-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
325 lines (321 loc) · 27.2 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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!-- This is a very simple template to promote your academic event structured on only one scrolling page -->
<!-- HTML, CSS, JavaScript, jQuery, Bootstrap, Google Fonts, Font Awesome have been used, so you can use them without inserting in this code their CDNs/links or anything else -->
<!-- You just need to customize it with your information or new widgets. Have a good time! Martina Dello Buono -->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academic Event Template</title>
<!-- CSS -->
<link rel="stylesheet" href="style.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Favicon -->
<link rel="shortcut icon" type="" href="img/favicon.ico" />
</head>
<body>
<div class="container-fluid background-hero hero-full-screen" id="home">
<nav class="navbar navbar-default navbar-fixed-top no-margin-bottom">
<div class="container-fluid">
<!-- Mobile navbar -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://www.unibo.it/it" alt="Link al sito web di Alma Mater Studiorum - Università di Bologna" target="_blank"><img src="img/logo-unibo.png"></a>
</div>
<!-- Main navbar -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="nav-li home-li active"><a class="nav-item" value="home">Home</a></li>
<li class="nav-li about-li"><a class="nav-item" value="about">About</a></li>
<li class="nav-li programma-li"><a class="nav-item" value="programma">Programma</a></li>
<li class="nav-li relatori-li"><a class="nav-item" value="relatori">Relatori</a></li>
<li class="nav-li collegati-li"><a class="nav-item" value="collegati">Collegati in streaming</a></li>
<li class="nav-li contatti-li"><a class="nav-item" value="contatti">Contatti</a></li>
</ul>
</div>
</div>
</nav>
<!-- Home -->
<div class="container padding-section-enlarged">
<div class="row">
<div class="col-md-12 mobile-home">
<a class="navbar-brand-home" href="https://www.unibo.it/it" alt="Link al sito web di Alma Mater Studiorum - Università di Bologna" target="_blank"><img src="img/logo-unibo.png" class="mobile-home-img center"></a>
</div>
</div>
<div class="row">
<div class="col-md-12 padding-main-section">
<p class="main-subtitle">Tipo di evento (es: Convegno internazionale)</p>
<h1 class="main-title">Titolo <br> Evento</h1>
<hr class="color-dimgray hr-main">
<p class="main-subtitle-enlarged no-margin-bottom">Sottotitolo evento</p>
<p class="main-subtitle margin-bottom-button">Città, gg mese aaaa specifici in cui si terrà l'evento (es: Bologna, 1-2 ottobre 2020)</p>
<button class="background-red button-round center" id="find-more">Scopri di più</button>
</div>
</div>
</div>
</div>
<!-- About -->
<div class="container-fluid background-red padding-section" id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="secondary-title color-white">About</h2>
<hr class="color-white hr-secondary margin-bottom-section">
<!-- Insert a first briefing description of the event. Example below -->
<p class="color-white justify p-section margin-bottom-section">In un momento di grandi cambiamenti, in cui gli strumenti digitali si sono rivelati indispensabili “ferri del mestiere” del lavoro quotidiano di didattica e di ricerca, l’Università di Bologna organizza <span class="bold italic">Italianistica digitale</span>, un convegno internazionale di presentazione e confronto delle risorse digitali disponibili per la <span class="italic">Letteratura Italiana</span>, dai vocabolari alle biblioteche digitali, dai portali monografici alle edizioni critiche alle infrastrutture; che costituisca anche un momento di riflessione sulla valutazione di questi nuovi prodotti della ricerca. Per creare un’occasione di conoscenza e scambio di buone pratiche per docenti e studenti e permettere uno studio sempre più proficuo degli autori e delle opere della Letteratura Italiana grazie alla collaborazione tra Università, Archivi, Biblioteche e Istituzioni.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3 class="center-text color-white no-margin-top thumbnail-title">Data</h3>
<hr class="color-white hr-card">
<div class="thumbnail">
<div class="caption">
<p class="color-black justify p-section"><span class="bold">gg mese anno </span> - Dalle ore x.00 alle y.00.</p>
<p class="color-black justify p-section"><span class="bold">gg mese anno </span> - Dalle ore x.00 alle y.00.</p>
</div>
</div>
</div>
<div class="col-md-4">
<h3 class="center-text color-white no-margin-top thumbnail-title">Diretta streaming</h3>
<hr class="color-white hr-card">
<div class="thumbnail">
<div class="caption">
<p class="color-black justify margin-bottom-button-half p-section">Segui in diretta su Teams l'evento z</p>
<!-- Link of the event -->
<p class="color-black justify p-section"><a href="https://github.com/martinadellobuono" class="color-dimgray no-underline" target="_blank" alt="Link al convegno virtuale"><button class="button-round center">Segui la diretta</button></a></p>
</div>
</div>
</div>
<div class="col-md-4">
<h3 class="center-text color-white no-margin-top thumbnail-title">Locandina</h3>
<hr class="color-white hr-card">
<div class="thumbnail">
<div class="caption">
<p class="color-black justify p-section">Scarica il <a href="doc-download/locandina.pdf" class="color-dimgray underline" target="_blank" download="programma-italianistica-digitale-2020">programma</a> in formato PDF.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Programma -->
<div class="container padding-section" id="programma">
<div class="row">
<div class="col-md-12">
<h2 class="secondary-title color-black">Programma</h2>
<hr class="color-dimgray hr-secondary margin-bottom-button">
<div class="row">
<div class="col-md-6 col-sm-12">
<button class="button-round-dimgray right margin-bottom-button" id="1st-program">gg mese aaaa</button>
</div>
<div class="col-md-6 col-sm-12">
<button class="button-round-empty-dimgray left margin-bottom-button" id="2nd-program">gg mese aaaa</button>
</div>
</div>
</div>
</div>
<!-- 1 ottobre -->
<div class="row 1st-day-program">
<div class="col-md-6">
<p class="main-subtitle-enlarged no-margin-bottom">Saluti istituzionali</p>
<p class="color-black justify p-section"><span class="bold">9.30</span> Mario Rossi, Prorettore Vicario Università di Città</p>
<p class="color-black justify p-section">Mario Rossi, Direttore del Dipartimento y</p>
<p class="color-black justify p-section margin-bottom-button">Mario Rossi, Presidente ABC</p>
<p class="main-subtitle-enlarged no-margin-bottom"><span class="bold">Titolo del primo ciclo di lezioni</span></p>
<p class="color-black justify p-section">Presiede <span class="bold">Mario Rossi</span></p>
<p class="color-black justify p-section"><span class="bold">10.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">10.30</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
<p class="color-black justify p-section"><span class="bold">11.00</span> Mario Rossi – <span class="italic">Academic Event Template</span></p>
<p class="color-black justify p-section"><span class="bold">11.30</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">Coffee break</span></p>
<p class="color-black justify p-section">Presiede <span class="bold">Mario Rossi</span></p>
<p class="color-black justify p-section"><span class="bold">11.40</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
<p class="color-black justify p-section"><span class="bold">12.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">12.20</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">12.40</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
</div>
<div class="col-md-6">
<p class="main-subtitle-enlarged no-margin-bottom"><span class="bold">Titolo del secondo ciclo di lezioni</span></p>
<p class="color-black justify p-section">Presiede <span class="bold">Mario Rossi</span></p>
<p class="color-black justify p-section"><span class="bold">15.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">15.20</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">15.40</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">16.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">16.20</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
<p class="color-black justify p-section"><span class="bold">16.40</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"></p>
<p class="color-black justify p-section margin-bottom-button"><span class="bold">17.30</span> Tavola Rotonda: <span class="bold italic">Come valutare l'Academic Event Template?</span> <span class="bold">Coordina Mario Rossi</span> con con Mario Rossi, Mario Rossi, Mario Rossi, Mario Rossi.</p>
</div>
</div>
<!-- Secondo giorno -->
<div class="row 2nd-day-program" style="display: none;">
<div class="col-md-12">
<p class="main-subtitle-enlarged center-text"><span class="bold">Titolo del terzo ciclo di lezioni</span></p>
</div>
</div>
<div class="row 2nd-day-program" style="display: none;">
<div class="col-md-6">
<p class="color-black justify p-section">Presiede <span class="bold">Mario Rossi</span></p>
<p class="color-black justify p-section"><span class="bold">9.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">9.30</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">10.00</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">10.30</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
</div>
<div class="col-md-6">
<p class="color-black justify p-section">Presiede <span class="bold">Mario Rossi</span></p>
<p class="color-black justify p-section"><span class="bold">11.15</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">11.45</span> Mario Rossi - <a href="https://martinadellobuono.github.io/academicevent-template/" class="color-dimgray underline italic" target="_blank">Academic Event Template</a></p>
<p class="color-black justify p-section"><span class="bold">12.15</span> Mario Rossi – <span class="italic">Academic Event Template</span></p>
<p class="color-black justify p-section"><span class="bold">12.45</span> Mario Rossi - <span class="italic">Academic Event Template</span></p>
</div>
</div>
</div>
<!-- Relatori -->
<div class="container-fluid background-gray padding-section no-padding-bottom" id="relatori">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="secondary-title color-black">Relatori</h2>
<hr class="color-red hr-secondary margin-bottom-button">
</div>
</div>
</div>
</div>
<!-- Relatori -->
<div class="container-fluid background-gray padding-section no-padding-top">
<div class="container">
<!-- Multiply this row until you reach the right numer of your lecturers -->
<div class="row">
<!-- At line 199 put the URL of the lecturer's official page, remove no-user class in the following div if you have no lecturer's photo or, on the contrary, give it the id and associate the corresponding photo as image background in css to it -->
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<!-- If you leave the br tag, all the hr will be aligned -->
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<a href="https://github.com/martinadellobuono" target="_blank"><div class="circle no-user" id="lecturer-name"></div></a>
<p class="center-text color-black no-margin-top p-section"><span class="bold">Nome<br>Cognome del relatore</span></p>
<hr class="color-red hr-circle">
</div>
</div>
</div>
</div>
<!-- Collegati in streaming -->
<div class="container-fluid background-dimgray padding-section" id="collegati">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="secondary-title color-white">Collegati in streaming</h2>
<hr class="color-white hr-secondary margin-bottom-section">
<a href="https://github.com/martinadellobuono" class="color-dimgray no-underline" target="_blank" alt="Link al convegno virtuale"><button class="button-round-white center">Segui in diretta streaming Teams l'Evento</button></a>
<p class="color-white center-text p-section margin-top-section">Condividi l'invito a partecipare</p>
<p class="color-white center-text p-section">
<input type="text" value="https://github.com/martinadellobuono" class="color-black" id="copyURL">
<a class="color-white" onclick="copyURL()" onmouseout="outFunc()"><i class="far fa-copy"></i></a>
<!-- Non cancellare, può servire in altri progetti / share su whatsapp e facebook -->
<!--<a href="https://github.com/martinadellobuono" class="color-white" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://github.com/martinadellobuono" class="color-white" target="_blank"><i class="fab fa-facebook-f"></i></a>-->
</p>
<p class="color-white center-text no-display p-section" id="copiedAlert">Link copiato!</p>
</div>
</div>
</div>
</div>
<!-- Contatti -->
<div class="container padding-section" id="contatti">
<div class="row">
<div class="col-md-12">
<h2 class="secondary-title color-black">Contatti</h2>
<hr class="color-dimgray hr-secondary margin-bottom-section">
<p class="color-black justify p-section">Restiamo a tua disposizione per qualsiasi richiesta. Puoi contattarci in qualsiasi momento lasciandoci un messaggio, noi ci impegneremo a fornirti risposte accurate. In più, ci impegneremo a non divulgare i tuoi dati.</p>
<p class="color-black justify p-section">Lasciaci un messaggio senza temere per la tua privacy! Per noi la privacy è molto importante e ci impegnamo a non divulgare i tuoi dati. Per ulteriori informazioni è possibile consultare la nostra <a href="https://www.unibo.it/it/ateneo/privacy-e-note-legali" class="bold color-dimgray underline" target="_blank" id="privacy-button">informativa sulla privacy</a>.</p>
</div>
</div>
<!--<div class="row" id="privacy-info" style="display: none;"> // Non cancellare, può servire per altri progetti
<div class="col-md-12">
<h2 class="secondary-title color-black">Informativa sulla privacy</h2>
<p class="color-black justify p-section">La tua privacy è molto importante per noi. Di conseguenza, abbiamo sviluppato questa Politica per farvi capire come raccogliamo, usiamo, comunichiamo e divulghiamo e facciamo uso di informazioni personali. Proteggiamo le informazioni personali mediante ragionevoli misure di sicurezza contro la perdita o il furto, nonché l'accesso non autorizzato, la divulgazione, la copia, l'uso o la modifica.</p>
</div>
</div>-->
<div class="row margin-top-section">
<p class="main-subtitle-enlarged no-margin-bottom">Lascia un messaggio a <a href="mailto:[email protected]" class="color-dimgray font-mail" target="_top">[email protected]</a></p>
</div>
</div>
<!-- Pre-footer -->
<div class="container-fluid background-gray padding-section">
<div class="container">
<div class="row">
<div class="col-md-3 brand"><a href="https://ficlit.unibo.it/it" alt="Link al sito web del Dipartimento di Filologia Classica e Italianistica di Alma Mater Studiorum-Università di Bologna" target="_blank"><img src="img/logo-unibo-brand.png" class="center"></a></div>
<div class="col-md-3 brand"><a href="https://ficlit.unibo.it/it/dipartimento/premi-e-riconoscimenti/dipartimento-di-eccellenza" alt="Link al sito web del Dipartimento di eccellenza MIUR di Filologia Classica e Italianistica di Alma Mater Studiorum-Università di Bologna" target="_blank"><img src="img/logo-eccellenza.png" class="center"></a></div>
<div class="col-md-3 brand"><a href="https://www.italianisti.it/" alt="Link al sito web di ADI" target="_blank"><img src="img/adi-logo.png" class="center"></a></div>
<div class="col-md-e brand"><a href="https://centri.unibo.it/dharc/en" alt="Link al sito web di DHarc" target="_blank"><img src="img/dharc-logo.png" class="center"></a></div>
</div>
</div>
</div>
<!-- Footer -->
<div class="container-fluid background-black section-pre-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="pre-footer-title color-white margin-bottom-button">Italianistica Digitale - Convegno Internazionale, Bologna 1-2 ottobre 2020</h2>
<h2 class="pre-footer-subtitle color-white margin-bottom-button">Comitato scientifico</h2>
<p class="pre-footer-p color-white">Mario Rossi, Mario Rossi, Mario Rossi, Mario Rossi, Mario Rossi, Mario Rossi</p>
<h2 class="pre-footer-subtitle color-white margin-bottom-button">Segreteria organizzativa</h2>
<p class="pre-footer-p color-white">Mario Rossi, Mario Rossi, Mario Rossi, Mario Rossi</p>
</div>
</div>
</div>
</div>
<!-- Copyright -->
<div class="container-fluid background-red">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Insert the copyright suitable for your interests -->
<h2 class="color-white copyright-title section-copyright">© Copyright 2020 Evento, Università</h2>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap js-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Main js -->
<script src="main.js"></script>
<!-- Fontawesome -->
<script src="https://kit.fontawesome.com/5ab590d7bf.js" crossorigin="anonymous"></script>
</body>
</html>