-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
213 lines (212 loc) · 8.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
/>
<title>Emmanuel Menyaga</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic"
/>
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css" />
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css" />
<link rel="stylesheet" href="assets/bootstrap/css/main.css" />
</head>
<body id="page-top">
<a href="#" class="menu-toggle rounded"><i class="fa fa-bars"></i></a>
<nav class="navbar navbar-light navbar-expand" id="sidebar-wrapper">
<div class="container">
<button
class="navbar-toggler d-none"
data-toggle="collapse"
data-target="#"
></button>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav sidebar-nav" id="sidebar-nav">
<li class="nav-item sidebar-brand" role="presentation">
<a class="nav-link active js-scroll-trigger" href="#page-top"
>Emmanuel Menyaga</a
>
</li>
<li class="nav-item sidebar-nav-item" role="presentation">
<a class="nav-link js-scroll-trigger" href="#about"
>What you need</a
>
</li>
<li class="nav-item sidebar-nav-item" role="presentation">
<a class="nav-link js-scroll-trigger" href="#services"
>What I offer</a
>
</li>
<li class="nav-item sidebar-nav-item" role="presentation">
<a class="nav-link js-scroll-trigger" href="#fix">Our collab</a>
</li>
</ul>
</div>
</div>
</nav>
<header
class="d-flex masthead"
style="background-image: url('assets/img/bg-masthead.jpg');"
>
<div class="container my-auto text-center">
<div class="identity d-flex my-5">
<div>
<span class="image-cropper">
<img src="assets/img/prf-img.jpg" alt="avatar"
/></span>
</div>
<div class="ml-lg-3">
<h1 class="name mt-3 mt-lg-0">
Emmanuel Menyaga <span class="d-block mt-1">(mhizterkeyz)</span>
</h1>
<h2 class="title mt-lg-2">Fullstack JavaScript developer</h2>
</div>
</div>
<a class="btn btn-primary btn-xl hear-me" role="button" href="#about"
>Hear me out</a
>
<div class="overlay"></div>
</div>
</header>
<section id="about" class="content-section bg-light">
<div class="container text-center">
<div class="row">
<div class="col-lg-10 mx-auto">
<h2>
WHAT Tailwind NEEDS
</h2>
<p class="text-left lead mb-5">
As a UI/UX design company, Tailwinds drive is to make the rather
daunting tasks of designing catchy and meaningful web UI/UX
components easy, and this drive should align perfectly with
anyone's desire who works or wants to work with Tailwind because
without this, there will be no Tailwind. Tailwind is making a
world where you set out to build a beautiful webapp and you don't
spend too much time trying to recreate a mental picture just
because CSS is hard to get something done with or the amount of
JavaScript required to set things up is just enormous or beyond
your understanding.
</p>
<a class="btn btn-dark btn-xl" role="button" href="#services"
>What I'm Offering</a
>
</div>
</div>
</div>
</section>
<section
id="services"
class="content-section bg-primary text-white text-center"
>
<div class="container">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Services</h3>
<h2 class="mb-5">WHAT I'M OFFERING</h2>
</div>
<div class="row">
<div class="col-lg-10 mx-auto">
<p class="text-left lead mb-5">
Tailwind will definitely need a dogged full stack developer with a
knack for solving problems, and that's where i can help you.
Seeing as designing a UI/UX can be very difficult and requires
alot of creative thingking, someone who will not rest until he has
seen a solution to a problem he's faced with will be needed. I'm
that someone. Sometimes, I wake up in the middle of a good snooze
just because i might have an idea on how to fix the bug on line
987. I just love the thrill of getting faced with programming
problems and solving them - I feel sooo goood when I solve them.
Finding ways to solve problems drew me to programming in the first
place. I'm been coding for some time but I'm new to marketting my
skills. What i can do given the right enablement and motivation
will interest you.
</p>
<a class="btn btn-light btn-xl" role="button" href="#fix"
>What we could do together</a
>
</div>
</div>
</div>
</section>
<section
class="callout py-5"
id="fix"
style="
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(255, 255, 255, 0.1) 100%
),
url('assets/img/bg-callout.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
"
>
<div class="container text-center">
<h2 class="mx-auto mb-5">
WHAT I'M ALL PUMPED UP ABOUT
</h2>
<div class="row">
<div class="col-lg-10 mx-auto">
<p class="text-left lead mb-5">
Now, I think the problem with development is the amount of config
needed to setup a development environment and I think more people
will use some less used technologies if the setup was easier.
Imagine being able to setup Tailwind all from the comfort of the
cli, without writing a single line of config, just hitting enter
or the down button to skip a config. It will be alot easier that
way. At least, I know my life will be alot easier that way. Up
until now, I still hate setting up webpack, and to be honest, most
times I just copy the config from my previous projects and do some
tweaking and I don't even understand how some of the settings do
what they do, I just know the work. A feature I will be very
interested in working with Tailwind to build will be a component
that you can set up from the UI while in development mode. Like
being able to modify a component's code from where it's being
rendered.
</p>
</div>
</div>
</div>
</section>
<footer class="footer text-center">
<div class="container">
<ul class="list-inline mb-5">
<li class="list-inline-item">
<a
class="text-white social-link rounded-circle"
href="https://facebook.com/mastersakiz"
><i class="icon-social-facebook"></i
></a>
</li>
<li class="list-inline-item">
<a
class="text-white social-link rounded-circle"
href="https://twitter.com/mhiztakeyz"
><i class="icon-social-twitter"></i
></a>
</li>
<li class="list-inline-item">
<a
class="text-white social-link rounded-circle"
href="https://github.com/mhizterkeyz"
><i class="icon-social-github"></i
></a>
</li>
</ul>
</div>
<a href="#about" class="js-scroll-trigger scroll-to-top rounded"
><i class="fa fa-angle-down"></i
></a>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/stylish-portfolio.js"></script>
</body>
</html>