Prova-HTML-SCSS-RWD/index.html at master · gustavodepaula-daw/Prova-HTML-SCSS-RWD · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Gustavo de Paula</title>
	<link rel="stylesheet" href="css/master.css">
	<link rel="icon" href="images/carinha.png">
</head>
<body>
<div id="tudo">
	<div id="resumo" class="cold-6 colt-6 colm-16">
		<img src="images/profile.jpeg" alt="">

		<h1 id="ola">Olá, meu nome é</h1>
		<h1 id="nome">Gustavo de Paula</h1>
		<p>Estudante</p>
		<p>gustavo@depaula.cz</p>
		<p>Região Metropolitana da Grande Betim</p>
		<p>Tudo bom?</p>
	</div>
	<div id="main" class="cold-10 colt-10 colm-16">
	<div id="containermain">
		<div id="xp">
			<h1>Experiencias e Projetos</h1>

			<h2>Diretor Executivo LibrES</h2>
			<h3>Mar. 2017 - <span id="atual">Atual</span></h3>
			<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra luctus enim. Aenean rutrum, dui vitae laoreet tincidunt, nisl purus efficitur mauris, sed volutpat urna sem sit amet nunc. Donec imperdiet purus nec turpis suscipit, ullamcorper pretium metus ornare.</h4>

			<h2>Membro do Grêmio Estudantil</h2>
			<h3>Fev. 2015 - Dez. 2016</h3>
			<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra luctus enim. Aenean rutrum, dui vitae laoreet tincidunt, nisl purus efficitur mauris, sed volutpat urna sem sit amet nunc. Donec imperdiet purus nec turpis suscipit, ullamcorper pretium metus ornare.</h4>

			<h2>Fazendo nada</h2>
			<h3>Jun. 2000 - Fev. 2015</h3>
			<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra luctus enim. Aenean rutrum, dui vitae laoreet tincidunt, nisl purus efficitur mauris, sed volutpat urna sem sit amet nunc. Donec imperdiet purus nec turpis suscipit, ullamcorper pretium metus ornare.</h4>
		</div>
		<div id="edu">
			<h1>Formação</h1>
			<h2>Coltec</h2>
			<h3>Fev. 2015 - <span id="atual">Atual</span></h3>
			<h4>Técnico em Informática</h4>
			<h2>Varias escolas</h2>
			<h3>Fev. 2005 - Dez. 2014</h3>
			<h4>Ensino Fundamental</h4>
		</div>
		<div id="contec">
			<h1>Conhecimento Técnico</h1>
			<ul>
				<li>C</li>
				<li>Java</li>
				<li>Python</li>
				<li>Web</li>
				<li>Bash</li>
				<li>Assembly</li>
				<li>JS</li>
			</ul>
		</div>
		</div>
	</div>

	<div id="social" class="cold-16 colt-16 colm-16">
		<h1>Follow me:</h1>
		<ul>
			<li>
				<a target="_blank" href="https://github.com/gustavo-depaula">
					<img src="images/github.png" alt="">
				</a>
			</li>
			<li>
				<a target="_blank" href="https://medium.com/@gustavodepaula">
					<img src="images/medium.png" alt="">
				</a>
			</li>
			<li>
				<a target="_blank" href="https://www.instagram.com/itsgustavodepaula">
					<img src="images/instagram.png" alt="">
				</a>
			</li>
		</ul>
	</div>
	<footer class="cold-16 colt-16 colm-16">
		<p>&hearts; 2017 Gustavo de Paula, Sharing is Caring&nbsp;&nbsp;&nbsp;</p>
	</footer>
</div>
</body>
</html>