-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (177 loc) · 9.56 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Portifólio de Luiz Guilherme Ventura Nunes</title>
<!-- Meta Data -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Luiz Guilherme Ventura Nunes" />
<meta name="description" content="Portifólio de trabalhos realizados e formação de Luiz Guilherme Ventura Nunes" />
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="assets/styles/style.css" />
<link rel="stylesheet" type="text/css" href="assets/styles/style-dark.css" />
</head>
<body class="bg-triangles">
<!-- Preloader -->
<div class="preloader">
<div class="preloader__wrap">
<div class="circle-pulse">
<div class="circle-pulse__1"></div>
<div class="circle-pulse__2"></div>
</div>
<div class="preloader__progress"><span></span></div>
</div>
</div>
<main class="main">
<div class="container gutter-top">
<!-- Header -->
<header class="header box">
<div class="header__left">
<div class="header__photo">
<img class="header__photo-img" src="assets/img/profile.jpg" alt="Luiz Guilherme Ventura Nunes">
</div>
<div class="header__base-info">
<h4 class="title titl--h4">Luiz Guilherme Ventura Nunes</h4>
<div class="status">Desenvolvedor WEB</div>
<ul class="header__social">
<li>
<a href="https://www.linkedin.com/in/luiz-guilherme-a366b224/" target="_blank">
<i class="font-icon icon-linkedin"></i>
</a>
</li>
<li>
<a _blank href="https://github.com/lgvnunes" target="_blank">
<i class="font-icon icon-github"></i>
</a>
</li>
<li>
<a href="https://twitter.com/lugui_nunes" target="_blank">
<i class="font-icon icon-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="header__right">
<ul class="header__contact">
<li>
<span class="overhead">
Email
</span>
</li>
<li>
<span class="overhead">Telefone</span><a
href="https://api.whatsapp.com/send?phone=55xxxxxxxxxxx">+55 (xx) xxxxx-xxxx </a>
</li>
</ul>
<ul class="header__contact">
<li>
<span class="overhead">
Rua onde Eu Moro, S/N
</span>
Rua Onde Eu Trabalho, S/N
</li>
</ul>
</div>
</header>
<div class="row sticky-parent">
<!-- Sidebar nav -->
<aside class="col-12 col-md-12 col-lg-2">
<div class="sidebar box sticky-column">
<ul class="nav">
<li class="nav__item">
<a class="active" href="index.html">
<i class="icon-user"></i>
Sobre Mim
</a>
</li>
<li class="nav__item">
<a href="resume.html">
<i class="icon-file-text"></i>
Currículo
</a>
</li>
<li class="nav__item">
<a href="works.html">
<i class="icon-codesandbox"></i>
Portifólio
</a>
</li>
</ul>
</div>
</aside>
<!-- Conteúdo do site -->
<div class="col-12 col-md-12 col-lg-10">
<div class="box box-content">
<!-- Sobre Mim -->
<div class="pb-0 pb-sm-2">
<h1 class="title title--h1 first-title title__separate">Sobre Mim</h1>
<p>
Meu primeiro contato com a programação foi meio que sem queres mas, foi Amor à primeira vista. Sempre
tive um espírito curioso e um amante das tecnologias e a possibilidade de resolver problemas utilizando
o computador foi um upgrade na minha paixão pela inovação.
Lá se vão alguns anos e eu estou cada vez mais apaixonado e entendendo que programação
não de aprende nunca, pois sempre =vai ter alguma nova tecnologi,aum novo framework,
uma metodologia surgindo, enfim é uma vida de eterno aprendizado.
</p>
<div>
<!-- Clients -->
<div class="mt-4">
<h2 class="title title--h3">Clientes</h2>
<div class="swiper-container js-carousel-clients">
<div class="swiper-wrapper">
<!-- Item client -->
<div class="swiper-slide">
<a href="#">
<img src="assets/img/ifto.svg" style="background-color: #FFF;"
alt="IFTO Logo" /></a>
</div>
<!-- Item client -->
<div class="swiper-slide">
<a href="#"><img src="assets/img/engrenagem.svg"
style="background-color: #FFF;" alt="IFTO Logo" /></a>
</div>
<!-- Item client -->
<div class="swiper-slide">
<a href="#"><img src="assets/img/fluxograma.svg"
style="background-color: #FFF;" alt="IFTO Logo" /></a>
</div>
<!-- Item client -->
<div class="swiper-slide">
<a href="#">
<img src="assets/img/rede.svg" style="background-color: #FFF;"
alt="IFTO Logo" /></a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
© Luiz Guilherme Ventura Nunes
</footer>
</div>
</div>
</div>
</main>
<!-- SVG masks -->
<svg class="svg-defs">
<clipPath id="avatar-box">
<path
d="M1.85379 38.4859C2.9221 18.6653 18.6653 2.92275 38.4858 1.85453 56.0986.905299 77.2792 0 94 0c16.721 0 37.901.905299 55.514 1.85453 19.821 1.06822 35.564 16.81077 36.632 36.63137C187.095 56.0922 188 77.267 188 94c0 16.733-.905 37.908-1.854 55.514-1.068 19.821-16.811 35.563-36.632 36.631C131.901 187.095 110.721 188 94 188c-16.7208 0-37.9014-.905-55.5142-1.855-19.8205-1.068-35.5637-16.81-36.63201-36.631C.904831 131.908 0 110.733 0 94c0-16.733.904831-37.9078 1.85379-55.5141z" />
</clipPath>
<clipPath id="avatar-hexagon">
<path
d="M0 27.2891c0-4.6662 2.4889-8.976 6.52491-11.2986L31.308 1.72845c3.98-2.290382 8.8697-2.305446 12.8637-.03963l25.234 14.31558C73.4807 18.3162 76 22.6478 76 27.3426V56.684c0 4.6805-2.5041 9.0013-6.5597 11.3186L44.4317 82.2915c-3.9869 2.278-8.8765 2.278-12.8634 0L6.55974 68.0026C2.50414 65.6853 0 61.3645 0 56.684V27.2891z" />
</clipPath>
</svg>
<div class="back-to-top"></div>
<!-- JavaScripts -->
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/plugins.min.js"></script>
<script src="assets/js/common.js"></script>
</body>
</html>