forked from desla92/Aidea
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstaff.html
110 lines (108 loc) · 6.07 KB
/
staff.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Aidea - Just say it</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="immagini/flavicon.png" type="icon/png">
<link href="https://fonts.googleapis.com/css?family=Amiko:400,600|Montserrat:100,400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
</head>
<body>
<!-- header -->
<header class="fisso">
<h1> <a href="index.html"><img src="immagini/logohome230x54.svg" width="180px" alt="Sito Aidea"></a>
</h1>
<nav>
<label for="toggle">☰</label>
<input type="checkbox" id="toggle"/>
<div class="menu">
<a href="index.html">Home</a>
<a href="lanostramissione.html">Missione</a>
<a href="testimonianze.html">Testimonianze</a>
<a class="active" href="staff.html">Lo staff</a>
<a href="accedi.html"> <span>Accedi</span></a>
</div>
</nav>
</header>
<!-- aside -->
<aside class="banner1 marginmenumissione">
<h2 class="titolo-staff">Per la tua AIDEA puoi contare sul nostro STAFF
<br>
<a href="#btntomain"><span class="fas fa-angle-double-down titolo-staff"></span></a>
</h2>
</aside>
<main class="contenitore" id="btntomain">
<!-- <div class="displayflex"> -->
<figure class="colonnestaff">
<img id="cambiosara" alt="">
</figure>
<div class="boxdescrizione1">
<h2 class="titolo-persona">Sara Fossati</h2>
<h3>Lorem, ipsum dolor.</h3><br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maiores repudiandae fugit dolores similique aspernatur voluptates nesciunt consequuntur, a id molestias libero perspiciatis numquam ipsa molestiae repellendus consequatur, sit reiciendis omnis laboriosam. Dolore dolorum ducimus illo maiores, eos temporibus deserunt, reiciendis nisi facere voluptate unde laborum dolorem ad tempora ut facilis?</p>
</div>
<div class="boxdescrizione2">
<h2 class="titolo-persona">Linda Mazzola</h2>
<h3>Lorem, ipsum dolor.</h3><br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maiores repudiandae fugit dolores similique aspernatur voluptates nesciunt consequuntur, a id molestias libero perspiciatis numquam ipsa molestiae repellendus consequatur, sit reiciendis omnis laboriosam. Dolore dolorum ducimus illo maiores, eos temporibus deserunt, reiciendis nisi facere voluptate unde laborum dolorem ad tempora ut facilis?</p>
</div>
<figure class="colonnestaff">
<img id="cambiolinda" alt="">
</figure>
<!-- </div>
<div class="displayflex"> -->
<figure class="colonnestaff">
<img id="cambiolavi" alt="">
</figure>
<div class="boxdescrizione2">
<h2 class="titolo-persona">Lavinia Garau</h2>
<h3>L'estrosa deconcentrata</h3><br>
<p>Ciuffo sbarazzino, mente distratta e presa da mille progetti; affidabile e professionale quando necessario, la sua tendenza a combinarne ogni due secondi garantisce uno spettacolo quotidiano! Ha un disturbo della personalità che la porta ad assumere 2000 nickname, a fare battute pessime e ha una segreta ossessione per le cose soft.</p>
</div>
<div class="boxdescrizione1">
<h2 class="titolo-persona">Desirè Lanza</h2>
<h3>Lorem, ipsum dolor.</h3><br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maiores repudiandae fugit dolores similique aspernatur voluptates nesciunt consequuntur, a id molestias libero perspiciatis numquam ipsa molestiae repellendus consequatur, sit reiciendis omnis laboriosam. Dolore dolorum ducimus illo maiores, eos temporibus deserunt, reiciendis nisi facere voluptate unde laborum dolorem ad tempora ut facilis?</p>
</div>
<figure class="colonnestaff">
<img id="cambiodesi" alt="">
</figure>
<!-- </div> -->
</main>
<!-- footer -->
<footer>
<h3 class="titolo-main">Rimani sempre aggiornato, iscriviti anche tu alla nostra newsletter!</h3>
<form action="#">
<label for="newsletter"></label>
<input type="text" id="newsletter" name="newsletter" placeholder="[email protected]">
<input class="button-verde" type="submit" value="Iscriviti">
</form>
<div class="menusocial">
<div id="logo"></div>
<div class="menusocial">
<a href="https://instagram.com" target="_blank"><span class="fab fa-instagram"></span></a>
<a href="https://facebook.com" target="_blank"><span class="fab fa-facebook-f"></span></a>
<a href="https://it.pinterest.com" target="_blank"><span class="fab fa-pinterest"></span></a>
<a href="https://youtube.com" target="_blank"><span class="fab fa-youtube"></span></a>
<a href="https://twitter.com" target="_blank"><span class="fab fa-twitter"></span></a>
</div>
</div>
<ul>
<li><a href="#" target="_blank">FAQ</a></li>
<li>|</li>
<li><a href="#" target="_blank">Aiuto</a></li>
<li>|</li>
<li><a href="#" target="_blank">Contattaci</a></li>
<li>|</li>
<li><a href="#" target="_blank">Linee guida</a></li>
<li>|</li>
<li><a href="#" target="_blank">Informativa sulla provacy</a></li>
</ul>
<p class="margintop">© 2019 Aidea | Attenzione: il sito è stato creato a scopo didattico dagli allievi del corso accademico Web & Digital Media
</p><p class="marginbottom">del primo anno della Scuola Mohole. Alcuni contenuti e riferimenti aziendali sono di fantasia. </p>
</footer>
</body>
</html>