-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (133 loc) · 7.36 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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<!--Icons install-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="./style.css">
<title>Servidor RSP</title>
</head>
<body>
<!--NAVBAR-->
<nav class="navbar navbar-dark navbar-expand">
<div class="container-fluid ">
<a class="navbar-brand fs-3 fw-bolder m-0">
<img src="./img/2MV - Logo Grande.png" class="me-3" alt="logo2mv" width="50" height="50">Servidor RSP
</a>
<div class="expand navbar-expand" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Sobre a ideia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./hardware.html">Hardware</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./software.html">Software</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/MarcusVieira01">Desenvolvedor</a>
</li>
</ul>
</div>
</div>
</nav>
<!--PRIMEIRA_VISTA-->
<main class="text-white pt-4 pe-4 ps-4 pb-2 bg-gradient">
<section class="container px-4 text-center w-50 fw-bold">
<h1>Você pode ter seu próprio servidor de arquivos</h1>
</section>
<section class="container text-center w-50 p-4">
<p>
Um servidor que esteja onde você saiba, que apenas você controla o conteúdo,
com acesso único ou com usuários que você cadastrar, de tamanho físico menor
que um codificador de TV a cabo e consumo menor que 60W.h.
</p>
</section>
<!--CARROUSSEL DE FOTOS Padrão -->
<section id="carrouselHardware" class="carousel slide" data-bs-ride="true">
<div class="carousel-inner d-flex col-4 mb-5 justify-content-around">
<div class="carousel-item active">
<img src="./img/srv-fechado_outro_lado.jpg" class="d-block w-50" alt="...">
</div>
<div class="carousel-item">
<img src="./img/srv_aberto_lado.jpg" class="d-block w-50" alt="...">
</div>
<div class="carousel-item">
<img src="./img/srv_fechado_lado.jpg" class="d-block w-50" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carrouselHardware" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carrouselHardware" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden-focusable">Next</span>
</button>
</section>
<!--CARDS-->
<section class="d-flex justify-content-center gap-4" id="conteudo">
<!--Card Hardware-->
<div class="card col-4 bg-gradient w-50 rounded-5">
<div class="card-header text-center fw-bolder fs-5">
Hardware simples e robusto
</div>
<!--Texto do card Hardware-->
<div class="card-body">
<ul class="list-unstyled text-center">
<li><i class="bi bi-ticket-detailed px-1"></i>Usa Raspberry Pi 3B Quadcore 1GB RAM</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Armazenamento de até 4TB via HDD/SSD (SupTronix X820)</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Placa de potência P4/USB-C dedicada (SupTronix X735)</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Tela de 0,96in OLED 128x64px para monitoramento</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Case de PLA em impressão 3D FDM, biodegradável </li>
<li><i class="bi bi-ticket-detailed px-1"></i>Ventilação própria com controle PWM com exaustão</li>
</ul>
</div>
<div class="card-footer d-flex justify-content-center">
<a href="./hardware.html" class="btn btn-primary btn-outline-light fw-bolder" id="botao">Ver hardware completo</a>
</div>
</div>
<!--Card Software-->
<div class="card col-4 bg-gradient w-50 rounded-5">
<div class="card-header text-center fw-bolder fs-5">
Software escalável e privado
</div>
<!--Texto do card Software-->
<div class="card-body">
<ul class="list-unstyled text-center">
<li><i class="bi bi-ticket-detailed px-1"></i>SO Linux Raspbian baseado em Debian, server ou desktop</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Privacidade total, acessos controlados por você</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Acesso via VPN de sua propriedade, sem servidores externos</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Compartilhamento via SMB, simples e robusto</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Acesso via WI-FI 2.4GHz ou Ethernet/100</li>
<li><i class="bi bi-ticket-detailed px-1"></i>Crie os drivers virtuais precisar, com acessos independentes</li>
</ul>
</div>
<div class="card-footer d-flex justify-content-center">
<a href="./software.html" class="btn btn-primary btn-outline-light fw-bolder" id="botao">Ver software completo</a>
</div>
</div>
</section>
</main>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</body>
<!--RODAPÉ-->
<footer class="text-center text-white">
<div class="container-fluid d-flex justify-content-center">
<p class="m-2 text-center text-white">
Página desenvolvida por
<a href="https://github.com/MarcusVieira01">2MV</a>
com BootStrap e VSCode.
</p>
<img class="img-thumbnail m-1" src="./img/git_logo.png" alt="gitHub_logo" height="40" width="40">
</div>
</footer>
</html>