-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobre.html
108 lines (108 loc) · 3.92 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Bruno D. Souza - Developer</title>
<meta charset = "utf-8"/>
<link rel="icon" type="image/x-icon" href="img/Kamepng.png">
<link rel="shortcut icon" type="image/x-icon" href="img/Kamepng.png">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400, 100, 300, 500, 700" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="header">
<div class="linha">
<header>
<div class="coluna col-5">
<h1 class="logo"> <a href="index.html">Bruno D. Souza Developer</a></h1>
</div>
<div class="coluna col-7">
<nav>
<ul class="menu inline sem-marcador">
<li><a href="index.html" target="_self">Home</a></li>
<li><a href="cliente.html" target="_self">Clientes</a></li>
<li><a href="servico.html" target="_self">Serviços</a></li>
<li><a href="contato.html" target="_self">Contatos</a></li>
<li><a href="sobre.html" target="_self">Sobre</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
<div class="linha">
<section>
<div class="coluna col-8">
<h2>Um pouco sobre mim </h2>
<p>Universitário e estagiario pobre, tentando aprender um pouco sobre html e CSS</p>
<p>Nascido, lavado, criado e banhando em Canindé, onde as estações do ano são: calor, quintura, mormaço, e no inverno fica nublado as vezes, as vezes....</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="coluna col-4 sidebar">
<h3>Formação profissional</h3>
<img src="img/formatura.jpg" alt="" title="Formatura">
<ul>
<li>Cursando Análise e Desenvolvimento de Sistemas</li>
<li>Curso Técnico em Redes</li>
</ul>
<h3>Áreas de conhecimento</h3>
<ul>
<li>Html e CSS</li>
<li>Java e JavaScript</li>
<li>PHP</li>
<li>C, C++ e C#</li>
<li>MySql, SQLServer, PostGree</li>
</ul>
</div>
</section>
</div>
<div class="conteudo-extra">
<div class="linha">
<div class="coluna col-7">
<section>
<h2>Curuiosidades sobre esse projeto</h2>
<p>Tentando aprender um pouco sobre Html e CSS</p>
<p>Tive que parar outro projeto pra poder aprender a usar html e css
caso contrario o outro projeto não iria pra frente
por isso estou aqui....</p>
</section>
</div>
<div class="coluna col-5">
<h3>Ultimas Noticias</h3>
<ul class="sem-marcador sem-padding noticias">
<li>
<img src="img/thumb-pequena.jpg" alt="" title="Foto 2"/>
<h4>Titulo da noticia publicada no blog</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna.
</li>
<li>
<img src="img/thumb-pequena.jpg" alt="" title="Foto 2"/>
<h4>Titulo da noticia publicada no blog</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna.
</li>
<li>
<img src="img/thumb-pequena.jpg" alt="" title="Foto 2"/>
<h4>Titulo da noticia publicada no blog</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="linha">
<div class="coluna col-12">
<span>© 2016 - Bruno D. Souza Developer Web</span>
</div>
</div>
</div>
</body>
</html>