-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (108 loc) · 4.62 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/css/style.css">
<link rel="icon" type="image/png" href="./src/img/logo B 1.svg">
<title>Brennon Meireles</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a class="nav-text" href="">UX/UI</a></li>
<li><a class="nav-text" href="#projects">Projects</a></li>
</ul>
<img src="./src/img/logo B 1.svg" alt="logo B">
<ul>
<li><a class="nav-text" href="about.html">About</a></li>
<li><a class="nav-text" href="">Contact</a></li>
</ul>
</nav>
<section>
<h1>Brennon Meireles</h1>
<h4>Hi! I'm a Front-end Developer and UI/UX Designer</h4>
<div class="img-contact">
<a href="https://www.linkedin.com/in/brennon-meireles/" target="_blank"><img src="./src/img/linkedin-logo-white 2.svg" alt="linkedin logo"></a>
<a href="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/BrennonMeireles" target="_blank"><img src="./src/img/github-logo-white-2 1.svg" alt="logo github"></a>
</div>
</section>
<!-- mascara para escurecer o background -->
<div class="overlay"></div>
</header>
<!-- botao flutuante -->
<button onclick="scrollToTop()" id="btnTopo" title="Voltar para o Topo"><img src="./src/img/up-arrow-square-semfundo 2.svg" alt=""></button>
<!-- script do botao -->
<script src="./src/js/script.js"></script>
<!-- Sessao de Projetos -->
<main>
<article id="projects">
<section>
<div class="project-text">
<div class="project-number">
<h2>01</h2>
<img src="./src/img/logo B 1.svg" alt="logo B">
</div>
<h2>Le Scone</h2>
<h4>Design and Programing</h4>
<a href="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/BrennonMeireles/lescone-restaurant" target="_blank"><button>view project</button></a>
</div>
<div class="print-project">
<img src="/src/img/le-scone-print.png" alt="print do site le-scone">
</div>
</section>
<section>
<div class="project-text">
<div class="project-number">
<h2>02</h2>
<img src="./src/img/logo B 1.svg" alt="logo B">
</div>
<h2>SearchIP</h2>
<h4>Design and Programing</h4>
<a href="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/BrennonMeireles/sprint-consumo-api" target="_blank"><button>view project</button></a>
</div>
<div class="print-project">
<img src="/src/img/searchip-print.png" alt="print do site SearchIP">
</div>
</section>
<section>
<div class="project-text">
<div class="project-number">
<h2>03</h2>
<img src="./src/img/logo B 1.svg" alt="logo B">
</div>
<h2>Tigrão do Capão</h2>
<h4>Design</h4>
<button>view project</button>
</div>
<div class="print-project">
<img src="/src/img/tigrao-print.png" alt="print do site tigão do capão">
</div>
</section>
<section>
<div class="project-text">
<div class="project-number">
<h2>04</h2>
<img src="./src/img/logo B 1.svg" alt="logo B">
</div>
<h2>Nike</h2>
<h4>Design</h4>
<button>view project</button>
</div>
<div class="print-project">
<img src="/src/img/nike-print.svg" alt="print do site Nike">
</div>
</section>
</article>
</main>
<!-- Rodape do site -->
<footer>
<div class="img-contact">
<a href="https://www.linkedin.com/in/brennon-meireles/" target="_blank"><img src="./src/img/linkedin-logo-white 2.svg" alt="linkedin logo"></a>
<a href="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/BrennonMeireles" target="_blank"><img src="./src/img/github-logo-white-2 1.svg" alt="logo github"></a>
</div>
<h1>Brennon Meireles</h1>
</footer>
</body>
</html>