-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
102 lines (96 loc) · 4.08 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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Nome do Aluno</title>
</head>
<body>
<header>
<a href="#about-me">Sobre mim</a>
<a href="#studies">O que estou estudando?</a>
<a href="#experience">Experiências</a>
<a href="#contact">Entre em contato</a>
</header>
<section id="presentation">
<img src="images/ide.png" alt="Nome do aluno">
<div class="student-info">
<h1 class="title">Nome do aluno</h1>
<p>[email protected]</p>
<p>Estudante de Engenharia da Computação na UFRGS</p>
</div>
</section>
<section id="about-me" class="green-background">
<h2 class="title">Sobre mim</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua. Nulla at volutpat diam ut venenatis tellus in metus vulputate. In massa tempor nec feugiat
nisl pretium fusce id velit. Faucibus nisl tincidunt eget nullam non nisi est. Quisque egestas diam in
arcu
cursus. Bibendum arcu vitae elementum curabitur vitae nunc sed. </p>
</section>
<section id="studies">
<h2 class="title">O que estou estudando?</h2>
<fieldset>
<input class="contact-input" id="git" type="checkbox">
<label for="git">Git e Github</label>
</fieldset>
<fieldset>
<input class="contact-input" id="html" type="checkbox">
<label for="html">HTML</label>
</fieldset>
<fieldset>
<input class="contact-input" id="css" type="checkbox">
<label for="css">CSS</label>
</fieldset>
</section>
<section id="experience" class="green-background">
<h2 class="title">Experiências</h2>
<ul>
<li>Destaque</li>
<li>Desenvolvedor na Empresa Júnior IDE</li>
</ul>
</section>
<section id="contact">
<h2 class="title">Entre em contato</h2>
<form>
<fieldset class="input-container">
<label for="name">Nome:</label>
<input class="input" id="name" name="name" placeholder="Seu nome" type="text" required />
</fieldset>
<fieldset class="input-container">
<label for="email">Email:</label>
<input class="input" id="email" name="email" placeholder="Seu melhor email" type="email" required />
</fieldset>
<fieldset class="input-container">
<label for="message">Mensagem:</label>
<textarea class="input" id="message" name="message" placeholder="Mensagem" required></textarea>
</fieldset>
<button type="submit" class="submit"> Enviar </button>
</form>
</section>
<footer>
<p>Feito por Nome do Aluno, 2021</p>
<div>
<a href="https://github.com/IDEjr" target="_blank" rel="noopener noreferrer">
<img alt="Github" src="images/github.png" />
</a>
<a href="https://www.linkedin.com/company/empresa-j%C3%BAnior-ide/" target="_blank"
rel="noopener noreferrer">
<img alt="LinkedIn" src="images/linkedin.png" />
</a>
<a href="https://www.instagram.com/ide_jr/" target="_blank" rel="noopener noreferrer">
<img alt="Instagram" src="images/instagram.png" />
</a>
<a href="https://www.facebook.com/idejr" target="_blank" rel="noopener noreferrer">
<img alt="Facebook" src="images/facebook.png" />
</a>
</div>
</footer>
</body>
</html>