-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (60 loc) · 2.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
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>Intro HTML e CSS</title>
</head>
<body>
<header>
<img src="img/photo.jpg" alt="minha foto" class="photo">
<h1 id="title">Ilismarque</h1>
</header>
<section>
<header>
<h2 class="subtitle">Posts</h2>
</header>
<article class="post">
<header>
<h3 class="post_title">
Post #1
</h3>
<img src="img/html-code.jpg" alt="html code" class="post_img">
<p class="post_content">
Lorem ipsum, <a href="https://www.google.com.br" target="_blank">link</a> dolor sit amet consectetur
adipisicing
elit.Dolor reprehenderit illum consequatur incidunt id,
nostrum tempore quibusdam hic eos sed porro
officiis adipisci repellat inventore excepturi ullam natus molestiae possimus?
Ipsa quas, unde autem dolorem tempore in. Mollitia nisi possimus quisquam a voluptatem consequuntur dicta
molestias. Vero quis laborum minus magnam iste accusantium ullam cumque obcaecati asperiores placeat,
corrupti similique.
Velit aperiam officia reprehenderit dolore qui, voluptate similique unde laboriosam laudantium excepturi
ipsa aut impedit omnis sapiente modi quae voluptas error. Laborum, perferendis iste laudantium obcaecati
neque itaque deserunt dolores?
Assumenda ipsam, aperiam saepe ratione iusto cumque sunt aliquam! Repellendus illo qui cumque eum
placeat! Adipisci molestias voluptatum officiis iure minima officia minus eos nam dolore sint. At,
ducimus rerum!
Sapiente veniam placeat perspiciatis, iste nostrum vero molestias pariatur tempore quia dolore libero
delectus, dolor quidem est exercitationem illum porro hic quis quasi minima. Aperiam eligendi ad
recusandae deleniti nemo.
</p>
</header>
</article>
</section>
<footer>
<h2 class="subtitle">Contato</h2>
<ul class="contact_list">
<li class="email_contact">
<a href="mailto:ilismarque@gmail.com">ilismarque@gmail.com </a>
</li>
<li class="linkedin_contact">
<a href="https://www.linkedin.com/in/ilismarque/" target="_black">LinkedIn</a>
</li>
<li class="github_contact">
<a href="https://github.com/ilismarque" target="_black">GitHub</a>
</li>
</ul>
</footer>
</body>
</html>