-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (96 loc) · 4.41 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>Portifólio</title>
</head>
<body>
<header>
<nav>
<ul class="menu_lista">
<a class=" menu_lista-link" href="#home">
<li>Home</li>
</a>
<a class="menu_lista-link" href="#proj">
<li>Portifólio</li>
</a>
<a class="menu_lista-link" href="#sobre">
<li>Sobre</li>
</a>
<a class="menu_lista-link" href="#cont">
<li>Contato</li>
</a>
</ul>
</nav>
<div class="banner" id="home">
<h1 class="banner_title"> Olá, eu sou a <b class="banner_title-color"> Ana Costa </b></h1>
<h4> Front-End Developer</h4>
<a class="seta"><img src="assets/seta.svg" class="seta_img" alt=""></a>
<div class="text">
<p class="p_text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, explicabo possimus.
Quibusdam atque nobis cumque quidem ut obcaecati mollitia dolores incidunt debitis tenetur,
rem delectus eum magnam velit. Sed, odit.flflfllffl</p>
</div>
</div>
</header>
<div class="projetos" id="proj">
<div class="container">
<h1 class="projetos_title"> Meus projetos </h1>
<div class="projetos_site">
<div class="site">
<img class="site_img" src="assets/site1.png" alt="Primeiro projeto site Desenvolvido">
<h3 class="site_title"> Workshop {Reprograma} para seleção primeira turma do curso online Front-End
usando HTML/CSS.
</h3>
<div class="btn">
<a href="https://analuizaferreiracosta.netlify.com" class="btn_link"> Acesse aqui</a>
</div>
</div>
<div class="site">
<img class="site_img" src="assets/site2.png" alt="Segundo projeto Desenvolvido">
<h3 class="site_title"> Site responsivo criado na primeira semana do curso de Front-End da
{Reprograma} com a ferramenta HTML/CSS.
</h3>
<div class="btn">
<a href="https://responsivo.netlify.com" class="btn_link"> Acesse aqui</a>
</div>
</div>
</div>
</div>
</div>
<div class="sobreMim" id="sobre">
<div class="container">
<h1 class="titles"> Sobre mim </h1>
<img class="sobreMim_img" src="assets/eu.png" alt="Foto da Ana Costa">
<h3 class="sobreMim_description"> Sou formada Técnico em Informatica pela UNI-BH de Minas Gerais.Sempre
gostei de tecnologia mais nunca para
estudo ate começar o curso tecnico. foi ai que me descobri nessa área tão linda.Atualmente estudo
Sistemas Informação.
<div class="btn">
<a href="#" class="btn_link"> Acesse aqui</a>
</div>
</div>
</div>
<div class="contato" id="cont">
<div class="container">
<h1 class="contato_title titles">Entre em contato</h1>
<div class="contato_icons">
<a href="https://github.com/AnaCosta29" class="contato_img"> <img src="assets/github.svg "
alt="logo do github" class="contato_img-icon "></a>
<a href="https://www.facebook.com/analuiza.ferreira.900" class="contato_img"> <img
src="assets/facebook.svg" alt="logo do facebook" class="contato_img-icon"></a>
<a href="https://www.linkedin.com/in/ana-luiza-costa-91991615a/" class="contato_img"> <img
src="assets/linkedin.svg" alt="logo do linkedin" class="contato_img-icon"></a>
</div>
</div>
</div>
<footer>
<h5 class="rodape"> Design by: Caroline Silva</h5>
<h5 class="rodape">Código by: Ana Costa</h5>
</footer>
<script src="script/seta.js"></script>
</body>
</html>