-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (133 loc) · 5.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
<!DOCTYPE HTML>
<html>
<head>
<title>Jeison Verjan</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">
<!-- Header -->
<section id="header">
<div class="inner">
<span class="icon solid major fa-cloud"></span>
<h1>Hi, welcome to my Portfolio, I'm <strong>Jeison Verjan<br />
I hop you enjoy it!</h1>
<ul class="actions special">
<li><a href="#one" class="button scrolly">Discover</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<header class="major">
<h2>Software Developer</h2>
</header>
<p>I am from Colombia, I describe myself as passionate about solving
problems in unconventional ways, I enjoy working in a team, contribute
in the creation of important and high impact things.<br /><br /> Since I
was a child my love and curiosity for technology made me understand what
my profession was, I still remember the first web page I created and
that feeling still persists in my memories as if it was yesterday.</p>
</div>
<div class="col-6 col-12-medium imp-medium">
<span class="image fit"><img src="images/pic01.jpg" alt="" /></span>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="main style1 special">
<div class="container">
<header class="major">
<h2>Latest Projects!!</h2>
</header>
<p>These are some of the projects, which tell a little about my work style:</p>
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<a href="https://pet-adoption-github-io.vercel.app/" target="_blank"><span
class="image fit"><img src="images/pic02.jpg" alt="" /></span></a>
<h3>Full Stack App</h3>
<p>A web solution where people can adopt a pet or even create a post for
someone to adopt a pet.</p>
<ul class="actions special">
<li><a href="https://pet-adoption-github-io.vercel.app/" target="_blank"
class="button">More</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<a href="https://frontendpokeapi.netlify.app/" target="_blank"><span
class="image fit"><img src="images/pico05.png" alt="" /></span></a>
<h3>Front-end fetch API</h3>
<p>Application that retrieves information from an external API and
generates an interactive interface.</p>
<ul class="actions special">
<li><a href="https://frontendpokeapi.netlify.app/" target="_blank"
class="button">More</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<a href="https://rest-api-github-io.herokuapp.com/" target="_blank"><span
class="image fit"><img src="images/pic03.jpg" alt="" /></span></a>
<h3>Rest API Back End</h3>
<p>API with information of hundreds of celebrities, ideal for programmers
to use in their projects.</p>
<ul class="actions special">
<li><a href="https://rest-api-github-io.herokuapp.com/" target="_blank"
class="button">More</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<a href="https://github.com/jeisonverjan/memory_game.github.io"
target="_blank"><span class="image fit"><img src="images/pic04.jpg"
alt="" /></span></a>
<h3>PyGame Memorama</h3>
<p>A classic game built with PyGame, test your memory. How many patterns
can you remember?</p>
<ul class="actions special">
<li><a href="https://github.com/jeisonverjan/memory_game.github.io"
target="_blank" class="button">More</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<a href="https://github.com/jeisonverjan/quiz_game.github.io"
target="_blank"><span class="image fit"><img src="images/pic05.png"
alt="" /></span></a>
<h3>Back End Multi-language Quiz</h3>
<p>General culture quiz with more than 5 thousand multiple choice
questions, available in all languages.</p>
<ul class="actions special">
<li><a href="https://github.com/jeisonverjan/quiz_game.github.io"
target="_blank" class="button">More</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jeison-verjan-b1877324b/"
target="_blank" class="icon brands alt fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://github.com/jeisonverjan/" target="_blank" class="icon
brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>©copyright 2022</li><li>jeisonverjan@gmail.com</li><li>+57
3142124565</li>
</ul>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>
</body>
</html>