-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (119 loc) · 4.4 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
<!DOCTYPE html>
<html lang="en">
<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>Zip-drive</title>
<link href="/css/index.css" rel="stylesheet">
<link rel="shortcut icon" type="image/ico" href="/img/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Comfortaa|Work+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header>
<section class="container">
<article class="dvi">
<logo>Zip drive</logo>
<span class="grupo">Grupo:06</span>
</article>
</section>
</header>
<div class="pagina">
<section class="bordas">
<span class="titulopag1">
</span>
<span class="content1">
</span>
<span class="presentation">
ZIP-DRIVE
</span>
<span class="date1"></span>
</section>
</div>
<!-- Parte responsiva -->
<section class="responsividade">
<section class="container1">
<div class="pagina1">
<br>
<h2 class="titulo2"><div class="te"></div><span>Zip-drive</span><span class="dat1"></span></h2>
<br>
<span class="conteudoresp">
</span>
<br>
<img style="display: none" class="grafico" src="/img/ziptransefer.PNG" width="90%" height="90%" alt="ERRO">
<br><br>
</div>
</section>
<section class="container1">
<article>
<div class="navi1">
<ul class="menu2">
<li><img class="imagem11" src="img/left-arrow2.png" width="15%" height="15%"></li>
<li><img class="imagem22" src="img/left-arrow2.png" width="15%" height="15%"></li>
</ul>
</div>
</article>
</section>
<footer class="foot2">
<section class="container1" >
<span class="direitos1">®Todos os direitos reservados para o grupo 06.</span>
</section>
</footer>
</section>
</section>
<!-- Parte responsiva -->
<section class="container">
<article>
<div class="navi">
<ul class="menu1">
<li><img class="imagem1" src="/img/left-arrow2.png" width="20%" height="20%"></li>
<li class="numbertitle" title="Página 1"><div class="page"><span class="numberpage">0</span></div></li>
<li><img class="imagem2" src="/img/left-arrow2.png" width="20%" height="20%"></li>
</ul>
</div>
</article>
</section>
<section class="container">
<article class="box1">
<span class="prev">Preview</span>
<div class="box3">
<br><h5 class="previewtitle">Exemplo</h5>
<span class="conteudo1 previewcontent">
Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI...
</span>
</div>
</article>
<article class="box1">
<span class="prev">Sumário</span>
<table class="box">
<tr>
<td class="t1">INTRODUÇÃO</td>
</tr>
<tr>
<td class="t2">A HISTÓRIA DO ZIP-DRIVE</td>
</tr>
<tr>
<td class="t3">INSTALAÇÃO DE UM ZIP-DRIVE</td>
</tr>
<tr>
<td class="t4">COMO TORNAR O ACESSO AO ZIP-DRIVE MAIS RÁPIDO?</td>
</tr>
<tr>
<td class="t5">REFERÊNCIAS</td>
</tr>
<!-- <tr>
<td>Lois</td>
</tr> -->
</table>
</article>
</section>
<footer class="fooot1">
<section class="container" >
<span class="direitos">®Todos os direitos reservados para o grupo 06.</span>
</section>
</footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="/js/index.js"></script>
<script src="/js/content.js"></script>
</body>
</html>