-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (117 loc) · 6.24 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-3.5.0.min.js" defer></script>
<script src="js/popper.min.js" defer></script>
<script src="js/bootstrap.bundle.min.js" defer></script>
<title>Pagina</title>
</head>
<body>
<div class="container">
<!-- topo -->
<header class="row mt-3 align-items-center p-0">
<div class="col-6 text-left">
<a class="logoSite cor-link-Nav" href="/">
<h2 class="m-0">Basic 80</h2>
<p class="m-0">Free HTML5 WebSite Templete</p>
</a>
</div>
<nav class="col-6 text-right primaria">
<ul class="list-unstyled d-flex m-0 justify-content-end">
<li class="ms-4 "><a class="fs-6 cor-link-Nav" href="#">TEXTLINK</a></li>
<li class="ms-4"><a class="fs-6 cor-link-Nav" href="#">TEXTLINK</a></li>
<li class="ms-4"><a class="fs-6 cor-link-Nav" href="#">TEXTLINK</a></li>
<li class="ms-4"><a class="fs-6 cor-link-Nav" href="#">TEXTLINK</a></li>
<li class="ms-4"><a class="fs-6 cor-link-Nav" href="#">TEXTLINK</a></li>
</ul>
</nav>
</header>
<!-- banner -->
<figure class="row mt-4 mb-5">
<img class="img-fluid" src="img/banner.jpg" alt="banner">
</figure>
<!-- conteúdo -->
<section class="row">
<article class="col-8">
<div class="row me-3">
<div class="col-6">
<img src="img/img1.jpg" class="img-thumbnail float-start me-3">
<p>Fugiat commodo mollit anim laboris. Deserunt nostrud commodo cupidatat dolore irure commodo minim
aute
ad. Incididunt excepteur
cupidatat labore ut deserunt laborum nulla labore do ullamco ut. Exercitation et exercitation
pariatur
ea et consectetur aliquip
veniam do sunt laboris qui ut. Occaecat cillum ullamco sunt dolore ex et elit et duis labore duis
voluptate ad. Dolor et excepteur
adipisicing aliquip. Eiusmod sint nulla est tempor velit labore nostrud non.</p>
<p class="text-end"><a class="cor-link fw-bold " href="#">Read More >></a></p>
</div>
<div class="col-6">
<img src="img/img1.jpg" class="img-thumbnail float-start me-3">
<p>Fugiat commodo mollit anim laboris. Deserunt nostrud commodo cupidatat dolore irure commodo minim
aute
ad. Incididunt excepteur
cupidatat labore ut deserunt laborum nulla labore do ullamco ut. Exercitation et exercitation
pariatur
ea et consectetur aliquip
veniam do sunt laboris qui ut. Occaecat cillum ullamco sunt dolore ex et elit et duis labore duis
voluptate ad. Dolor et excepteur
adipisicing aliquip. Eiusmod sint nulla est tempor velit labore nostrud non.</p>
<p class="text-end"><a class="cor-link fw-bold " href="#">Read More >></a></p>
</div>
</div>
<div class="row me-3">
<div class="col">
<h4 class="fw-bold">Titulo Texto</h4>
<p>Dolor eu sunt ea laborum elit minim pariatur ut culpa Lorem <a class="cor-link fw-bold" href="#">Os Templetes</a>. Consequat officia
excepteur ut laborum aute <a class="cor-link fw-bold" href="#">Website Templetes licence</a>.</p>
<p>Dolor eu sunt ea laborum elit minim pariatur ut culpa Lorem laboris esse id. Consequat officia
excepteur ut laborum aute.
Esse adipisicing cupidatat dolor in cupidatat voluptate. Aliqua ea non deserunt esse ex in quis <a
class="cor-link fw-bold" href="#">Website Templetes</a>.</p>
<p class="text-end"><a class="cor-link fw-bold " href="#">Read More >></a></p>
</div>
</div>
</article>
<!-- NAVECAÇÃO-SECTION -->
<section class="col-4">
<aside>
<h4 class="fw-bold">CATEGORIES</h4>
<hr>
<nav class="row mt-3 px-2">
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free Website Templetes</a><hr class="m-0">
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free CSS Templetes</a>
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free XHTML Templetes</a>
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free Website Layouts</a>
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free HTML5 Templetes</a>
<a class="img-link border-pt-b ps-3 mt-1 cor-link-Nav fs-6" href="#">Free PNG Templetes</a>
</nav>
</aside>
<address class="my-5 pt-2 lh-1">
<h4 class="fw-bold">GET IN CONTACT</h4>
<hr>
<p class="lh-1 ">
Full Name<br>
Address Line1<br>
Address Line2<br>
Town/City<br>
Postcode/Zip
</p>
<p class="mb-0 mt-3">Tel:(XX) XXXX-XXXXX</p>
<p class="m-0 p-0">Email:<a class="cor-link fw-bold" href="mailto:[email protected]">[email protected]</a></p>
</address>
</section>
</section>
<hr class="mt-4 mb-0">
<footer class="row px-0 py-4 px-2 border-start border-end border-5 border-white">
<i class="col-6 text-left p-0">copyright © 2022 - 2024 - All Rights Reserved - Domain Name</i>
<b class="col-6 text-end p-0">Templete By Ezequias Hunk</b>
</footer>
</div>
</body>
</html>