-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (136 loc) · 4.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Nikko Rey Hular's Profile</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/e225a4e899.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="styles.css" />
<link
href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900"
rel="stylesheet"
/>
</head>
<body>
<header>
<nav class="main-nav">
<div class="container">
<h1 class="logo">Nikko Rey Hular</h1>
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</header>
<section id="showcase">
<div class="showcase-content">
<img
src="images/profile.jpg"
alt="Handsome Nikko"
class="profile-image"
/>
<h2 class="name">Hello, I’m Nikko.</h2>
<p class="location">My home is Bataan, Philippines.</p>
</div>
</section>
<main class="container clearfix">
<section class="card primary-content">
<h2 class="title">Background</h2>
<p>
I'm a family man. I'm 27 years old and currently employed in United
Arab Emirates. I started to work abroad since May 2014 and I'm still
working at the same company where I started. I'm married since 2018
and having an adorable son.
</p>
<br />
<p>
I'm a passionate person. Whatever things that is more interesting to
me, will surely spend time working on it even sometimes it's kinda
difficult but still I would pursue in doing the process.
</p>
<br />
<p>
I've been into Graphics Designing and Lay-outing. I'm fond of both art
and music. I used to explore my skills according to my interest.
Basically, I do sketching and CAD Drawing as I am an Architectural
Draftsman in my current job. I also have experience in designing with
small projects for my family's business. Aside from that, I also love
to play guitar and learned somehow on how to play the piano.
</p>
<br />
<p>
I would love to accept projects wether big or small as it will
definitely add to my experiences and enhance more with my skills.
</p>
</section>
<div>
<img class="myfamily" src="images/myfamily.jpg" alt="MyFamily" />
<p class="caption"><strong>My Family</strong></p>
</div>
<section class="card secondary-content">
<h2 class="title">Goals</h2>
<p>
To equip myself in the process of building web sites and increase my
knowledge, skills and abilities in:
</p>
<div class="icons">
<i class="fab fa-html5 fa-3x"></i>
<i class="fab fa-css3-alt fa-3x"></i>
<i class="fab fa-js-square fa-3x"></i>
<i class="fab fa-python fa-3x"></i>
<i class="fab fa-php fa-3x"></i>
</div>
<p>
To work for a web designing firm wherein helping clients is their top
priority to create an impressive online presence.
</p>
</section>
<section class="card tertiary-content">
<h2 class="title">Interest</h2>
<p>
I'm fond of doing things such as:
</p>
<div class="icons">
<p>Photography<i class="fas fa-camera-retro fa-2x"></i></p>
<p>Basketball<i class="fas fa-basketball-ball fa-2x"></i></p>
<p>Music<i class="fas fa-music fa-2x"></i></p>
<p>Travel<i class="fas fa-plane fa-2x"></i></p>
</div>
</section>
</main>
<footer>
<ul>
<li>
<a
href="https://twitter.com/nikkohular"
class="social twitter"
target="_blank"
>Twitter</a
>
</li>
<li>
<a
href="https://www.linkedin.com/in/nikko-rey-hular-121857130/"
class="social linkedin"
target="_blank"
>LinkedIn</a
>
</li>
<li>
<a
href="https://github.com/Nikkorey"
class="social github"
target="_blank"
>Github</a
>
</li>
</ul>
<p class="copyright">Copyright © 2020, Nikko Rey Hular</p>
</footer>
</body>
</html>