PageSourceSearch

https://topografiaperlastoria.org/en/

html topografiaperlastoria.org collected 2026-10-02 23:04:14 UTC 33,350 bytes, 539 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5	<head>
6
7        		<!-- Basic -->
8		<meta charset="utf-8">
9		<meta name="viewport" content="width=device-width, initial-scale=1">
10
11		<title>TPS - Topografia per la storia, places and paths of the 20th century</title>	
12
13		<meta name="keywords" content="TPS - Topografia per la storia, luoghi e percorsi del '900" />
14		<meta name="description" content="TPS, Topografia per la storia, luoghi e percorsi del '900, didattica, viaggi della memoria, canmpi fascisti, Arbe, lavoro forzato, memorial, corsi di formazione, workshop">
15		<meta name="author" content="Luca Frassineti">
16
17		<!-- Favicon -->
18		<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
19		<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
20
21		<!-- Mobile Metas -->
22		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
23
24		<!-- Web Fonts  -->
25		<link rel="preconnect" href="https://fonts.googleapis.com">
26		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27		<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
28
29		<!-- Vendor CSS -->
30		<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
31		<link rel="stylesheet" href="/vendor/fontawesome-free/css/all.min.css">
32		<link rel="stylesheet" href="/vendor/animate/animate.compat.css">
33		<link rel="stylesheet" href="/vendor/simple-line-icons/css/simple-line-icons.min.css">
34		<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.carousel.min.css">
35		<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.theme.default.min.css">
36		<link rel="stylesheet" href="/vendor/magnific-popup/magnific-popup.min.css">
37
38		<!-- Theme CSS -->
39		<link rel="stylesheet" href="/css/theme.css">
40		<link rel="stylesheet" href="/css/theme-elements.css">
41		<link rel="stylesheet" href="/css/theme-blog.css">
42		<link rel="stylesheet" href="/css/theme-shop.css">
43
44
45		<!-- Skin CSS -->
46		<link id="skinCSS" rel="stylesheet" href="/css/skins/skin-landing.css">
47
48		<!-- Theme Custom CSS -->
49		<link rel="stylesheet" href="/css/custom.css">
50	</head>
51    
52	<body class="loading-overlay-showing" data-loading-overlay data-plugin-options="{'hideDelay': 500, 'effect': 'cubeProgress'}">
53        <div class="loading-overlay">
54            <div class="bounce-loader">
55                <span class="cssload-cube-progress">
56                    <span class="cssload-cube-progress-inner"></span>
57                </span>
58            </div>
59        </div>
60
61		<div class="body">
62			<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
63				<div class="header-body border-top-0">
64					<div class="header-container container-fluid px-lg-4">
65						<div class="header-row">
66							<div class="header-column header-column-border-right flex-grow-0">
67								<div class="header-row pe-4">
68									<div class="header-logo">
69										<a href="index.html">
70											<img alt="TPS topography for history" width="148" height="70" data-sticky-width="85" data-sticky-height="40" src="/img/logo-default-slim.png">
71										</a>
72									</div>
73								</div>
74							</div>
75
76                                    
77				<div class="header-column">
78								<div class="header-row">
79									<div class="header-nav header-nav-links justify-content-center">
80										<div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
81											<nav class="collapse header-mobile-border-top">
82												<ul class="nav nav-pills" id="mainNav">
83													<li class="dropdown">
84														<a class="dropdown-item dropdown-toggle  active" href="/en/">
85															Home
86														</a>
87
88													</li>
89													<li class="dropdown dropdown-mega">
90														<a class="dropdown-item dropdown-toggle " href="chi_siamo.php">
91															About us
92														</a>
93													</li>
94													<li class="dropdown">
95														<a class="dropdown-item dropdown-toggle " href="javascript:;">
96															History portals
97														</a>
98														<ul class="dropdown-menu">
99															<li class="dropdown">
100																<a class="dropdown-item " href="campifascisti.php">Fascist camps</a>
101															</li>
102															<li class="dropdown">
103																<a class="dropdown-item " href="lavoroforzato.php">Forced labor</a>
104															</li>
105															<li class="dropdown">
106																<a class="dropdown-item " href="arbe.php">
106Arbe concentration camp</a>
107															</li>
108														</ul>															
109													</li>
110													<li class="dropdown">
111														<a class="dropdown-item dropdown-toggle " href="didattica.php">
112															Educational offer
113														</a>															
114													</li>
115													<li class="dropdown">
116														<a class="dropdown-item dropdown-toggle " href="viaggi_memoria.php">
117															Memory journeys
118														</a>
119													</li>
120
121													<li class="dropdown">
122														<a class="dropdown-item dropdown-toggle " href="attivita.php">
123															Activities
124														</a>
125													</li>
126													<li class="dropdown">
127														<a class="dropdown-item dropdown-toggle " href="sostienici.php">
128															Support us
129														</a>
130													</li>
131													<li class="dropdown">
132													<a class="dropdown-item dropdown-toggle" href="/it/index.php">
133														<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
134														<title>Italiano</title>
135														<g fill="none" fill-rule="evenodd">
136															<circle cx="20" cy="20" r="19" fill="#009246"/>
137															<text x="20" y="26" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">IT</text>
138														</g>
139														</svg>
140														<!--svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
141														<title>Italiano</title>
142														<defs>
143															<clipPath id="clip-it">
144															<circle cx="20" cy="20" r="18"/>
145															</clipPath>
146														</defs>
147														<g fill="none" fill-rule="evenodd">
148															<circle cx="20" cy="20" r="19" fill="#fff" stroke="#ddd" stroke-width="1"/>
149															<g clip-path="url(#clip-it)">
150															<path d="M2 2h12v36H2z" fill="#009246"/>
151															<path d="M14 2h12v36H14z" fill="#fff"/>
152															<path d="M26 2h12v36H26z" fill="#CE2B37"/>
153															</g>
154															<text x="20" y="28" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#000" text-anchor="middle" opacity=".7">IT</text>
155														</g>
156														</svg-->
157													</a>
158													</li>																																								
159												</ul>
160											</nav>
161										</div>
162									</div>
163								</div>
164							</div>
165
166							<div class="header-column header-column-border-left flex-grow-0 justify-content-center">
167								<div class="header-row ps-4 justify-content-end">
168
169																		<ul class="header-social-icons social-icons d-none d-sm-block social-icons-clean m-0">
170										<li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=100010283657481" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
171										<li class="social-icons-instagram"><a href="https://www.instagram.com/topostoria/" target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li>
172									</ul>
173									<button class="btn header-btn-collapse-nav ms-0 ms-sm-3" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
174										<i class="fas fa-bars"></i>
175									</button>
176								</div>
177							</div>
178						</div>
179					</div>
180				</div>
181			</header>
182
183			<div role="main" class="main">
184				<section class="section section-with-shape-divider border-0 py-0 m-0">
185					<div class="shape-divider shape-divider-bottom z-index-3" style="height: 136px;">
186						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 136" preserveAspectRatio="xMinYMin">
187							<path d="M 0 0.11 L 0 136 L 1920 136 L 1920 1.9 C 1650.0482 79.0955 1327.0648 134 980 134 C 615.6218 134 277.7878 84.5059 0 0.11 Z" fill="#ffffff"/>
188						</svg>
189					</div>
190					<div class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual dots-inside dots-horizontal-center show-dots-hover show-dots-xs nav-style-1 nav-inside nav-inside-plus nav-primary nav-md nav-font-size-md show-nav-hover mb-0" data-plugin-options="{'autoplayTimeout': 9000}" style="height: 100vh;">
191						<div class="owl-stage-outer">
192							<div class="owl-stage">
193
194								<!-- Carousel Slide 1 -->
195								<div class="owl-item position-relative overlay overlay-show overlay-op-8" style="background-image: url(img/sli
195des/slide-corporate-10-1.jpg); background-size: cover; background-position: center; height: 100vh;">
196									<div class="container position-relative z-index-3 h-100">
197										<div class="row justify-content-center align-items-center h-100">
198											<div class="col-lg-6">
199												<div class="d-flex flex-column align-items-center">
200													<h3 class="position-relative text-color-light text-4 line-height-5 font-weight-normal px-4 mb-2 appear-animation" data-appear-animation="fadeInDownShorter" data-plugin-options="{'minWindowWidth': 0}">
201														<span class="position-absolute right-100pct top-50pct transform3dy-n50 opacity-3">
202															<img src="/img/slides/slide-title-border.png" class="w-auto appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
203														</span>
204														TOPOGRAFIA PER LA STORIA
205														<span class="position-absolute left-100pct top-50pct transform3dy-n50 opacity-3">
206															<img src="/img/slides/slide-title-border.png" class="w-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
207														</span>
208													</h3>
209													<h2 class="porto-big-title text-color-light font-weight-extra-bold mb-3" data-plugin-animated-letters data-plugin-options="{'startDelay': 1000, 'minWindowWidth': 0, 'animationSpeed': 300, 'animationName': 'fadeInRightShorterOpacity', 'letterClass': 'd-inline-block'}">TPS</h2>
210													<p class="text-4 text-color-light font-weight-light text-center mb-4" data-plugin-animated-letters data-plugin-options="{'startDelay': 2000, 'minWindowWidth': 0}">PLACES AND PATHS OF THE 20TH CENTURY</p>
211													<a href="chi_siamo.php" class="btn btn-primary btn-modern font-weight-bold text-3 py-3 btn-px-5 mt-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1800" data-plugin-options="{'minWindowWidth': 0}">learn more <i class="fas fa-arrow-right ms-2"></i></a>
212												</div>
213											</div>
214										</div>
215									</div>
216								</div>
217
218								<!-- Carousel Slide 2 -->
219								<div class="owl-item position-relative overlay overlay-show overlay-op-9 pt-5" style="background-image: url(img/slides/slide-corporate-10-2.jpg); background-size: cover; background-position: center; height: 100vh;">
220									<div class="container position-relative z-index-3 h-100">
221										<div class="row justify-content-center align-items-center h-100">
222											<div class="col-lg-7 text-center">
223												<div class="d-flex flex-column align-items-center justify-content-center h-100">
224													<h3 class="position-relative text-color-light text-5 line-height-5 font-weight-normal ls-0 px-4 mb-2 appear-animation" data-appear-animation="fadeInDownShorterPlus" data-plugin-options="{'minWindowWidth': 0}">
225														<span class="position-absolute right-100pct top-50pct transform3dy-n50 opacity-7">
226															<img src="/img/slides/slide-title-border-light.png" class="w-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
227														</span>
228														memory journeys
229														<span class="position-absolute left-100pct top-50pct transform3dy-n50 opacity-7">
230															<img src="/img/slides/slide-title-border-light.png" class="w-auto appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
231														</span>
232													</h3>
233													<h1 class="text-color-light font-weight-extra-bold text-10 text-md-12-13 line-height-1 line-height-sm-3 mb-2 appear-animation" data-appear-animation="blurIn" data-appear-animation-delay="500" data-plugin-options="{'minWindowWidth': 0}">historical research and dissemination</h1>
234													<p class="text-4-5 text-color-light font-weight-light text-center mb-5" data-plugin-animated-letters data-plugin-options="{'startDelay': 1000, 'minWindowWidth': 0, 'animationSpeed': 30}">training courses for teachers and workshops for students</p>
235													<a href="attivita.php" class="btn btn-primary btn-modern font-weight-bold text-3 py-3 btn-px-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1800" data-plugin-options="{'minWindowWidth': 0}">activities <i class="fas fa-arrow-right ms-2"></i></a>
236												</div>
237											</div>
238										</div>
239									</div>
240								</div>
241
242							</div>
243						</div>
244						<div class="owl-nav">
245							<button type="button" role="presentation" class="owl-prev" aria-label="precedente"></button>
246							<button type="button" role="presentation" class="owl-next" aria-label="successivo"></button>
247						</div>
248						<div class="owl-dots mb-5">
249							<button role="button" class="owl-dot active"><span></span></button>
250							<button role="button" class="owl-dot"><span></span></button>
251						</div>
252					</div>
253				</section>
254
255				<div class="container container-xl-custom py-4">
256					<div class="row py-lg-5 my-5">
257						<div class="col-lg-7 pe-lg-5 mb-5 mb-lg-0">
258							<h2 class="font-weight-bold mb-4">The Cultural Association Topography for History </h2>
259							<p class="text-color-dark text-6 line-height-5">has been carrying out historical research and dissemination activities on the repressive system of the fascist regime in Italy and in occupied countries before and during the Second World War since 2015.</p>
260							<p class="line-height-9 text-4 pe-lg-5 me-lg-5 mb-4"></p>
261							<a href="chi_siamo.php" class="learn-more text-primary font-weight-semibold text-2">read all <i class="fas fa-chevron-right text-3 ms-2"></i></a>
262						</div>
263						<div class="col-md-10 col-lg-5">
264							<div class="row">
265								<div class="col-6 mb-4">
266									<div class="appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="200">
267										<span class="d-inline-block font-weight-extra-bold text-color-primary font-italic line-height-1 text-6 ls-0 mb-2"><i class="fa-solid fa-globe"></i></span>
268										<h4 class="font-weight-bold text-5 ps-1 mb-2">Portals</h4>
269										<p class="ps-1"><a href="campifascisti.php">Places of imprisonment</a>, <a href="arbe.php">internment</a> and <a href="lavoroforzato.php">forced labor</a>.</p>
270									</div>
271								</div>
272								<div class="col-6 mb-4">
273									<div class="appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="600">
274										<span class="d-inline-block font-weight-extra-bold text-color-primary font-italic line-height-1 text-6 ls-0 mb-2"><i class="fa-solid fa-person-falling"></i></span>
275										<h4 class="font-weight-bold text-5 ps-1 mb-2">Itineraries</h4>
276										<p class="ps-1"><a href="viaggi_memoria.php">Journeys of history and memory</a>.</p>
277									</div>
278								</div>
279							</div>
280							<div class="row">
281								<div class="col-6 mb-4 mb-sm-0">
282									<div class="appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1000">
283										<span class="d-inline-block font-weight-extra-bold text-color-primary font-italic line-height-1 text-6 ls-0 mb-2"><i class="fa-solid fa-building-columns"></i></i></i></span>
284										<h4 class="font-weight-bold text-5 ps-1 mb-2">Workshops</h4>
285										<p class="ps-1"><a href="didattica.php">Educational offer</a>
285 for secondary schools.</p>
286									</div>
287								</div>
288								<div class="col-6">
289									<div class="appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1400">
290										<span class="d-inline-block font-weight-extra-bold text-color-primary font-italic line-height-1 text-6 ls-0 mb-2"><i class="fa-solid fa-circle-check"></i></span>
291										<h4 class="font-weight-bold text-5 ps-1 mb-2">Activities carried out</h4>
292										<p class="ps-1">A decade of <a href="attivita.php">initiatives</a>.</p>
293									</div>
294								</div>
295							</div>
296						</div>
297					</div>
298				</div>
299
300				<section class="section bg-color-grey section-height-3 border-0 m-0">
301					<div class="container container-xl-custom py-3">
302						<div class="row">
303							<div class="col text-center">
304								<h2 class="font-weight-normal mb-5"><strong class="font-weight-extra-bold">Shots</strong></h2>
305							</div>
306						</div>
307						<div class="row mb-5">
308							<div class="col">
309
310								<div class="owl-carousel owl-theme nav-style-1 stage-margin mb-0" data-plugin-options="{'responsive': {'792': {'items': 1}, '792': {'items': 2}, '792': {'items': 3}, '792': {'items': 4}}, 'margin': 3, 'loop': false, 'nav': true, 'dots': false, 'autoplay': false, 'autoplayTimeout': 150000, 'stagePadding': 40}">
311									<div class="m-3">
312										<div class="hover-effect-3d">
313											<div class="thumb-info thumb-info-hide-wrapper-bg thumb-info-no-zoom rounded-0">
314												<div class="thumb-info-wrapper">
315													<img src="/img/scatti/03_podhum_nada_maurinac_internata.jpg" class="img-fluid rounded-0 hover-effect-2" alt="Testimonies">
316													<a href="https://www.campifascisti.it/elenco_testimoni.php" target="testimoni"  class="text-tertiary"><strong>Testimonies</strong></a></p>
317												</div>
318											</div>
319										</div>
320									</div>
321									<div class="m-3">
322										<div class="hover-effect-3d">
323											<div class="thumb-info thumb-info-hide-wrapper-bg thumb-info-no-zoom rounded-0">
324												<div class="thumb-info-wrapper">
325													<img src="/img/scatti/Mappe.jpg" class="img-fluid rounded-0 hover-effect-2" alt="Maps">
326													<a href="https://www.campifascisti.it/mappe.php" target="mappe" class="text-tertiary bottom-align"><strong>Historical Maps</strong></a></p>
327												</div>
328											</div>
329										</div>
330									</div>
331									<div class="m-3">
332										<div class="hover-effect-3d">
333											<div class="thumb-info thumb-info-hide-wrapper-bg thumb-info-no-zoom rounded-0">
334												<div class="thumb-info-wrapper">
335													<img src="/img/scatti/AAA busta DSC_0137.jpg" class="img-fluid rounded-0 hover-effect-2" alt="Historical archive">
336													<a hraef="https://www.campifascisti.it/documenti.php" target="documenti" class="text-tertiary"><strong>Document database</strong></a></p>
337												</div>
338											</div>
339										</div>
340									</div>
341									<div class="m-3">
342										<div class="hover-effect-3d">
343											<div class="thumb-info thumb-info-hide-wrapper-bg thumb-info-no-zoom rounded-0">
344												<div class="thumb-info-wrapper">
345													<img src="/img/scatti/Confinato etiope.jpg" class="img-fluid rounded-0 hover-effect-2" alt="Ethiopian confinee">
346													<a href="https://www.campifascisti.it/elenco_immagini.php" target="immagini" class="text-tertiary"><strong>Image database</strong></a></p>
347												</div>
348											</div>
349										</div>
350									</div>																		
351								</div>
352
353							</div>
354						</div>
355					</div>
356
357
358					<div class="container container-xl-custom">
359						<div class="row text-center py-4 my-5">
360							<div class="owl-carousel owl-theme nav-style-1 stage-margin mb-0" data-plugin-options="{'responsive': {'1024': {'items': 1}, '1024': {'items': 2}, '1024': {'items': 3}, '1024': {'items': 4}}, 'margin': 3, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 40}">
361								<div>
362									<img class="img-fluid" src="/img/scatti/archivio carcere di parma.JPG" alt="Parma prison archive"><a href="chi_siamo.php" class="text-quaternary">Historical research</a></p>
363								</div>
364								<div>
365									<img class="img-fluid" src="/img/scatti/05 podhum.jpg" alt="Podhum"><a href="viaggi_memoria.php" class="text-quaternary">Memory journeys</a></p>
366								</div>								
367								<div>
368									<img class="img-fluid" src="/img/scatti/corsiformazione.jpg" alt="Rab/Arbe The necessary memory"><a href="didattica.php" class="text-quaternary">Training courses for teachers</a></p>
369								</div>
370								<div>
371									<img class="img-fluid" src="/img/scatti/workshop.jpg" alt="Le Fraschette c
371oncentration camp in Alatri"><a href="didattica.php" class="text-quaternary">Workshops for schools</a></p>
372								</div>
373							</div>
374						</div>
375					</div>
376				</section>
377				<hr>
378
379			</div>
380
381			            <footer id="footer" class="bg-color-light border-0 pt-5 mt-0">
382                            <div class="container pb-5 mb-5" id="contact">
383                    <div class="row justify-content-center">
384                        <div class="col-md-9 col-lg-6">
385                            <h2 class="font-weight-normal text-color-dark text-center text-8 mb-4"><p><hr class="pattern tall py-3"></p><strong class="font-weight-extra-bold">Contact us</strong></h2>
386                            <p class="text-4 opacity-8 text-center mb-4">Do you want to know more about the Association's activities? Do you want to propose new initiatives? Do you have interesting ideas on which to propose fundraising?
387                                Fill out the form and contact us!</p>
388                            <form class="contact-form form-style-3" action="php/contact-form.php" method="POST">
389                                <div class="contact-form-success alert alert-success d-none">
390                                    Your message has been sent, we will reply as soon as possible, thank you!
391                                </div>
392
393                                <div class="contact-form-error alert alert-danger d-none">
394                                    An error occurred, please try again....
395                                    <span class="mail-error-message text-1 d-block"></span>
396                                </div>
397
398                                <input type="hidden" value="Message from website" name="subject" id="subject">
399                                <div class="row">
400                                    <div class="form-group col-md-6 pe-md-2">
401                                        <input type="text" value="" data-msg-required="enter your name" maxlength="100" class="form-control h-auto py-2" placeholder="Your name..." name="name" id="name" required>
402                                    </div>
403                                    <div class="form-group col-md-6 ps-md-2">
404                                        <input type="text" value="" data-msg-required="enter your phone" maxlength="100" class="form-control h-auto py-2" placeholder="Your phone..." name="phone" id="phone" required>
405                                    </div>
406                                </div>
407                                <div class="form-group">
408                                    <input type="email" value="" data-msg-required="enter your email" data-msg-email="invalid email" maxlength="100" class="form-control h-auto py-2" placeholder="Your email..." name="email" id="email" required>
409                                </div>
410                                <div class="row">
411                                    <div class="form-group col">
412                                        <textarea maxlength="5000" data-msg-required="Write your message" rows="4" class="form-control" placeholder="Your message..." name="message" id="message" required></textarea>
413                                    </div>
414                                </div>
415                                <div class="row">
416                                    <div class="form-group col text-center">
417                                        <input type="submit" value="SEND" class="btn btn-primary font-weight-semibold text-3 px-5 btn-py-2" data-loading-text="Loading...">
418                                    </div>
419                                </div>
420                            </form>
421                        </div>
422                    </div>
423                </div>
424                            <div class="footer-copyright curved-border curved-border-top d-flex align-items-center">
425                    <div class="container py-2">
426                        <div class="row py-4">
427                            <div class="col text-center">
428                                <p class="text-3"><strong class="font-weight-normal text-color-light opacity-7">Topografia per la storia TPS - Via Gaetano Rappini 40
42900149 Rome - Tax ID 97862210586 - [email protected]</strong> | 2015 - 2026 © Copyright - <a data-bs-toggle="modal" data-bs-target="#ModalPrivacy" id="openModal">privacy</a> - <a data-bs-toggle="modal" data-bs-target="#ModalCookies" id="openModal">cookies</a>                            </div>
430                        </div>
431                    </div>
432                </div>
433                <div class="modal fade" id="ModalPrivacy" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
434                    <div class="modal-dialog">
435                        <div class="modal-content" style="background: #ccc">
436                            <div class="modal-header">
437                                <h4 class="modal-title" id="defaultModalLabel" style="color: var(--primary);">Privacy policy & general conditions</h4>
438                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
439                            </div>
440                            <div class="modal-body">
441                                <h1>Privacy Policy</h1>
442                                <p>This Privacy Policy describes how [Website Name] collects, uses, protects and shares users' personal data.</p>
443
444                                <h2>Data collected</h2>
445                                <p>We collect personal data voluntarily provided by users, such as name, email address, phone number, and other data necessary to provide our services. Additionally, we may automatically collect information such as IP address, browser type, pages visited and duration of visit, through cookies and similar technologies.</p>
446
447                                <h2>Purposes of processing</h2>
448                                <p>We use the collected data for:
449                                <ul>
450                                <li>Provide and improve our services</li>
451                                <li>Respond to user requests</li>
452                                <li>Send you updates, offers and promotional communications (only if you have given consent)</li>
453                                <li>Analyze site usage to optimize user experience</li>
454                                </ul>
455                                </p>
456
457                                <h2>Legal basis of processing</h2>
458                                <p>We process your data only if we have your consent, or when processing is necessary for the execution of a contract, or to comply with legal obligations.</p>
459
460                                <h2>Data sharing</h2>
461                                <p>Your data will not be sold to third parties. We may share it with reliable service providers who help us manage the site and our services, respecting privacy regulations.</p>
462
463                                <h2>User rights</h2>
464                                <p>You have the right to access, correct, delete your personal data, or to object to their processing. To exercise these rights, contact us at the email address: <a href="mailto:[contact email]">[contact email]</a>.</p>
465
466                                <h2>Data security</h2>
467                                <p>We adopt adequate security measures to protect your data from unauthorized access, loss or unwanted disclosure.</p>
468
469                                <h2>Changes to the Policy</h2>
470                                <p>We reserve the right to update this Privacy Policy at any time. Changes will be published on this page with an update date.</p>
471                            </div>
472                            <div class="modal-footer">
473                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
474                            </div>
475                        </div>
476                    </div>
477                </div>
478                <div class="modal fade" id="ModalCookies" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
479                    <div class="modal-dialog">
480                        <div class="modal-content" style="background: #ccc">
481                            <div class="modal-header">
482                                <h4 class="modal-title" id="defaultModalLabel" style="color: var(--primary);">Cookies</h4>
483                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
484                            </div>
485                            <div class="modal-body">
486                                <h1>Cookie Policy</h1>
487                                <p>
487This site uses cookies to improve the user's browsing experience and to analyze the use of the site itself. By continuing to browse this site, you consent to the use of cookies as described in this policy.</p>
488
489                                <h2>What are cookies</h2>
490                                <p>Cookies are small text files that websites store on your device to collect information about your preferences and your interactions with the site.</p>
491
492                                <h2>Types of cookies used</h2>
493                                <ul>
494                                <li><strong>Technical cookies:</strong> necessary for the functioning of the site, such as those for navigation or authentication.</li>
495                                <li><strong>Analytics cookies:</strong> used to collect information on the use of the site, to improve the services offered.</li>
496                                <li><strong>Profiling cookies:</strong> used to create user profiles and send personalized advertising messages.</li>
497                                </ul>
498
499                                <h2>How to disable cookies</h2>
500                                <p>You can change your browser settings to block or delete cookies. However, disabling some cookies may affect the functionality of the site.</p>
501
502                                <h2>Cookie management</h2>
503                                <p>You can manage cookie preferences directly from your browser. Below are some links to the settings of the main browsers:</p>
504                                <ul>
505                                <li><a href="https://support.google.com/chrome/answer/95647?hl=it" target="_blank">Google Chrome</a></li>
506                                <li><a href="https://support.mozilla.org/it/kb/cookie-perché-sono-importanti" target="_blank">Mozilla Firefox</a></li>
507                                <li><a href="https://support.apple.com/it-it/guide/safari/sfri11471/mac" target="_blank">Safari</a></li>
508                                <li><a href="https://help.microsoft.com/it-it/windows/microsoft-edge-settings" target="_blank">Microsoft Edge</a></li>
509                                </ul>
510
511                                <h2>Contacts</h2>
512                                <p>For any questions regarding the use of cookies, you can contact us using the appropriate contact form on the home page.</p>
513                            </div>
514                            <div class="modal-footer">
515                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
516                            </div>
517                        </div>
518                    </div>
519                </div>                
520            </footer>			
521		</div>
522
523		<!-- Vendor -->
524		
524<script src="/vendor/plugins/js/plugins.min.js"></script>
524
525
526		<!-- Theme Base, Components and Settings -->
527		
527<script src="/js/theme.js"></script>
527
528
529		<!-- Current Page Vendor and Views -->
530		
530<script src="/js/views/view.contact.js"></script>
530
531
532		<!-- Theme Custom -->
533		
533<script src="/js/custom.js"></script>
533
534
535		<!-- Theme Initialization Files -->
536		
536<script src="/js/theme.init.js"></script>
536
537
538	</body>
539</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.