-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
303 lines (282 loc) · 14 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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE HTML>
<html>
<head>
<title>Leonardo Nobre Ghiggino</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="hidden-logo"><a href="index.html"><img id="logo" src="./images/default-monochrome.svg" alt="LNG">Leonardo N Ghiggino</a></h1>
<nav id="nav">
<ul>
<li><a href="#one">About</a></li>
<li><a href="#services">Services</a></li>
<!-- <li><a href="#">Experience</a></li> -->
<li><a href="#summer-vibes">Works</a></li>
<li><a href="#contact" class="button primary">Contact</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Leonardo Nobre Ghiggino</h2>
<p>Full-Stack Software Engineer</p>
</header>
<span class="image"><img src="images/me.jpg" alt="" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/web-design-concepts-with-blurred-background.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>About</h2>
<p>Coding possibilities intrigue me!</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p class="bold"> I am a Software Engineer based in Rio de Janeiro, Brazil. In the last couple of years I developed extensive knowledge in HTML, CSS and TypeScript (JS), React and NextJS, App Development with React Native, Node.js and Express, TypeORM, MongoDB and PostgreSQL.</p>
</div>
<div class="col-4 col-12-medium">
<p class="bold"><strong>I am passionate about empowering business to excel online.</strong></p>
<p class="bold">Using a varied amount of tools I help shape ideas into beautiful, fast and useful applications. I'm committed to develop world-class software solutions for you, your clients and your company. </p>
</div>
</div>
</div>
</div>
<a href="#juuntos" class="goto-next scrolly">Next</a>
</section>
<!-- juuntos - Left -->
<section id="juuntos" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/juuntos-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Juuntos - Fintech</h2>
<p>NextJS, mySQL, TypeScript, Deployed on Amazon Web Services, Google Analytics integration</p>
</header>
<p>Fintech for health brokers</p>
<ul class="actions">
<li><a href="https://juuntos.com.br/landing" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#cefr" class="goto-next scrolly">Next</a>
</section>
<!-- cefr - Left -->
<section id="cefr" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/CEFR-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Carlos Rocha - Psychologist</h2>
<p>HTML5, CSS3, JavaScript, Firebase Hosting, Google Analytics integration</p>
</header>
<p>Landing page focused on increasing new clients conversion. Increased conversion by 20%</p>
<ul class="actions">
<li><a href="https://carlos-rocha.web.app" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#restaurant" class="goto-next scrolly">Next</a>
</section>
<!-- restaurant - right -->
<section id="restaurant" class="spotlight style2 right">
<span class="image fit main"><img src="images/restaurant-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Restaurant</h2>
<p>HTML5, CCS3, JavaScript, Github, and Githosting</p>
</header>
<p>One of the last places in the West Village that has both diner charm and low prices. The cash-only menu has all of the breakfast staples with none of the frills. Weekend lines are the norm here, not the exception.</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/cuisine-restaurant/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#summer-vibes" class="goto-next scrolly">Next</a>
</section>
<!-- summerVibes - Left -->
<section id="summer-vibes" class="spotlight style3 right">
<span class="image fit main bottom"><img src="images/summerVibes-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Summer Vibes - Surfing Club</h2>
<p>HTML5, CSS3, JavaScript, Git</p>
</header>
<p>Summer vibes is a project to explore the depths of parallax design to its max. Great images and a great feel for the design</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/parallax-landing-page/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#guarany" class="goto-next scrolly">Next</a>
</section>
<!-- guarany -->
<section id="guarany" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/guarany-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Guarany Boxing Club</h2>
<p>HTML5, Bulma framework, JavaScript, Github, and Githosting</p>
</header>
<p>While Guarany is known for personal training and celeb sightings, they also offer group boxing classes where mastering technique is first, but challenging boxer conditioning exercises are always in mind.</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/guarany_boxe/" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#stockapp" class="goto-next scrolly">Next</a>
</section>
<!-- stockapp-->
<section id="stockapp" class="spotlight style2 left">
<span class="image fit main"><img src="images/stockapp-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Stock App</h2>
<p>HTML5, CCS3, JavaScript, Github, and Githosting</p>
</header>
<p>Stock trading, like many things in today's high-tech society, has become much easier to do from a mobile device. Both first-time investors and seasoned traders have the necessary tools to utilize mobile apps as their primary trading platform</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/stock-app-afrian-hanafi/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#knotYoga" class="goto-next scrolly">Next</a>
</section>
<!-- knotYoga -->
<section id="knotYoga" class="spotlight style3 right">
<span class="image fit main"><img src="images/knotYoga-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Knot Yoga</h2>
<p>HTML5, CCS3, JavaScript, Github, and Githosting</p>
</header>
<p>Knot Yoga is, by all accounts, a staple in the Rio de Janeiro's yoga community. The Union Square outpost was founded in the 1980s by yoga legends, and is now considered one of the best yoga studios in Rio. </p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/knot-yoga/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#source" class="goto-next scrolly">Next</a>
</section>
<!-- source -->
<section id="source" class="spotlight style2 right">
<span class="image fit main bottom"><img src="images/source-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Source Coworking</h2>
<p>HTML5, Bulma framework, JavaScript, Github, and Githosting</p>
</header>
<p>Source Pushwork is a modern, environmentally responsible coworking space in New York City with 10 locations throughout Brooklyn and Long Island City. It prioritizes sustainability in many different ways.</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/pushwork-max-schneider/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#pikin" class="goto-next scrolly">Next</a>
</section>
<!-- pikin -->
<section id="pikin" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/pikin-1600.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Pikin</h2>
<p>HTML5, Bulma framework, JavaScript, Github, and Githosting</p>
</header>
<p>Pikin is one of the fastest-growing performance and growth marketing agencies in NYC. Pikin has a team of passionate growth hackers, creatives and data scientists who love to help brands achieve rapid growth and success</p>
<ul class="actions">
<li><a href="https://lghiggino.github.io/from-wireframes-to-life/pushwork-sergey-pikin/index.html" class="button" target="blank">Visit site</a></li>
</ul>
</div>
<a href="#services" class="goto-next scrolly">Next</a>
</section>
<!-- services -->
<section id="services" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Services</h2>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-3 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-chart-area"></span>
<h3>Web App Development</h3>
<p>Front-end and back-end web development and design, from wireframes and UI/UX design, to Full Stack Web Applications</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-comment"></span>
<h3>UI/UX Design</h3>
<p>Human-centered approach to all design decisions so that products feel custom built for the target audience and is easy-to-navigate</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-flask"></span>
<h3>Responsive Design</h3>
<p>Built to look and perform beautifully on all types of devices, with a page structure that is logical and helps users (and search engines) browse efficiently
</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-paper-plane"></span>
<h3>Business Strategy</h3>
<p>Marketing & advertsing strategy that utilizes online and offline based technologies to promote your services and grow your brand</p>
</section>
</div>
</div>
<footer class="major">
<ul class="actions special">
<li><a href="#contact" class="button">Hire me</a></li>
</ul>
</footer>
</div>
</section>
<!-- Nine -->
<section id="contact" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Contact</h2>
</header>
<form method="post" action="https://formspree.io/f/xdopwvrz" class="cta">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Your Name" /></div>
<div class="col-6 col-12-xsmall"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
<div class="col-12 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
<div class="col-12 col-12-xsmall"><textarea name="message" id="message" placeholder="Your Message"></textarea></div>
<div class="col-12 col-12-xsmall"><input type="submit" value="Send a message" class="fit primary" /></div>
<div class="col-12 col-12-xsmall"></div>
</div>
</form>
<div class="col-12 col-12-xsmall">
<a href="#footer" class="button primary" id="contact-a">Dont like forms? Find me here <span class="fas fa-angle-down"></span></a>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/lng" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/lghiggino/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.github.com/lghiggino" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:lghiggino@gmail.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Leonardo Nobre Ghiggino. All rights reserved.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- stock images
<a href='https://www.freepik.com/photos/background'>Background photo created by creativeart - www.freepik.com</a>
<a href='https://www.freepik.com/photos/background'>Background photo created by creativeart - www.freepik.com</a>
Design: <a href="http://html5up.net">HTML5 UP</a>
-->
</body>
</html>