-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (101 loc) · 4.79 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Minha Empresa</title>
<meta charset="utf-8">
<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 margin">
<a class="navbar-brand" href="#">
<img src="img/logo.png" width="80" height="80">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#quemsomos">Quem somos | </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#parceiros">Parceiros | </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#servicos">Serviços</a>
</li>
</ul>
</div>
</nav>
<section id="quemsomos">
<div class="container-fluid quem-somos text-center margin">
<h3 class="margin">QUEM SOMOS</h3>
<hr />
<div class="container">
<div class="row">
<div class="col-lg-6">
<img src="img/pexels-photo-3184357.jpeg" class="rounded-circle" width="70%">
</div>
<div class="col-lg-6">
<img src="img/pexels-photo-270557.jpeg" class="rounded-circle" width="70%">
</div>
</div>
</div>
<p class="margin">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim urna,
efficitur eu leo venenatis, imperdiet ornare nisi. Vivamus sit amet lacinia nunc,
et imperdiet nunc. Curabitur bibendum augue et rhoncus faucibus. In et ante
at elit molestie tincidunt. Nam sagittis neque elit, id gravida leo auctor a.
Suspendisse vitae nibh eu ipsum accumsan placerat. Orci varius natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Vivamus eu dolor tellus.
</p>
</div>
</section>
<section id="parceiros">
<div class="container-fluid parceiros text-center margin">
<h3 class="margin">PARCEIROS</h3>
<hr />
<div class="container">
<div class="row">
<div class="col-lg-4">
<img src="img/microsoft.png" width="80%">
</div>
<div class="col-lg-4">
<img src="img/amazon.png" width="80%">
</div>
<div class="col-lg-4">
<img src="img/oracle.png" width="80%">
</div>
</div>
</div>
</div>
</section>
<section id="servicos">
<div class="container-fluid servicos text-center margin">
<h3 class="margin">SERVIÇOS</h3>
<hr />
<div class="container">
<div class="row">
<div class="col-lg-6">
<p>
Curabitur sit amet rhoncus arcu. Quisque vitae ligula odio. Curabitur
tincidunt elit ut lacinia aliquet. Vestibulum finibus venenatis sagittis.
Suspendisse nibh ligula, ullamcorper ut sodales vel, euismod id nunc.
</p>
<img src="img/pexels-photo-374016.jpeg" width="70%">
</div>
<div class="col-lg-6">
<p>
Curabitur sit amet rhoncus arcu. Quisque vitae ligula odio. Curabitur
tincidunt elit ut lacinia aliquet. Vestibulum finibus venenatis sagittis.
Suspendisse nibh ligula, ullamcorper ut sodales vel, euismod id nunc.
</p>
<img src="img/pexels-tracy-le-blanc-607812.jpg" width="70%">
</div>
</div>
</div>
</div>
</section>
<footer class="container-fluid text-center footer">
<h6 class="margin">Desenvolvido por Leandro Silva Ramos</h6>
</footer>
</body>
</html>