-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (139 loc) · 8.34 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
<!DOCTYPE html>
<html lang="en">
<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">
<meta name="description" content="Eleandro Duzentos | Senior Software Developer">
<meta name="keywords" content="eleandro, duzentos, e200, web, designer, frontend, github, angola, luanda, php, c#, node.js, flutter, dart">
<meta property="og:title" content="Eleandro Duzentos">
<meta property="og:description" content="Eleandro Duzentos | Senior Software Developer">
<meta property="og:url" content="https://e200.me">
<meta property="og:site_name" content="Eleandro Duzentos | Senior Software Developer">
<meta property="og:locale:alternate" content="en-US">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109303447-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109303447-1');
</script>
<title>Eleandro Duzentos</title>
</head>
<body>
<main id="main">
<nav class="navigation">
<div class="container"><a class="navigation__brand" href="/" title="Eleandro Duzentos">Eleandro Duzentos</a><a class="navigation__link" href="#" title="Start a project" role="button">Start a project</a></div>
</nav>
<section class="intro" id="intro">
<div class="container">
<header>
<h1 class="intro__title">Hey! I can help you build your next product</h1>
<h2 class="intro__subtitle">
<p>I'm Eleandro Duzentos, a senior software developer from Angola, Luanda</p>
<p>I design, build and manage full-stack applications</p>
</h2>
</header><a class="button primary" id="btn-talk-to-me" href="mailto://[email protected]" title="[email protected]" role="button">Let's talk</a><a href="#what-i-can-do" id="goToWhatICanDo"><i class="fa fa-angle-down"></i></a>
</div>
</section>
<section class="what-i-can-do section" id="what-i-can-do">
<div class="container">
<header class="header">
<h2 class="header__title">What I can do</h2>
</header>
<div class="row">
<div class="what-i-can-do__item">
<div class="card">
<header class="card__head"><i class="fa fa-5x fa-globe"></i></header>
<div class="card__body">
<header class="card__header">
<h2 class="card__header__title">Web Design</h2>
<p class="card__header__description">Information architecture, wireframes, user interface design and more</p>
</header>
</div>
</div>
</div>
<div class="what-i-can-do__item">
<div class="card">
<header class="card__head"><i class="fa fa-5x fa-sitemap"></i></header>
<div class="card__body">
<header class="card__header">
<h2 class="card__header__title">Software Design</h2>
<p class="card__header__description">Define a solution that meets all the technical and business requirements</p>
</header>
</div>
</div>
</div>
<div class="what-i-can-do__item">
<div class="card">
<header class="card__head"><i class="fa fa-5x fa-chain"></i></header>
<div class="card__body">
<header class="card__header">
<h2 class="card__header__title">Maintenance & support</h2>
<p class="card__header__description">Help scaling, supporting or optimizing your software as it grows</p>
</header>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects section">
<div class="container">
<header class="header">
<h2 class="header__title">Projects</h2>
</header>
<div class="row">
<div class="projects__item"><a class="projects__item__link" href="https://github.com/e200/vuelidate-error-helper" target="_blank" title="Vuelidate Error Helper">
<h2 class="projects__item__title">Vuelidate Error Helper</h2></a>
<p class="projects__item__description">Vuelidate error messages helper plugin</p><a class="projects__item__details-link" href="https://github.com/e200/vuelidate-error-helper" target="_blank" title="Vuelidate Error Helper">More details</a>
</div>
<div class="projects__item"><a class="projects__item__link" href="https://github.com/e200/vuelidate-error-helper" target="_blank" title="Scroll-Incr">
<h2 class="projects__item__title">Scroll-Incr</h2></a>
<p class="projects__item__description">jQuery plugin for number increment animation when an element</p><a class="projects__item__details-link" href="https://github.com/e200/vuelidate-error-helper" target="_blank" title="Scroll-Incr">More details</a>
</div>
<div class="projects__item"><a class="projects__item__link" href="https://github.com/e200/MakeAccessible" target="_blank" title="Make/Accessible">
<h2 class="projects__item__title">Make/Accessible</h2></a>
<p class="projects__item__description">Test your singleton classes and inaccessible instance members</p><a class="projects__item__details-link" href="https://github.com/e200/MakeAccessible" target="_blank" title="Make/Accessible">More details</a>
</div>
<div class="projects__item"><a class="projects__item__link" href="https://github.com/e200/anotherJS" target="_blank" title="another.JS">
<h2 class="projects__item__title">another.JS</h2></a>
<p class="projects__item__description">Smaller JS library for those Frontends who makes most things using pure CSS</p><a class="projects__item__details-link" href="https://github.com/e200/anotherJS" target="_blank" title="another.JS">More details</a>
</div><a class="button primary outline" id="CTA-projects" href="https://github.com/e200" target="_blank" title="See all projects">See all</a>
</div>
</div>
</section>
<section class="get-in-touch section">
<div class="container">
<header class="header">
<h2 class="header__title">Get In Touch</h2>
<p class="header__text">Are you looking for a communicative & professional software developer with extensive full-stack web development skills for your next project or just want to leave a message?</p>
</header>
<form class="get-in-touch__form" id="get-in-touch__form">
<div class="form__item">
<input class="form__input" placeholder="Your name" required="required" minlength="2" maxlength="70">
</div>
<div class="form__item">
<input class="form__input" placeholder="Your E-mail" required="required" minlength="2" maxlength="70" type="email">
</div>
<div class="form__item">
<textarea class="form__input get-in-touch__form__message-textarea" placeholder="Your message" required="required" minlength="2"></textarea>
</div>
<button class="form__submit-button button primary get-in-touch__form__submit-button" type="submit" form="get-in-touch__form">Send</button>
</form>
</div>
</section>
<footer class="footer">
<div class="container">
<p class="copyright">© Eleandro Duzentos (e200)</p>
<ul class="socials">
<li class="socials__item"><a class="socials__item__link" href="https://twitter.com/iam_e200" title="Twitter" target="_blank"><i class="fa fa-2x fa-twitter"></i></a></li>
<li class="socials__item"><a class="socials__item__link" href="https://github.com/e200" title="Github" target="_blank"><i class="fa fa-2x fa-github-alt"></i></a></li>
<li class="socials__item"><a class="socials__item__link" href="https://www.linkedin.com/in/iam-e200" title="Linkedin" target="_blank"><i class="fa fa-2x fa-linkedin"></i></a></li>
</ul>
</div>
</footer>
</main>
<script src="/dist/main.js"></script>
</body>
</html>