-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (51 loc) · 3.6 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<div class="container">
<div class="row">
<div class="pb-3 bg-danger text-white col-12 col-sm-6 col-md-4" ><b>LogoEmpresa</b></div>
<div class="pb-3 bg-warning text-dark col-12 col-sm-6 col-md-8" >Menú de navegación</div>
<div class="pb-3 bg-secondary text-white">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl lacus, aliquam vitae purus ut,
euismod vehicula purus. Morbi aliquet blandit metus. Vestibulum et commodo sem, eget tincidunt orci. Etiam
nec enim porttitor ante cursus accumsan vel at velit. Mauris et egestas diam. Suspendisse nec tempor arcu.
Ut in mauris pulvinar, maximus quam et, vulputate metus.
</div>
<div class="pb-3 bg-success text-white col-12 col-sm-6 col-md-4" >
<b>Titulo 1</b>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl lacus, aliquam vitae purus ut,
euismod vehicula purus. Morbi aliquet blandit metus. Vestibulum et commodo sem, eget tincidunt orci.
Etiam nec
enim porttitor ante cursus accumsan vel at velit. Mauris et egestas diam. Suspendisse nec tempor arcu.
Ut in
mauris pulvinar, maximus quam et, vulputate metus.
</div>
<div class="pb-3 bg-info text-white col-12 col-sm-6 col-md-4"><b>Titulo 1</b><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl lacus, aliquam vitae purus ut,
euismod vehicula purus. Morbi aliquet blandit metus. Vestibulum et commodo sem, eget tincidunt orci.
Etiam nec
enim porttitor ante cursus accumsan vel at velit. Mauris et egestas diam. Suspendisse nec tempor arcu.
Ut in
mauris pulvinar, maximus quam et, vulputate metus.
</div>
<div class="pb-3 bg-success text-white col-12 col-md-4"><b>Titulo 1</b><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl lacus, aliquam vitae purus ut,
euismod vehicula purus. Morbi aliquet blandit metus. Vestibulum et commodo sem, eget tincidunt orci.
Etiam nec
enim porttitor ante cursus accumsan vel at velit. Mauris et egestas diam. Suspendisse nec tempor arcu.
Ut in
mauris pulvinar, maximus quam et, vulputate metus.
</div>
</div>
</div>
</body>
</html>