-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobre.html
119 lines (111 loc) · 10.3 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<hmtl lang="pt-br">
<head><!--Seção Inicial-->
<title>Sobre mim - HC Desenvolvimento Web</title>
<meta charset="UTF-8"/>
<meta name="descripition" content="DESCRIÇÃO DO CONTEUDO 156 CARACTERES"/>
<link rel="stylesheet" type="text/css" href="Normalize.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="estilositepessoal.css">
</head>
<body><!--Seção do corpo do Site-->
<div class="header">
<div class="linha">
<header>
<div class="coluna col4">
<a href="index.html"><h1 class="logo">HCoutinho</h1></a>
</div>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a href="index.html">Inicio</a></li>
<li><a href="sobre.html">Sobre Mim</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
<div class="linha">
<section>
<h2>Sobre Mim</h2>
<div class="coluna col8">
<img src="sobremim.png" alt="">
<h2>Saiba mais sobre mim</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid fugit obcaecati animi modi cumque amet ex voluptates quod placeat quo? Ea, culpa? Adipisci a quasi commodi voluptates laudantium praesentium vel.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio quibusdam minus doloribus velit! Voluptate dignissimos vitae, laborum suscipit magnam nesciunt ullam. Minus nisi optio repudiandae quisquam distinctio nesciunt earum delectus!</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sapiente, ab aliquid amet expedita aperiam, repudiandae totam ducimus doloremque eos aliquam at nostrum asperiores vero inventore ex, numquam alias est dolores!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia dolores dolorum ut harum impedit iusto deserunt, possimus nam nostrum, quaerat commodi, temporibus cupiditate! Amet sit ipsam sunt facilis laboriosam provident.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores quae ad perspiciatis tempora quas dicta saepe dolore, dolor repudiandae quod. Sit repellendus eius similique voluptatem repellat illo architecto laboriosam excepturi!</p>
<h2>Como comecei?</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa aspernatur vero voluptate doloribus inventore maxime ullam ipsum vel velit quo. Maxime quae in minus accusantium expedita repellendus earum soluta autem.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga quasi et doloremque in ex ducimus, debitis distinctio explicabo corrupti. Fuga cumque consectetur similique voluptatem eos accusamus sed eius molestias fugit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, suscipit! Quam, atque exercitationem accusantium voluptatem voluptatum earum numquam facilis fugit architecto iure magnam explicabo voluptas corporis officiis odit cum voluptates.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In et vel quo fuga consequuntur, ullam eum cum distinctio reprehenderit deserunt illum animi dolores maxime at nulla, eveniet, odit voluptatum tenetur!</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam vel totam omnis repudiandae sapiente esse amet voluptate, commodi animi, ratione rerum quae praesentium mollitia dolore sed molestiae, minima voluptatibus aspernatur.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. A tenetur quasi cum distinctio eligendi quos, voluptates earum reiciendis consequuntur architecto rem praesentium quam odit, in minima quod amet. Debitis, aliquid.</p>
<h2>Onde estudei?</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore animi nihil molestiae quidem error sed laborum, doloribus consectetur aut facilis minus suscipit ullam! Quibusdam, non magni amet at voluptatem cumque!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo hic explicabo excepturi ex ducimus mollitia asperiores cumque, ea consequatur neque error esse eum blanditiis saepe obcaecati natus. Dicta, alias consequatur!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum voluptates praesentium quaerat quia nam ratione eos dolorem alias voluptatem id. Dolores cumque amet eum dicta impedit ipsum ullam voluptatum deserunt!</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque itaque soluta praesentium officiis accusamus. Iure ad porro nobis, facere aspernatur, voluptas nisi esse atque, tempora corporis provident autem quae qui!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure modi cum omnis numquam sint asperiores tempore voluptatem consequuntur et est commodi corporis quibusdam ullam, perferendis totam necessitatibus voluptate officia deleniti?</p>
</div>
<div class="coluna col4 sidebar">
<img src="conhecimento.jpg" alt="">
<h3>O que eu faço?</h3>
<ul>
<li>Identidade visual</li>
<li>Layout de sites</li>
<li>Site corporativo</li>
<li>Lojas Virtuais</li>
</ul>
<img src="linguaprogram.png" alt="">
<h3>Areas de conhecimento</h3>
<ul>
<li>HTML e CSS</li>
<li>WordPress</li>
</ul>
</div>
</section>
</div>
<div class="conteudo-extra">
<div class="linha">
<div class="coluna col7">
<section>
<h2>Como um site pode ajudar sua empresa?</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Asperiores, voluptatibus sint voluptatem dolorum ea optio voluptate mollitia velit voluptas. Suscipit soluta corporis inventore quibusdam, dolorem sapiente voluptatem accusantium enim beatae. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ea consequatur quibusdam tenetur saepe accusamus totam accusantium quia, assumenda incidunt doloremque vitae non, omnis ex temporibus eveniet ducimus iure placeat. Ipsa.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat cumque id, fugiat veritatis optio harum delectus quos, vel enim, quas facere? Minus veritatis soluta sunt sequi facere corrupti iure tenetur! Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis mollitia corporis soluta inventore alias natus dolorem hic nihil, blanditiis quaerat ducimus ea facilis aspernatur tenetur dolorum similique adipisci? Fugit, eius.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellat, hic blanditiis. Sequi optio deserunt laborum eius exercitationem cumque provident ipsa porro reiciendis voluptates, minus quos deleniti. At consectetur praesentium repudiandae. Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, enim? Ratione accusamus reiciendis provident, ipsa labore rerum fuga laudantium beatae quo ea nisi dolores ducimus debitis suscipit sapiente voluptatum similique? Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius sequi quasi harum voluptates repudiandae officiis, minus dolorem error reiciendis, a eaque provident deleniti nulla repellat nemo veritatis adipisci nostrum velit!</p>
</section>
</div>
<div class="coluna col5">
<h3>Ultimas Noticias</h3>
<ul class="sem-marcador sem-padding noticias">
<li>
<img src="tecnologia.webp" alt="">
<h4>Titulo da noticia do blog</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non ut accusamus, animi reiciendis maxime ullam eum amet repellat voluptas deleniti alias quisquam maiores perspiciatis dolorem, praesentium modi saepe, quae ipsa. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus fuga nisi nihil exercitationem iste? Nemo omnis quis in aliquid earum aut enim, odit esse voluptate soluta dicta numquam doloremque ut? <a href="">Leia mais »</a></p>
</li>
<li>
<img src="tecnologia.webp" alt="">
<h4>Titulo da noticia do blog</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non ut accusamus, animi reiciendis maxime ullam eum amet repellat voluptas deleniti alias quisquam maiores perspiciatis dolorem, praesentium modi saepe, quae ipsa. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus fuga nisi nihil exercitationem iste? Nemo omnis quis in aliquid earum aut enim, odit esse voluptate soluta dicta numquam doloremque ut? <a href="">Leia mais »</a></p>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="linha">
<footer>
<div class="coluna col12">
<span>© 2020 - HCoutinho Desenvolvimento Web</span>
</div>
</footer>
</div>
</div>
</body>
</hmtl>