-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
181 lines (170 loc) · 8.79 KB
/
index.html
File metadata and controls
181 lines (170 loc) · 8.79 KB
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
<!DOCTYPE html>
<html lang="en">
<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>Discord</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" integrity="sha512-BnbUDfEUfV0Slx6TunuB042k9tuKe3xrD6q4mg5Ed72LTgzDIcLPxg6yI2gcMFRyomt+yJJxE+zJwNmxki6/RA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<section class="container">
<div>
<div class="fl clearfix logo">
<img src="img/logo.svg" alt="">
</div>
<nav class="fl clearfix">
<ul>
<li><a href="#">Scarica</a></li>
<li><a href="#">Perchè Discord</a></li>
<li><a href="#">Nitro</a></li>
<li><a href="#">Sicurezza</a></li>
<li><a href="#">Assistenza</a></li>
</ul>
</nav>
<div class="button style1 fl clearfix">
<a href="#">Accedi</a>
</div>
</div>
</section>
<section class="container center">
<h1>Il tuo posto per parlare</h1>
<p>Che tu faccia parte di un club scolastico, gruppo di gamer, comunità artistica mondiale, o semplicemente di un piccolo gruppo di amici che vuole passare il tempo assieme, Discord rende tutto più facile chiacchierare ogni giorno e ritrovarsi più spesso.</p>
<div>
<span class="button style2"><a href="">↓ Scarica per Mac</a></span>
<span class="button style2"><a href="">Apri Discord nel tuo browser</a></span>
</div>
</section>
</header>
<main>
<section class="container clearfix">
<div class="img fl">
<img src="img/item1.svg" alt="">
</div>
<div class="paragrafo-main fr">
<h1>Un luogo a invito con tutto lo spazio necessario per parlare</h1>
<p>I server Discord sono organizzati in canali tematici in cui puoi collaborare, condividere o semplicemente parlare della tua giornata senza intasare una chat di gruppo.</p>
</div>
</section>
<div class="bkg-grey">
<svg class="wave-1hkxOo wave-top" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1 animationPaused-2hZ4IO" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg>
<section class="container clearfix space-top">
<div class="img fr">
<img src="img/item2.svg" alt="">
</div>
<div class="paragrafo-main fl">
<h1>Dove trovarsi è facile</h1>
<p>Mettiti comodo in un canale vocale quando hai tempo. Gli amici nel tuo server possono vedere che sei lì e unirsi istantaneamente senza dover chiamare</p>
</div>
</section>
</div>
<section class="container clearfix space-top">
<div class="img fl">
<img src="img/item3.svg" alt="">
</div>
<div class="paragrafo-main fr">
<h1>Da pochi a un fandom</h1>
<p>Dai inizio a una community di qualsiasi dimensione con strumenti di moderazione e accesso ai membri personalizzabile. Concedi ai membri poteri speciali, crea canali privati, e molto altro.</p>
</div>
</section>
<div class="bkg-grey">
<section class="container space-top">
<div class="final-paragrafo">
<h1>Tecnologia affidabile per tenersi in contatto</h1>
<p>Video e audio a bassa latenza ti faranno sentire come se foste tutti nella stessa stanza. Fai ciao in video, guarda gli amici giocare in streaming, o riunitevi in una sessione di disegno con la condivisione schermo.</p>
</div>
<div class="img">
<img src="img/item4-big.svg" alt="">
</div>
</section>
<div class="last-bkg-main">
<h2>Pronto a iniziare la tua avventura?</h2>
<a href="#" class="style2">↓ Scarica per Mac</a>
</div>
</div>
</main>
<footer>
<section class="container">
<div class="clearfix">
<div class="col-4 fl">
<div class="widget">
<h4 class="widget-main-title">Il tuo posto per parlare</h4>
<img src="img/italian icon.png" alt="">
<form action="">
<select name="language" id="language">
<option value="italiano">Italiano</option>
<option value="inglese">Inglese</option>
<option value="spagnolo">Spagnolo</option>
</select>
</form>
<ul class="social">
<li><a href=""><i class="fab fa-twitter"></i></a></li>
<li><a href=""><i class="fab fa-instagram"></i></a></li>
<li><a href=""><i class="fab fa-facebook"></i></a></li>
<li><a href=""><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="fl col-8">
<div class="col-3 widget fl">
<h4 class="widget-title">Prodotto</h4>
<ul class="widget-menu">
<li><a href="">Scarica</a></li>
<li><a href="">Perchè Discord</a></li>
<li><a href="">Nitro</a></li>
<li><a href="">Sicurezza</a></li>
<li><a href="">Assistenza</a></li>
</ul>
</div>
<div class="col-3 widget fl">
<h4 class="widget-title">Compagnia</h4>
<ul class="widget-menu">
<li><a href="">Chi siamo</a></li>
<li><a href="">Lavora con noi</a></li>
<li><a href="">Marchio</a></li>
<li><a href="">Redazione</a></li>
<li><a href="">Negozio</a></li>
</ul>
</div>
<div class="col-3 widget fl">
<h4 class="widget-title">Risorse</h4>
<ul class="widget-menu">
<li><a href="">Scarica</a></li>
<li><a href="">Perchè Discord</a></li>
<li><a href="">Nitro</a></li>
<li><a href="">Sicurezza</a></li>
<li><a href="">Assistenza</a></li>
<li><a href="">Scarica</a></li>
<li><a href="">Perchè Discord</a></li>
<li><a href="">Nitro</a></li>
<li><a href="">Sicurezza</a></li>
<li><a href="">Assistenza</a></li>
<li><a href="">Assistenza</a></li>
</ul>
</div>
<div class="col-3 widget fl">
<h4 class="widget-title">Norme</h4>
<ul class="widget-menu">
<li><a href="">Scarica</a></li>
<li><a href="">Perchè Discord</a></li>
<li><a href="">Nitro</a></li>
<li><a href="">Sicurezza</a></li>
<li><a href="">Assistenza</a></li>
</ul>
</div>
</div>
</div>
<div id="colophon">
<div class="col">
<img src="img/logo.svg" alt="" class="fl">
</div>
<div class="col">
<a href="#" class="button fr">Registrati</a>
</div>
</div>
</section>
</footer>
</body>
</html>