-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (69 loc) · 5.06 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
<!DOCTYPE html>
<html lang='pt-br'>
<head>
<!-- Configurações da Página -->
<meta charset="utf-8">
<title>HOME - Company Website</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
</head>
<body>
<header class='header1'>
<a href="index.html"><img src="images/mainlogo.jpeg" alt="logo da empresa" id="logo"></a>
<ul class='ul1'>
<li><a class='home' href="index.html">Home</a></li>
<li><a href="company.html">Company</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<div class="banner">
<img src="images/banner.jpg" alt="banner da empresa">
</div>
<div class="content">
<section id='section1'>
<div id="part1">
<header>
<h1>Welcome</h1>
</header>
<main id='main1'>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione perspiciatis nostrum totam velit ab inventore cumque, debitis repellendus laboriosam. Voluptates, sequi veritatis delectus ad ab qui quas quaerat adipisci est. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, voluptatum. Eum ex soluta quo corporis cupiditate ipsum quibusdam, consequatur, enim blanditiis magni rem odio iure, in iste autem saepe repellat? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eum ab sit, quae laboriosam dolores quo illum in quasi exercitationem quaerat sint placeat, beatae corporis fuga quidem error! Odio, pariatur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit temporibus ipsa sequi, eum facere repudiandae laudantium veniam, doloribus, maiores quos fuga sit? Recusandae repellendus iste omnis, rem assumenda tempore inventore!
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit modi rem perspiciatis deserunt dicta impedit ab illum maxime magnam, nostrum sapiente neque inventore odio animi voluptatum dolore officiis explicabo unde? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et odio cupiditate officiis temporibus magnam impedit voluptas? Ad, repellendus eius. Sequi quasi alias tempore perspiciatis odio perferendis voluptatum commodi! Quas, voluptatum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, cumque? Odio tempore quae neque earum repudiandae explicabo pariatur, vero nulla repellendus necessitatibus veniam velit vitae fugit, repellat numquam et mollitia. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga rem tempore dicta facere quas eaque molestias adipisci, quia distinctio ratione eius beatae libero. Totam non eveniet, sapiente corporis debitis similique.</p>
</main>
</div>
<div id="part2">
<header>
<h2>Título</h2>
</header>
<main id="main2">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eveniet maiores placeat adipisci sed maxime aut omnis deleniti facilis delectus sunt. Ea, rem. Placeat praesentium distinctio aliquid vitae quisquam? Ipsa, quam?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur quidem quas totam non reprehenderit iusto cupiditate, corrupti tenetur unde temporibus veniam exercitationem excepturi porro, esse eaque eveniet a corporis expedita.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi nihil, esse odio unde exercitationem officiis aspernatur nesciunt obcaecati adipisci explicabo rem! Ipsum, cupiditate quis sint atque qui nostrum corrupti reprehenderit!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum hic deleniti corporis magni ipsum repellendus libero distinctio minima, illum quae officiis sequi iusto iure! Incidunt eveniet repellat commodi aliquam error?
</p>
</main>
</div>
</section>
</div>
<footer>
<section class='footer'>
<div class="contact">
<ul class='list1'>
<li class='cont'>contactseginfo@example.com</li>
<li>(42) 4002-8922</li>
<p><a href="https://titanci.com.br" target="_blank">© TITAN Company</a></p>
</ul>
</div>
<div class="adress">
<ul class='list2'>
<li>Rua Prof. Aristídes Novis, 2 - Federação</li>
<li>CEP 40210-630</li>
<li>Salvador - BA</li>
</ul>
</div>
</section>
</footer>
<script src="js/script.js"></script>
</body>
</html>