-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (124 loc) · 6.54 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!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="stylesheet" href="./style/style.css" />
<link rel="stylesheet" href="./style/reogio.css" />
<link rel="stylesheet" href="./style/scrollbar.css" />
<link rel="stylesheet" href="./style/responsividade-790px.css">
<link rel="stylesheet" href="./style/responsividade-446px.css">
<title>Olá eu sou o dilnae</title>
</head>
<body>
<header>
<a href="#relogio">
<img src="./imagens/minha-foto-1.jpg" alt="foto do Dilnae Rennan" class="minha-foto">
</a>
<nav class="navegacao">
<a href="#sobre-mim" class="a">Sobre mim</a>
<a href="#habilidades-hobbies" class="a">Habilidade e Hobbies</a>
<a href="#redes-sociais" class="a">Redes Sociais</a>
<a href="#entre-em-contado" class="a">entre em contato</a>
</nav>
</header>
<main>
<section class="relogio-pai" id="relogio">
<div class="relogio">
<div>
<span id="horas">00</span>
<span class="tempo">Horas</span>
</div>
<div>
<span id="minutos">00</span>
<span class="tempo">Minutos</span>
</div>
<div>
<span id="segundos">00</span>
<span class="tempo">Segundos</span>
</div>
</div>
<script src="./script/script.js" defer></script>
</section>
<section class="sobre-mim" id="sobre-mim">
<div class="div-sobre-mim">
<h1 class="h1-sobre-mim">Sobre mim</h1>
<p class="p-sobre-mim">
olá meu nome é <strong>Dilnae Rennan</strong>, eu vou falar um pouco sobre mim eu adoro tecnologia e
inovações eu amo programação é carros eu adoro ver filmes e séries de todos os temas eu gosto de
analisar tudo nas series e filmes como rodeiro, os atores de acordo com o personagem etc, eu tambem
adoro jogos de todos os temas mais eu tenho uma quetinha maior para simuladores, é isso um pouco
sobre mim.
</p>
</div>
</section>
<section class="habilidades-hobbies" id="habilidades-hobbies">
<div class="habilidades-hobbies-div">
<h1 class="habilidades-hobbies-h1">Habilidades e Hobbies</h1>
<ul class="habilidades-hobbies-ul">
<li class="h-h-li">HTML, CSS, JavaScript, Python, MySQL</li>
<li class="h-h-li">Tenho conhecimento intermediario no pacote Office.</li>
<li class="h-h-li">Eu gosto de conhecer pessoas novas e Trabalho muito bem em equipe.</li>
<!--<li class="h-h-li">Sou concentrado,calmo e paciente.</li> -->
<li class="h-h-li">Gosto de tudo muito bem organizado.</li>
<li class="h-h-li">Adoro aprender coisas novas; (principalmente na área de TI).</li>
</ul>
</div>
</section>
<section class="redes-sociais" id="redes-sociais">
<div class="redes-sociais-div">
<h1 class="redes-sociais-h1">Redes Sociais</h1>
<ul>
<li>
<a href="https://linkedin.com/in/dilnae-rennan" class="a-img-logos"> <img
src="./imagens/linkedin-logo.png" alt="imagem do linkedin"> </a>
<a href="https://linkedin.com/in/dilnae-rennan" class="a-redes-sociais">dilnae-rennan</a>
</li>
<li>
<a href="https://github.com/DilnaeSantos" class="a-img-logos"> <img
src="./imagens/github-logo.jpg" alt="imagem do github"> </a>
<a href="https://github.com/DilnaeSantos" class="a-redes-sociais">DilnaeSantos</a>
</li>
<li>
<a href="https://instagram.com/dilnae_santos?igshid=MzNlNGNkZWQ4Mg==" class="a-img-logos"> <img
src="./imagens/instagram-logo.webp" alt="imagem do instagram"> </a>
<a href="https://instagram.com/dilnae_santos?igshid=MzNlNGNkZWQ4Mg=="
class="a-redes-sociais">@dilnae_santos</a>
</li>
<li>
<a href="mailto:dilnaerennan18@gmail.com" class="a-img-logos"> <img
src="./imagens/gmail-logo.jpg" alt="imagem do email"> </a>
<a href="mailto:dilnaerennan18@gmail.com" class="a-redes-sociais">dilnaerennan18@gmail.com</a>
</li>
<li>
<a href="https://wa.me/message/YFQ3DGRPA4EXE1" class="a-img-logos"> <img
src="./imagens/whatts-logo.png" alt="imagem do whatsApp"> </a>
<a href="https://wa.me/message/YFQ3DGRPA4EXE1" class="a-redes-sociais">96500-6967</a>
</li>
</ul>
</div>
</section>
<section class="entre-em-contado" id="entre-em-contado">
<div class="entre-em-contado-div">
<h1 class="entre-em-contado-h1">Entre em contado</h1>
<form action="https://formsubmit.co/dilnaerennan84@gmail.com" method="POST" class="entre-em-contado-form">
<label for="nome">digite o seu nome</label>
<input type="text" name="nome" placeholder="Nome" required>
<label for="email">digite o seu Email</label>
<input type="email" name="email" placeholder="Email" required>
<label for="telefone">digite o seu telefone</label>
<input type="tel" name="telefone" pattern="\d{5}\-\d{4}\" placeholder="Telefone">
<button type="submit" class="botao">ENVIAR</button>
<input type="hidden" name="_subject" value="Novo Contato da minha pagina">
<input type="text" name="_honey" style="display:none">
<input type="hidden" name="_captcha" value="true">
</form>
</div>
</section>
</main>
<footer class="footer">
<p class="footer-p">Produzido por Dilnae Santos</p>
</footer>
</body>
</html>