-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsecond.html
More file actions
208 lines (205 loc) · 10.5 KB
/
Copy pathsecond.html
File metadata and controls
208 lines (205 loc) · 10.5 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
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
<!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">
<meta name="description" content="Dropbox webpage">
<meta name="keywords" content="Dropbox, work, tool, buisness, professional, advanced, enterprise, partners, team" />
<meta name="author" content="Laura Bigoni">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.css'
integrity='sha512-4wfcoXlib1Aq0mUtsLLM74SZtmB73VHTafZAvxIp/Wk9u1PpIsrfmTvK0+yKetghCL8SHlZbMyEcV8Z21v42UQ=='
crossorigin='anonymous' />
<link rel="icon" href="img/logodropbox.png">
<link rel="stylesheet" href="css/style2.css">
<title>Perchè Dropbox</title>
</head>
<body>
<header>
<nav id="nav-bar" class="clearfix">
<div class="col w-50">
<a href="index.html"><img id="logo" src="img/logo-small.png" alt="logo dropbox"></a>
</div>
<div class="col w-50 text-right">
<ul>
<li><a href="#video">Guarda il video 🡭</a></li>
<li><a class="btn btn-small" href="index.html#prices">Scopri i nostri piani</a></li>
</ul>
</div>
</nav>
<div id="jumbotron" class="clearfix">
<div class="container">
<div class="col w-70">
<h1>Benvenuto nell'area di lavoro intelligente</h1>
<img class="calendar" src="imgsecond/dots.png" alt="calendar">
<img class="whatsapp" src="imgsecond/whatsapp.png" alt="whatsapp">
<img class="email" src="imgsecond/email.png" alt="email">
</div>
<div class="col w-50">
<p>
Oggigiorno siamo circondati da dispositivi intelligenti: cellulari, carte di credito, auto e
persino case. Tuttavia, non si può dire lo stesso dell'ambiente di lavoro, in cui regna la
confusione, con documenti e conversazioni sparsi tra piattaforme diverse e non collegate tra
loro. Non è colpa tua. È giunto il momento di rendere intelligente anche questo ambito. Ecco
perché Dropbox sta sviluppando la prima area di lavoro intelligente al mondo.
<br>
<i class="fas fa-arrow-down"></i>
</p>
</div>
</div>
</div>
</header>
<main>
<div class="bg-bordeaux">
<div class="container clearfix">
<section id="pic-section" class="text-center">
<h2>Perché proprio adesso?</h2>
<img class="jumbo" src="imgsecond/jumbo-secondary.gif" alt="jumbotron">
</section>
<section id="main-section">
<div class="col w-50">
<h3>Basti pensare a quanto è cambiato il lavoro nell'ultimo decennio.</h3>
<p>
Siamo passati da pochi strumenti software a dozzine di applicazioni, canali di comunicazione
e sistemi di gestione dei progetti popolari, ciascuno multi-dispositivo e sempre attivo.
Disponiamo di più tecnologie, un'intelligenza più vasta, un numero maggiore di persone con
cui lavorare in molti modi diversi. Tutto questo, tuttavia, ha un costo: l'onere mentale di
dover gestire tutto quanto.
</p>
<p>
La maggior parte di noi passa da un'applicazione di lavoro all'altra ogni sei minuti, con
notifiche costanti che interrompono la nostra attenzione. Con contenuti, strumenti e team
frammentati, non c'è da meravigliarsi se ci sentiamo frustrati e i team non riescono a
sincronizzarsi. Man mano che svolgere attività importanti sul lavoro diventa sempre più
difficile, dedichiamo sempre più ore non lavorative a cercare di tenere il passo. Tuttavia,
anche se ci stiamo avvicinando a una giornata lavorativa di 24 ore, la produttività globale
sta raggiungendo un punto di stagnazione.
</p>
</div>
<div class="col w-50">
<h4>È ora di iniziare a lavorare in modo più intelligente.</h4>
</div>
</section>
</div>
</div>
<div class="bg-orchid">
<div class="container clearfix">
<section id="work" class="text-center">
<h2>Un modo nuovo di <br> lavorare</h2>
<img src="imgsecond/rotateimg.gif" alt="">
</section>
<section id="work-section">
<div class="col w-50">
<h3>Che cos'è un'area di lavoro intelligente? Quale aspetto avrebbe? </h3>
<p>
Un'area di lavoro intelligente è un ambiente digitale unisce tutti i contenuti dei team ai
loro strumenti preferiti, consentendo agli utenti di eliminare il disordine e dedicarsi al
lavoro importante.
</p>
<p>
Innanzitutto, in un'area di lavoro intelligente tutti i contenuti e gli strumenti utilizzati
sono interconnessi, rendendoli facilmente accessibili. Niente più passaggi tra piattaforme,
applicazioni e tipi di contenuti: un'area di lavoro intelligente ti consente di utilizzarli
in un unico posto.
</p>
<p>
In secondo luogo, un'area di lavoro intelligente affianca persone e conversazioni associate
a un file o progetto, riunendo il tuo lavoro in un luogo unico e non disperdendolo tra
canali di comunicazione frammentati.
</p>
<p>
In terzo luogo, quest'area di lavoro utilizza l'intelligenza artificiale per mettere ordine
e far emergere ciò che conta di più, suggerendo i contenuti necessari per una riunione o
quelli che potrebbero essere rilevanti per il documento a cui stai lavorando, fino a
riconoscere persino le immagini, in modo da non dover ricordare i nomi dei file.
</p>
</div>
<div class="col w-50">
<h4>Un'area di lavoro intelligente limita le interruzioni e la complessità, così puoi
concentrarti sul lavoro davvero importante.</h4>
</div>
</section>
</div>
<div class="container clearfix">
<section id="info">
<h2>Ti sembra interessante? Noi pensiamo di sì. Oggi ha inizio un nuovo modo di lavorare.</h2>
<a class="btn btn-big" href="#">Ulteriori informazioni</a>
<h2>Ascolta il nostro CEO, Drew Houston</h2>
<video id="video" width="80%" height="80%" controls>
<source
src="https://aem.dropbox.com/cms/content/dam/dropbox/www/en-us/smart-workspace/06_DBX%20Keynote_V3_2.mp4"
type="video/mp4">
</video>
<video src=""></video>
</section>
</div>
</div>
</main>
<footer>
<div id="bottom-menu">
<div class="container clearfix">
<nav class="dropbox-endmenu">
<div class="col w-20">
<h5>Dropbox</h5>
<ul>
<li>Applicazione desktop</li>
<li>Perchè Dropbox</li>
<li>Piani</li>
<li>Sicurezza</li>
<li>Funzioni</li>
</ul>
</div>
<div class="col w-20">
<h5>Prodotti</h5>
<ul>
<li>Applicazione desktop</li>
<li>Perchè Dropbox</li>
<li>Piani</li>
<li>Sicurezza</li>
<li>Funzioni</li>
</ul>
</div>
<div class="col w-20">
<h5>Azienda</h5>
<ul>
<li>Applicazione desktop</li>
<li>Perchè Dropbox</li>
<li>Piani</li>
<li>Sicurezza</li>
<li>Funzioni</li>
</ul>
</div>
<div class="col w-20">
<h5>Supporto</h5>
<ul>
<li>Applicazione desktop</li>
<li>Perchè Dropbox</li>
<li>Piani</li>
<li>Sicurezza</li>
<li>Funzioni</li>
</ul>
</div>
<div class="col w-20">
<h5>Community</h5>
<ul>
<li>Applicazione desktop</li>
<li>Perchè Dropbox</li>
<li>Piani</li>
</ul>
</div>
</nav>
</div>
<div class="container region-menu">
<hr>
<i class="fas fa-globe-americas"></i>
Italiano
<i class="fas fa-caret-up"></i>
</div>
</div>
</footer>
</body>
</html>