-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
352 lines (328 loc) · 17.2 KB
/
index.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
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html>
<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>Projecto NAS</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CRoboto%7CJosefin+Sans:100,300,400,500"
rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">NAS</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#showcase">Topo</a></li>
<li><a href="#produtosBaixaGama">Doméstico</a></li>
<li><a href="#produtosMediaGama">PME's</a></li>
<li><a href="#produtosAltaGama">Empresarial</a></li>
<li><a href="#ferramentas">Ferramentas</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<section id="showcase">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="showcase-right">
<img style="height: 400px; width: auto;" src="img/image1.jpg">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="showcase-left">
<h1>Network Attached Storage</h1>
<p>O objetivo deste trabalho é abordar diferentes gamas de produtos NAS, descrevendo as suas especificações
e preços, com o intuito de comparar os diversos produtos.</p>
</div>
<br>
<a href="#produtosBaixaGama" class="btn btn-default btn-lg showcase-btn" style="margin: 30px 0 10px;">Ver Produtos</a>
</div>
<div class="col-md-6 col-sm-6">
<div></div>
</div>
</div>
</div>
</section>
<section id="objective">
<div class="container">
<p style="font-size: 40px; padding: 40px 0;">O que é um NAS?</p>
<br />
<p style="padding-bottom: 40px;">Network Attached Storage, ou NAS, é um disposito de armazenamento que permite transferir informação em redes,
sincronização de ficheiros, vigilância, armazenamento multimédia,
e mais ainda!
</p>
</div>
</section>
<section class="produtos" id="produtosBaixaGama">
<div class="gama">
<h2>Uso Doméstico/Pessoal e Pequenos Escritórios:</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>QNAP TS-128A</h3>
</div>
<div class="img-div"><img class="items-img" id="item1" src="img/ts128a.jpg" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn1" type="button" data-toggle="collapse"
data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Saber Mais
</button></div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://www.pcdiga.com/qnap-tower-1-baia-3-5-sata-arm-1-4ghz-quad-core-1gb-ddr4">139,90
€</a></li>
<li><strong>Processador: </strong>Realtek RTD1295 quad-core de 1,4 GHz</li>
<li><strong>Memória RAM: </strong>1GB DDR4, não expandivel</li>
<li><strong>Portas USB: </strong>2 x USB 2.0 + 1 x USB 3.0</li>
<li><strong>Unidades de armazenamento: </strong>Uma unidade de armazenamento 3,5" SATA</li>
<li><strong>Portas de Rede: </strong>1 x 1GbE (RJ45)</li>
<li>Silencioso e económico – Consumo energético 7,06 W</li>
<li>Serviço de Cloud privado</li>
<li>Software ‘Hybrid Backup Sync’ permite configurar funcionalidades de Backup</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>Synology DS418</h3>
</div>
<div class="img-div"><img class="items-img" id="item2" src="img/ds418.jpg" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn2" type="button" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
Saber Mais
</button></div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://www.pcdiga.com/nas-synology-diskstation-ds418-4-baias">439,90
€</a></li>
<li><strong>Processador: </strong>Realtek RTD1296 quad-core Realtek 1,4 GHz</li>
<li><strong>Memória RAM: </strong>2GB DDR4</li>
<li><strong>Portas USB: </strong>2 x USB 3.0</li>
<li><strong>Unidades de armazenamento: </strong>Quatro unidades de armazenamento (3.5" SATA HDD / 2.5"
SATA HDD / 2.5" SATA SSD)</li>
<li><strong>Portas de Rede: </strong>2 x 1GbE (RJ45)</li>
<li>Bom desempenho em tarefas de leitura e escrita (226 MB/s e 170MB/s sequenciais)</li>
<li>Servidor multimédia de 4K: Suporte para transcoding de 10-bit 4K H.265</li>
<li>Tecnologia Synology Hybrid Raid (SHR): Facilita a configuração RAID e permite redundância até 2
discos para salvaguardar a informação em caso de danificação dos discos.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<hr>
<section class="produtos" id="produtosMediaGama">
<div class="gama">
<h2>Pequenas e Médias Empresas</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>QNAP TS-963X-8G</h3>
</div>
<div class="img-div"><img class="items-img" id="item3" src="img/TS-963X-8G.jpg" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn3" type="button" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
Saber Mais
</button></div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://loja.centrality.pt/nas-systems/32843-qnap-ts-963x-servidor-nas-9-baias-sata-6gb-s-raid-ts-963x-8g-4713213513033.html">940,36€</a></li>
<li><strong>Processador: </strong>AMD Embedded G-Series GX-420MC quad-core de 2,0 GHz</li>
<li><strong>Memória RAM: </strong>8GB DDR4, expandível até 2x8GB (16GB)</li>
<li><strong>Portas USB: </strong>2 x USB 2.0 + 2 x USB 3.0</li>
<li><strong>Unidades de armazenamento: </strong>5 x SATA de 3,5"/2,5" de 6 Gb/s + 4 x SATA de 2,5" de 6
Gb/s, altura máxima de 9,5 mm</li>
<li><strong>Portas de Rede: </strong>1 x Ethernet(RJ45) + 1 x 10GbE com suporte para as velocidades 10
Gb/5 Gb/2,5 Gb/1 Gb/100 Mb</li>
<li>Alto desempenho nas taxas de leitura e escrita (até 779/569 MBps (sem criptografia) e 508/513 MBps
(criptografia de volume AES-256 com aceleração AES-NI))</li>
<li>Sistema de gerenciamento de vigilância inteligente permitindo monitoramento em tempo real,
gravações e reprodução de vídeo e áudio.</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>QNAP TVS-882ST3-i7-16G</h3>
</div>
<div class="img-div"><img class="items-img" id="item4" src="img/tvs882st3.jpg" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn4" type="button" data-toggle="collapse"
data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Saber Mais
</button></div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://www.span.com/product/Qnap-Desktop-NAS-10GbE+TB3-TVS-882ST3-i7-16G-8-Bay-2-5-RAID-0-1-5-6-16GB-RAM-Core-i7-+-10GbE-+-Thunderbolt-3~60951/spanstor=59529">£3
720,00</a></li>
<li><strong>Processador: </strong>Intel® Core™ i7-6700HQ quad-core 2.6 GHz (Turbo Boost: 3.5 GHz)</li>
<li><strong>Memória RAM: </strong>16GB DDR4, expandível até 32GB (2 x 16GB)</li>
<li><strong>Portas Thunderbolt: </strong>2 x Thunderbolt 3</li>
<li><strong>Portas USB: </strong>2 x USB 3.0 + 1 x Type-C USB 3.1 Gen2 10Gbps + 1 x Type-A USB 3.1 Gen2
10Gbps</li>
<li><strong>Unidades de armazenamento: </strong>8 x 2.5" SATA 6Gb/s HDD/SSD</li>
<li><strong>Portas de Rede: </strong>2 x 1GbE (RJ45) + 2 x 10GbE (RJ45)</li>
<li>Excelente desempenho com taxas de leitura até 2352 Mb/s e de escrita até 2255 Mb/s</li>
<li>Quatro combinações disponíveis com Mac/PC e JBOD, oferecendo flexibilidade de integração,
compartilhamento e expansão</li>
<li>Transcodifica vídeos 4K H. 264 em movimento ou off-line</li>
<li>HDMI com saída de até 4k @ 30Hz para uma excelente experiência audiovisual</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<hr>
<section class="produtos" id="produtosAltaGama">
<div class="gama">
<h2>Empresarial</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>QNAP TS-EC2480U R2</h3>
</div>
<div class="img-div"><img class="items-img" id="item5" src="img/TS-EC2480U-R2.png" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn5" type="button" data-toggle="collapse"
data-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
Saber Mais
</button></div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://www.mbit.pt/qnap-ts-ec2480u-r2">4 849,00€</a></li>
<li><strong>Processador: </strong>Intel® Xeon® E3-1245 v3 3.4 GHz Quad-core Processor</li>
<li><strong>Memória RAM: </strong>4 GB DDR3 ECC, expandível até 32GB(4 x 8GB)</li>
<li><strong>Portas USB: </strong>4 x USB 2.0 + 4 x USB 3.0</li>
<li><strong>Unidades de armazenamento: </strong>24 unidades de armazenamento com suporte para hotswap</li>
<li><strong>Portas de Rede: </strong>2 x 10 GbE SFP+ ports (LAN-10G2SF-MLX) + 4 x GbE</li>
<li>Duas portas e cache interno até 4 SSDs para cache</li>
<li>Gaveta da Motherboard removível para facilidade na manutenção</li>
<li>Desempenho revolucionário - Suporte para discos rígidos de 6Gbps a disponibilizar uma taxa de
transferência de 3.700 MB/s e 410.000 IOPS</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="img-div">
<h3>Synology FS3017</h3>
</div>
<div class="img-div"><img class="items-img" id="item6" src="img/fs3017.jpg" alt=""></div>
<div class="img-div"><button class="btn btn-link items-btn" id="btn2" type="button" data-toggle="collapse"
data-target="#collapseSix" aria-expanded="true" aria-controls="collapseSix">
Saber Mais
</button></div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
<div class="card-body">
<ul class="collapsed-ul">
<li><strong>Preço: </strong><a href="https://www.amazon.com/dp/B01N45532W/ref=twister_B077KSPN84">$10
635,21</a></li>
<li><strong>Processador: </strong>Intel Xeon E5-2620 v3 x 2, 6-Core 2,4GHz</li>
<li><strong>Memória RAM: </strong>64GB DDR4 ECC RDIMM (4 x 16GB), expandível para 512GB (16 x 32 GB)</li>
<li><strong>Portas USB: </strong>2 x USB 3.0</li>
<li><strong>Unidades de armazenamento: </strong>24 unidades de armazenamento (2.5" SATA SSD/2.5" SAS
HDD/2.5" SAS SSD) com suporte para hotswap</li>
<li><strong>Portas de Rede: </strong>2 x 10GbE (RJ45)</li>
<li>RAID F1 - Permite uma distribuição assimétrica de trabalho entre os discos para terem tempos de
vida diferentes</li>
<li>Permite uma capacidade máxima (sem contar com expansões) de 90TB</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="ferramentas">
<div class="container">
<div class="row">
<div class="col-md-12 desenvolvido-com">
<h2>Desenvolvido com:</h2>
</div>
<div class="col-md-6 col-sm-12">
<div class="info-left info-left-right">
<h2 id="bootstrap-page">Bootstrap</h2>
<br>
<p style="text-align:justify;">Bootstrap
Build responsive, mobile-first projects on the web with the world's most popular front-end component
library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas
or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt
components, and powerful plugins built on jQuery.</p>
<button id="bootstrap-btn" class="btn-default" value="Input Button" onclick="location.href = 'https://getbootstrap.com/docs/3.3/';">Ir para o Site</button>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="info-right info-left-right">
<h2 id="scrollreveal-page">ScrollReveal.JS</h2>
<p style="text-align:justify;">ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport.
It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.</p>
<button id="scrollreveal-btn" class="btn-default" value="Input Button" onclick="location.href = 'https://scrollrevealjs.org/';">Ir para o Site</button>
</div>
</div>
</div>
</div>
</section>
<footer>
<p class="text-center">João Machado Copyright © 2018</p>
</footer>
<script src="script.js"></script>
<script>
$(function () {
// Smooth Scrolling
$('a[href*="#"]:not([href="#"])').click(function () {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>
</html>