-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
174 lines (156 loc) · 8.16 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About | Obala Joseph Ivan</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="keywords" content="Developer, Web designer, Html, Javascript, PHP, Mysql databases, Gulu developer, Gulu "/>
<meta name="description" content="Get to know me more, my workflows, favourite language, top skills and frameworks"/>
<link rel="stylesheet" href="../../font/fontawesome-free-5.12.1-web/fontawesome-free-5.12.1-web/css/all.css">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--/ Nav Star /-->
<nav class="navbar navbar-b navbar-trans navbar-expand-md fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll" href="index.html">Obala</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbarDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="index.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!--/ Nav End /-->
<!--/ Intro Skew Star /-->
<div class="intro intro-single route bg-image" style="background-image: url(img/overlay-bg.jpg)">
<div class="overlay-mf"></div>
<div class="intro-content display-table">
<img alt="Obala Joseph Ivan" class="noop" src="img/PicsArt_03-03-08.24.45.png">
</div>
</div>
</div>
<div class="bb">
<div class="top-skills">
<div class="styled">
</div>
<div class="core">
<h4 class="core-txt">Core</h4>
<hr class="rl">
</div>
<div class="core-container">
<div class="core-items-left">
<h5 class="cr-it">JavaScript</h5>
<h5 class="cr-it">HTML5</h5>
<h5 class="cr-it">CSS3</h5>
</div>
<div class="core-items-right">
<h5 class="cr-it">PHP</h5>
<h5 class="cr-it">GIT</h5>
<h5 class="cr-it">mySQL</h5>
</div>
</div>
<div class="lib-container">
<div class="lib">
<h4 class="core-txt">Libraries</h4>
<hr class="rl">
<div class="lib-items-left">
<h5 class="cr-it">BOOTSTRAP4</h5>
<h5 class="cr-it">JQUERY</h5>
</div>
</div>
<div class="lib-items-right">
<h5 class="cr-it">React.js</h5>
<h5 class="cr-it">WORDPRESS</h5>
</div>
</div>
</div>
<!--===============================
about text
================================-->
<div class="abtt">
<p class="abt-t"><span class="skin txt-bold"><strong>The Skinny:</strong></span> I'm Obala Joseph Ivan, a front-end web developer and a UI/UX designer from Gulu, Uganda. I am currently pursuing full stack web developer at Udemy. I've been creating on the web since March 2017 and have become pretty good at it. I hang out on Facebook and would love to meet you!
</p>
<img alt="Obala" class="abt" src="img/IMG_ld2j38.jpg">
<p class="abt-t">A little more… I’m super passionate about design, development, and filmmaking. I’ve been very fortunate to be able to do all three as a career. From a technical standpoint, I spend most of my time working with JavaScript, CSS3, HTML5. New and open source web technologies make me super excited and I can’t wait to see what is to come of the web in the next few years.</p>
<p class="abt-t">When not creating websites, I love to spend my time with my best friends <a href=""><strong><em>Apar</em></strong></a> and <a href=""><strong><em>Joe</em></strong></a>, Together we do filmmaking where am the cinematography, Producer and the video editor making me acustom to video editing softwares like Adobe Premiere Pro, Affter Effects and others.</p>
<p class="abt-t">I also love to spend my free time Wactching Super Horeos Movies with my family and friends and <strong>Marvel's End Game</strong> is so far my favourite movie of all times</p>
</div>
<p class="srtx">If you have a question about me, or would like to read more, I run an Ask Me Anything on</p><h6 class="srtx"><strong><a href="https://www.github.com">GitHub</a></strong></h6>
<hr>
<div class="share">
<h6>Share this</h6>
<a id="twt" href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-via="obalaivan" data-show-count="false">Twitter</a>
<a href="https://obala.ga/about/?share=facebook&nb=1"><button class="fb btn" type="button"><i class="fab fa-facebook-square"></i>Facebook</button></a>
</div>
<!--/ Intro Skew End /-->
<footer class="bgg foot display-none">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="copyright-box">
<p class="copyright">© Copyright <strong>Obala Websolutions</strong>. All Rights Reserved</p>
</div>
</div>
</div>
</div>
</footer>
</section>
<!--/ Section Contact-footer End /-->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<div id="preloader"></div>
<!---- font --->
<script src="https://kit.fontawesome.com/0dd0424451.js" crossorigin="anonymous"></script>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/popper/popper.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/counterup/jquery.waypoints.min.js"></script>
<script src="lib/counterup/jquery.counterup.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<script src="lib/typed/typed.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>