-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (68 loc) · 3.75 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<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=Ibarra+Real+Nova:wght@700&family=Public+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/global.css">
<link rel="stylesheet" href="./pages/home/style.css">
<title>Home</title>
</head>
<body>
<div class="main">
<header>
<nav>
<img src="./assets/logo-dark.svg" alt="logo dark">
<ul>
<li><a class="current-page" href="#">Home</a></li>
<li><a href="./pages/portfolio/index.html">Portfolio</a></li>
<li><a href="./pages/contato/index.html">Contato</a></li>
</ul>
</nav>
</header>
<section class="homepage-hero">
<div class="homepage-hero-div">
<h1>Olá, me chamo Alex Spencer e eu amo construir websites lindos</h1>
<div class="about-me-button">
<a href="#about-section">
<span class="about-me-button-img"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="14"><g fill="none" fill-rule="evenodd" stroke="#5FB4A2"><path d="M0 9l8 4 8-4"/><path opacity=".5" d="M0 5l8 4 8-4"/><path opacity=".25" d="M0 1l8 4 8-4"/></g></svg></span>
<span class="about-me-button-text">Sobre mim</span>
</a>
</div>
</div>
</section>
<section id="about-section" class="section">
<img src="./assets/home/image-homepage-profile.jpg" alt="Homepage profile" width="540"
height="600px">
<div class="section-text">
<h1>Sobre mim</h1>
<p>Sou um desenvolvedor front-end júnior procurando por uma oportunidade. Eu foco em escrever HTML acessível, usando práticas modernas de CSS e escrevendo um JavaScript limpo. Quando estou escrevendo código JavaScript, na maioria das vezes estou usando React, mas posso me adapta para qualquer ferramenta se necessário. Moro em Londres, UK, mas também seria feliz trabalhando remotamente e tenho experiência em times remotos. Quando não estou codando, poderá me achar fora de casa. Eu adoro estar próximo a natureza seja para uma caminhada, corrida ou ciclismo. Eu amaria se você desse uma olhada no meu trabalho.</p>
<div class="go-to-portfolio"><a class="gray-outline" href="./pages/portfolio/index.html">Ir para portfolio</a></div>
</div>
</section>
<section class="contact-section">
<h1 class="contact-section-text">Interessado em fazer projetos comigo?</h1>
<div><a class="gray-outline contact-section-hover" href="./pages/contato/index.html">Contato</a></div>
</section>
</div>
<footer>
<nav>
<div class="nav-bottom">
<img src="./assets/logo-light.svg" alt="logo light">
<ul>
<li><a href="#">Home</a></li>
<li><a href="./pages/portfolio/index.html">Portfolio</a></li>
<li><a href="./pages/contato/index.html">Contato</a></li>
</ul>
</div>
<div class="social-networks-icons">
<img src="./assets/icons/github-light.svg" alt="Github icon">
<img src="./assets/icons/twitter-light.svg" alt="Twitter icon">
<img src="./assets/icons/linkedin-light.svg" alt="LinkedIn icon">
</div>
</nav>
</footer>
</body>
</html>