-
Notifications
You must be signed in to change notification settings - Fork 0
/
chiaraferragni.html
156 lines (139 loc) · 7.46 KB
/
chiaraferragni.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<!-- viewport controllo zoom bloccato -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- X-UA per conpatibilità di alcuni aspetti di Internet Explorer -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- autore del sito -->
<meta name="author" content="Sara e Desirè">
<!-- meta description -->
<meta name="description" content="Blog ">
<!-- meta keywords -->
<meta name="keywords" content="milano, murales, arte, ">
<!-- favicon -->
<link rel="icon" href="favicon.png" type="">
<title>Blog Milano</title>
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- link a google font con font scelto -->
<link href="https://fonts.googleapis.com/css?family=Nova+Mono&display=swap" rel="stylesheet">
<!-- link per carosello -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- inizio header che comprende immagine background, menu social fixed lato sinistro e menu hamburger lato destro -->
<div class="parallax">
<header>
<div class="bannersingle">
<a href="index.html"><div class="cerchioarticolo"><h1><img src="img/logo_n.svg" alt="logo"></h1></div></a>
<div class="social">
<a href="https://it.pinterest.com" target="_blank" class="red">Pinterest <span class="fab fa-pinterest"></span></a>
<a href="https://instagram.com" target="_blank" class="pink">Instagram <span class="fab fa-instagram"></span></a>
<a href="https://facebook.com" target="_blank" class="blue">Facebook <span class="fab fa-facebook-f"></span></a>
<a href="https://twitter.com" target="_blank" class="light-blue">Twitter <span class="fab fa-twitter"></span></a>
</div>
<div class="outer-menu">
<input class="checkbox-toggle" type="checkbox" />
<div class="hamburger">
<div></div>
</div>
<div class="menu">
<div>
<div>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="aboutus.html">NOI</a></li>
<li><a href="mappa.html">MAPPA</a></li>
<li><a href="contattaci.html">CONTATTI</a></li>
<li><div class="search-box">
<div class="wrap"></div>
<div class="search">
<input type="text" class="searchTerm" placeholder=" Cerca...">
<button type="submit" class="searchButton">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</div></li>
</ul>
</div>
</div>
</div>
</header>
<b class="titoloarticolo">Santa Chiara Ferragni</b>
<p class="autore"> di Sara Fossati</p>
<p class="autore"><img class="rotondo" src="img/saraciao.jpg" alt=""></p>
<article class="articolosingolo">
<em class="destra">Tempo di lettura: 4 minuti
<br>
Scritto il 4 Febbraio 2020
</em>
<p class="testoarticolo">Volete fare una foto con Chiara Ferragni ma non sapete dove trovarla?
La risposta è molto semplice: a pochi passi da Piazza Duomo, in via Torino 21/23.
Chiara sarà presente insieme al figlio Leone 24 ore su 24, 7 giorni su 7.
<br>
<br>
Vi starete chiedendo come può essere possibile… facile! Da qualche mese a questa parte, lo street artist <strong>Tvboy</strong> ha deciso di riservarle un posto speciale anche nel mondo dell’arte… o meglio dire: <strong>street art</strong>.
<br>
<br>
La Ferragni, che da anni ci sta facendo invidiare la sua casa a Los Angeles e il suo centinaio di capi firmati, non sembra volersi limitare al mondo del web… anzi… ce la ritroveremo ovunque!
<br>
<br>
Dalla sua linea di vestiti, alla bottiglietta d’acqua brandizzata con il suo logo, l’influencer è adesso alla portata di tutti.
<br>
<br>
</p>
<img class="fotoarticolo" src="img/a.jpg" alt="">
<p class="testoarticolo">Se state passeggiando in <strong>via Torino</strong>, passando da un negozio all’altro, potrete vedere il murales in questione. Vi basterà scattare una foto e postarla sui social e chissà… magari sarete tra i fortunati che riceveranno un suo like!
<br>
<br>
Attenzione però, non fate ingelosire il marito (Fedez) facendo troppe foto al murales!</p>
<img class="fotoarticolo" src="img/viatorino.jpg" alt="">
<p class="testoarticolo">La Ferragni viene raffigurata nelle vesti di una <strong>Madonna</strong> e tiene in braccio il figlio Leone nei panni di Gesù bambino.
<br>
<br>
<img class="fotoarticolo" src="img/chiara2.jpg" alt="">
<br>
<br>
Le critiche, che da sempre inseguono Chiara, hanno avuto campo libero anche questa volta:
<br>
<br>
<em>“Era necessario dipingere anche i suoi piedi orrendi?”
“Perchè accostarla alla figura sacra della Madonna?”
“Non è too much?”</em>
<br>
<br>
I piedi dell’influencer sono stati presi di mira per parecchi mesi, storia che non sembra voler finire.
Insieme ai piedi, le critiche si sono scagliate contro la bottiglietta di acqua che la stessa blogger ha brandizzato con il suo logo… forse per il prezzo eccessivo….o forse per invidia.</p>
<br>
<br>
<b class="titoloarticolo">Ecco dove lo trovi:</b>
<iframe class="mappa mapparesponsive" src="https://www.google.com/maps/d/u/0/embed?mid=1SvekhaGh9SINH2ZkXuYPE0H5JHDu3jaz" width="640" height="480"></iframe>
</article>
</div>
<footer>
<h3 class="titolo-main">Iscriviti alla newsletter!</h3>
<form action="#">
<label for="nwl"></label>
<input class="footer_text" type="text" id="nwl" name="nwl" placeholder="[email protected]">
<input class="iscriviti" type="submit" value="Iscriviti">
</form>
</div>
<p class="margintop">Il sito è stato creato a scopo didattico dagli allievi del corso accademico Web & Digital Media del primo anno della Scuola Mohole.</p>
<ul class="caratterepiccolo">
<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">Informativa sulla privacy</a></li>
</ulclass="caratterepiccolo">
</footer>
</body>
</html>