-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (145 loc) · 6.32 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Drones Net</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div id="cabecalho">
<div id="logo"></div>
<div id="menuTop">
<ul class="listaTop">
<li><a href="#">home</a></li>
<li class="breakText"><a href=" #">
<span>nossas empresas</span>
</a></li>
<li><a href="#">lojas</a></li>
<li><a href="#">localização</a></li>
<li><a href="#">contato</a></li>
</ul>
</div>
<div id="banner"></div>
<div id="menuBottom">
<ul class="listaBottom">
<li><a href="#">produtos</a></li>
<li class="breakText"><a href="#">
<span>loja virtual</span>
</a></li>
<li><a href="#">cursos</a></li>
<li><a href="#">servicos</a></li>
</ul>
</div>
</div>
</header>
<main>
<div class="lojaVitual">
<div class="lojaToda">
<div class="lojaTitulo">
<h2 class="loja-h2">LOJA VIRTUAL</h2>
<img src="img/imgDroneA.png" alt="drone A">
</div>
<div class="loja">
<div class="drone1">
<div class="titulo1"><p>Dji inspire 1</p></div>
<div class="conteudo1"><img src="img/DroneA.png" alt="drone">
<p>O inspire 1 é o novo quadricóptero da Dji, capaz de capturar imagens em 4k e transmiti-las ao vivo</p>
</div>
<div class="valor1">
<p class="custo">R$ 8.000,00</p>
<p class="parcela">24x R$333,00</p>
<img src="img/carrinho.png" alt="carrinho">
</div>
</div>
<div class="drone2">
<div class="titulo2"><p>Phantom 2 + Zenmuse H3-3D</p></div>
<div class="conteudo2"><img src="img/DroneB.png" alt="drone" class="img2">
<P>O Phantom 2 é um dos quadricóptero mais desejados por quem busca um drone profissional</P>
</div>
<div class="valor2">
<p class="custo">R$ 12.000,00</p><p class="parcela">24x R$500,00</p>
<img src="img/carrinho.png" alt="carrinho">
</div>
</div>
<div class="drone1">
<div class="titulo1"><p>AR.Drone 2.0</p></div>
<div class="conteudo1"><img src="img/DroneC.png" alt="drone">
<p >O AR.Drone é um dos brinquedos mais legais do mundo. A ideia de controlar um quadricóptero com um Iphone/Ipad ou Android</p>
</div>
<div class="valor1">
<p class="custo">R$ 1.500,00</p><p class="parcela">24x R$62,00</p>
<img src="img/carrinho.png" alt="carrinho">
</div>
</div>
</div>
</div>
</div>
<div class="linha"> </div>
<div id="servicos_txt_logo">
<h2>SERVIÇOS</h2>
<img id="img_droneB" src="img/imgDroneB.png" alt="imagem do drone B">
</div>
<div class="container_servicos">
<a href="#" class="card_servicos card_vermelho">
<img src="img/ServicosA.png" alt="Serviços A">
<h3>CURSOS</h3>
<p>
Graças a nossos equipamentos sofisticados podemos lhe oferecer uma experiencia incrível de voo e podemos lhe ensinar como realizar uma captação de vídeos e fotos aéreas com alta qualidade voltadas a atender todo o mercado de produção audiovisual. As aulas podem ocorrer
também com o equipamento pessoal do aluno.
</p>
</a>
<a href="#" class="card_servicos card_azul">
<img src="img/ServicosB.png" alt="Serviços B">
<h3>MANUTENÇÕES</h3>
<p>
Temos um completo laboratório de eletrônica,
nossos técnicos utilizam alta tecnologi para
efetuar o reparo do seu Drone. Efetuamos o
reparo da camera GoPro, e dos Quadricopteros
da linha DJI Phantom e AR.Drone 1.0 e 2.0.
</p>
</a>
<a href="#" class="card_servicos card_vermelho">
<img src="img/ServicosC.png" alt="Serviços C">
<h3>FILMAGINS AEREAS</h3>
<p>
Graças a nossos equipamentos sofisticados
podemos lhe oferecer uma experiência incrível
de voo e podemos lhe ensinar como realizar
uma captação de vídeos e fotos aérias com alta
qualidade voltadas a atender todo o mercado de
produção audiovisual. As aulas podem ocorrer
também com o equipamento pessoal do aluno.
</p>
</a>
</div>
</main>
<footer>
<div class="imagemDrones">
<img src="img/imgDroneC.png" alt="Imagem de drone">
<img id="droneMeio" src="img/imgDroneC.png" alt="Imagem de drone">
<img id="droneFim" src="img/imgDroneC.png" alt="Imagem de drone">
</div>
<div class="conteudoFooter">
<div class="imagemLogo">
<img src="img/logo.png" alt="Logo da empresa">
</div>
<p>
Boa sorte meu amigo! que sua estrada seja feita de campos verdes para que seus pés
<br>
caminhem para o sucesso...
<br>
Boa sorte de coração
</p>
<div class="imagemProf">
<img src="img/imgProfessor.png" alt="Imagem do professor Bortola">
</div>
</div>
<div>
<p class="detalheFinal">Prof. Bortola</p>
</div>
</footer>
</body>
</html>