-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobre.html
94 lines (82 loc) · 3.75 KB
/
sobre.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
<!DOCTYPE html>
<html>
<!--Inicio do cabeçalho-->
<head>
<title>Loja</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/estilo.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<!--FIM do cabeçalho-->
<!--Inicio do Corpo-->
<body>
<header class="container">
<!--Conteúdo do cabeçalho -->
<h1><img src="img/logo300x81.png" alt="Logotipo da Empresa"></h1>
<p class="sacola">Nenhum item na sacola de compras</p>
<nav class="menu-opcoes">
<ul>
<li><a href="#">Aluguel</a></li>
<li><a href="#">Compra e Venda</a></li>
<li><a href="#">Administração de Móveis</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="#">Ajuda</a></li>
</ul>
</nav>
</header>
<h1 id="aempresa">A Sua Empresa</h1>
<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Duis consequat elit at sodales finibus.
Aenean velit justo, malesuada in posuere at, egestas quis lacus. Praesent congue metus id congue cursus.
In mollis velit sed diam maximus, ut malesuada lorem gravida. Aliquam malesuada elementum magna at euismod.
Duis vulputate lorem eget pulvinar ullamcorper. Morbi dignissim viverra lorem ut porttitor. Nullam mauris ligula,
ornare consequat augue sed, aliquam ultricies eros.
</p>
<figure id="sede">
<img src="img/sede.png" alt="Sede da Empresa">
<figcaption>Centro de distribuição</figcaption>
</figure>
<p>Proin nec vehicula sapien. Ut vel vestibulum mi. Nullam pellentesque dictum sem, sit amet rutrum est
scelerisque aliquet. Integer eleifend lorem eros. Proin eleifend fermentum tortor vitae sodales. Sed ultricies, est quis mattis luctus, purus nunc euismod metus,
ac hendrerit nisi sapien at felis.
</p>
<h2 id="historia">História</h2>
<figure id="fundadores">
<img src="img/fundadores.jpg">
<figcaption>Fundadores</figcaption>
</figure>
<p>Vivamus libero arcu, finibus quis justo sit amet, porttitor volutpat lacus. Sed facilisis vestibulum sagittis.
Phasellus mollis condimentum dui, vitae gravida purus eleifend vel. Donec id urna dolor.
Duis fermentum sed mauris vel faucibus. Maecenas vel maximus velit. Proin posuere eu neque in ornare.
</p>
<p>Proin mattis erat ut ante varius lacinia. Suspendisse vitae erat sed felis mattis dapibus.
Quisque ut quam eget justo iaculis posuere. Quisque accumsan pharetra ipsum, ac pulvinar ligula varius nec.
Cras egestas tortor nec purus euismod, a lacinia erat placerat. Mauris dignissim diam et nibh condimentum fermentum in a nibh.
</p>
<p>Quisque pellentesque efficitur pellentesque. Donec hendrerit erat est, ut efficitur tellus egestas ac.
Integer vulputate justo a justo mollis eleifend. Morbi viverra imperdiet commodo.
</p>
<p>Proin dolor lorem, dignissim ac sem vitae, efficitur lobortis lectus. Maecenas condimentum porta ultrices.
Nunc viverra velit a velit molestie, et bibendum nisl laoreet.
Nam ac ipsum pulvinar, luctus enim nec, scelerisque mauris. Nunc bibendum nec sem sit amet posuere.
</p>
<ul>
<li><a href="#aempresa">A Sua Empresa</a></li>
<li><a href="#historia">História</a></li>
</ul>
<!-- Conteúdo do Rodapé-->
<footer>
<div class="container">
<img src="img/logo300x81.png" alt="Logo Sua Empresa">
<ul class="social">
<li><a href="http://facebook.com/">Facebook</a></li>
<li><a href="http://twitter.com/">Twitter</a></li>
<li><a href="http://plus.google.com/">Google+</a></li>
</ul>
</div>
</footer>
</body>
<!--FIM do Corpo-->
</html>