-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (79 loc) · 3.8 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
<!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">
<title>Minha Página</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img class="logo" src="imgs/logo.png" width="80" height="70">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active text-white" href="#quemsomos">Quem somos</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" href="#parceiros">Parceiros</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" href="#serviços">Serviços</a>
</li>
</ul>
</div>
</nav>
<section id="quemsomos">
<div class="container-fluid quem-somos text-center margin" >
<h3>Quem somos</h3>
<img src="imgs/time.jpg" class="rounded-circle" width="300" height="300">
<h3>Somos um time comprometido com os resultados</h3>
</div>
</section>
<section id="parceiros">
<div class="container-fluid text-center margin parceiros">
<h3 class="margin">PARCEIROS</h3>
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="imgs/logo2.png" width="100%">
</div>
<div class="col-md-4">
<img src="imgs/logo2.png" width="100%">
</div>
<div class="col-md-4">
<img src="imgs/logo2.png" width="100%">
</div>
</div>
</div>
</div>
</section>
<section id="serviços">
<div class="container-fluid text-center margin serviços">
<h3 class="margin">SERVIÇOS</h3>
<div class="conteiner">
<div class="row">
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet eget enim sit amet bibendum. Nam ornare ex sit amet tellus ornare, nec eleifend tellus aliquam. In congue pharetra aliquam. Donec eleifend hendrerit elementum.</p>
<img src="imgs/site3.jpg" class="rounded-circle" width="300" height="300" >
</div>
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet eget enim sit amet bibendum. Nam ornare ex sit amet tellus ornare, nec eleifend tellus aliquam. In congue pharetra aliquam. Donec eleifend hendrerit elementum.</p>
<img src="imgs/site2.jpg" class="rounded-circle" width="300" height="300">
</div>
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet eget enim sit amet bibendum. Nam ornare ex sit amet tellus ornare, nec eleifend tellus aliquam. In congue pharetra aliquam. Donec eleifend hendrerit elementum.</p>
<img src="imgs/app.jpg" class="rounded-circle" width="300" height="300">
</div>
</div>
</div>
</div>
</section>
<footer class="container-fluid text-center bg-footer margin">
<p>Desenvolvido por Max Alexandre</p>
</footer>
</html>