-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
465 lines (460 loc) · 30 KB
/
services.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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- metas -->
<meta charset="utf-8">
<meta name="author" content="pxdraft">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Sergio - Portfolio Template">
<meta name="description" content="Sergio - Portfolio Template">
<!-- title -->
<title>mwenda.mugo|fullstack web-developer| Portfolio</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="fav_wcy_icon.ico" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
<meta
content="Mission-driven full stack Web developer with a passion for thoughtful UI design, collaboration, and teaching."
name="description" />
<meta name="keywords" content="mwenda,leenock,coder,web and java developer,software engineer, photographer" />
<link rel="canonical" href="#" />
<meta property="og:type" content="full stack Web developer portfolio" />
<meta property="og:site_name" content="Mwenda M. Personal portfolio website" />
<meta property="og:title" content="Mwenda.M, Web developer" />
<meta property="og:description"
content="Mission-driven full stack Web developer with a passion for thoughtful UI design, collaboration, and teaching." />
<!-- plugin CSS -->
<link href="static/plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/plugin/font-awesome/css/all.min.css" rel="stylesheet">
<link href="static/plugin/et-line/style.css" rel="stylesheet">
<link href="static/plugin/themify-icons/themify-icons.css" rel="stylesheet">
<link href="static/plugin/owl-carousel/css/owl.carousel.min.css" rel="stylesheet">
<link href="static/plugin/magnific/magnific-popup.css" rel="stylesheet">
<link href="static/plugin/scroll/jquery.mCustomScrollbar.min.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
</head>
<!-- Body Start -->
<body class="theme-light">
<!-- page loading -->
<div id="loading">
<div class="load-circle"><span class="one"></span></div>
</div>
<!-- End -->
<!-- Header Start -->
<div class="mob-header">
<div class="d-flex">
<div class="navbar-brand">
<a class="logo-text" href="index.html">
Enoch
</a>
</div>
<button class="toggler-menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
<!-- End Header -->
<!-- nav bar -->
<div class="mob-header">
<div class="d-flex">
<div class="navbar-brand">
<a class="logo-text" href="index.html">
Enoch
</a>
</div>
<button class="toggler-menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
<!-- End Header -->
<!-- nav bar -->
<header class="header-left">
<div class="scroll-bar">
<div class="hl-top">
<div class="hl-logo">
<div class="img">
<img src="static/img/header_Ai.jpg" title="" alt="">
</div>
<h5>Enoch</h5>
</div>
</div>
<ul class="nav nav-menu" id="pp-menu">
<li class="active" data-menuanchor="home">
<a class="nav-link" href="index.html">
<i class="ti-home"></i>
<span>Home</span>
</a>
</li>
<li data-menuanchor="about">
<a class="nav-link" href="index.html#about">
<i class="ti-id-badge"></i>
<span>About Me</span>
</a>
</li>
<li data-menuanchor="services">
<a class="nav-link" href="index.html#services">
<i class="ti-panel"></i>
<span>Services</span>
</a>
</li>
<li data-menuanchor="work">
<a class="nav-link" href="index.html#work">
<i class="ti-bookmark-alt"></i>
<span>Portfolio</span>
</a>
</li>
<li data-menuanchor="blog">
<a class="nav-link" href="index.html#blog">
<i class="ti-layout-media-overlay-alt-2"></i>
<span>Blogs</span>
</a>
</li>
<li data-menuanchor="contactus">
<a class="nav-link" href="index.html#contactus">
<i class="ti-map-alt"></i>
<span>Contact Me</span>
</a>
</li>
</ul>
</div>
<div class="nav justify-content-center social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-pinterest"></i></a>
</div>
</header>
<!-- End nav bar -->
<!-- Main Start -->
<main class="main-left">
<div class="single-blog">
<div class="container">
<div class="title">
<h3> What I do.</h3>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">SEO (SEARCH ENGINE OPTIMISATION)</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
I offer customised SEO (Search Engine Optimisation) to ensure your website is rising
the ranks in Google and staying at the top.
</p>
<p style="text-align: justify;">
Review your current website to determine what sections are doing well, what
improvements can be made, and to identify any areas that could be causing problems.
</p>
<p style="text-align: justify;">
After reviewing your website, there is a need to prepare the WordPress admin for the
SEO content that you will add. An SEO plugin will be added directly into your
website’s WordPress admin area, thus allowing you to add in meta descriptions,
titles, and meta keywords. I also tidy up your website’s URLs and permalinks, and
ensure that all images follow a strict keyword-full naming convention.
</p>
<p style="text-align: justify;">
I’ll set up a Google Analytics account and from there you’ll be able to monitor your
website’s performance, including where your website visitors come from, whether they
are using a desktop computer, tablet, or mobile device, the keywords they have used
to find your website, the number of visitors your website has had, and much more.
<br>
A blog can play an important role in SEO if updated regularly. Your keyword-rich
content doesn’t have to stop on your website’s pages. Having enticing blog posts
that contain your keywords will constantly improve your SEO. Blog posts can be
automatically added to your Facebook, Twitter, and Google Plus pages so that all of
your web presences are up-to-date.
<br>
Having a professional website that your customers can trust is essential, and
creating a Google Places account will only strengthen your brand. A Google Places
account will also allow your website to stand out on a Google search and to show
your business location on Google Maps.
</p>
<p style="text-align: justify;">
Having a social media presence is vital for a website in order to stay current and
provide the information that your visitors will expect. A social plugin will be
added directly into your website’s WordPress admin area. This will add share and
like buttons to all of the content on your website. Shared content will link back to
your website and increase your website’s popularity. You’ll also be able to add
links to your social accounts so that your visitors can keep up-to-date on your
current news.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">WEBSITE DESIGN — CREATING THE LOOK & FEEL OF YOUR WEBSITE
</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
Simplicity is one of the golden rules of website design. The audience should have an
enjoyable,
positive experience when using your website. Whether their objective is reading
content, watching a
video or enrolling in a course, every action should be clear and concise throughout
the website. My approach is to create a
website that strengthens your company’s or business brand while ensuring ease of use
and simplicity for your audience.
</p>
<p style="text-align: justify;">
The website design process begins with sketching page layouts, wireframes, sitemaps,
and menu structures on paper.
Digital design concepts are then created, incorporating your company’s brand
guidelines for a personalised look and feel.
You will be presented with a variety of website design concepts to review. Feedback
on the design ideas is
important because it gives you a chance
to say what you think about the design and make changes if you want to before the
final sign-off.
</p>
<p style="text-align: justify;">
Once the design has been finalised, the creation of the website or custom WordPress
theme can begin.
The website development process starts by taking the graphical elements (colours,
fonts, layout, images)
defined in the design process and coding them using web industry standards (PHP,
HTML5, CSS3, JS, React JS).
This is typically done by first coding the home page, followed by templates for the
interior pages.
When the website is ready for review, you will be supplied with login details to
view the website before it
is launched to the public. You will also be supplied with instructions on how to
update your website.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">CUSTOM WORDPRESS THEME DEVELOPMENT</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
<h6>WordPress CMS (Content Management System)</h6>
The WordPress CMS adds a user-friendly administrative area to your website, allowing you
to easily login and update the content of your website at any time. You can effortlessly
make textual, graphic, or structural changes to the website in an instant without having
to deal with or look at any of the complicated programming code. You will have full
control over your website’s content.
<h6>Custom WordPress Theme</h6>
Custom WordPress theme creation begins with creating a unique design. This process
begins with sketching page layouts, wireframes, sitemaps, and menu structures on paper.
You will be presented with a variety of website design concepts to review. Feedback on
the design concepts is essential to give you the opportunity to express your thoughts on
the design and make alterations where desired before the final sign-off. Once the design
has been finalised, the creation of the custom WordPress theme can begin. This starts by
taking the graphical elements (colours, fonts, layout, images) defined in the design
process and coding them using web industry standards.
This is typically done by first coding the home page, followed by templates for the
interior pages. When the website is ready for review, you will be supplied with login
details to view the website before it is launched to the public. You will also be
supplied with instructions on how to update your website.
<h6>Pre-Purchased WordPress Themes</h6>
A pre-purchased WordPress theme is perfect for websites on a tight budget or deadline.
It is an out-of-the-box design and layout that is ready to integrate into the WordPress
CMS straight away. WordPress handles all of the content for you (posts, pages, comments,
etc.), while the theme transforms that content into a beautiful and clean layout for
your audience to view. You can make small changes to the design to match your company's
brand, such as changing the colors, adding a logo, and adding images, but if you want a
unique, custom design, you should choose a custom Wordpress theme.
<h6>WordPress Training</h6>
With my past experience and skills on custom WordPress sites, I offer customised
WordPress training to ensure you and your team can effectively manage your website
through the WordPress administrative area. I am happy to teach you over the phone, via
Skype, or in person at your office.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">WORDPRESS BEGINNER MENTORSHIP</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
I offer basic WordPress mentorship skills, especially to newbies who want to learn
about basic WordPress website customization. Be it a friend or a stranger,
<h6>Introduction to wordpress</h6>
If you want to learn about building a website or blog with WordPress but are not sure
where to start, I will show you how to create a free website or blog using the
WordPress.com platform. It’s as easy as creating a free account, picking a template, and
adding in your content.
<h6>Wordpress maintenance and updating</h6>
If you have an existing Wordpress website and would like to learn how to back-up,
update, and maintain your website. We’ll also go through adding new pages and posts,
editing pages and posts, adding your social media links, adding new users, adding menu
items, and any other features that you’d like to learn about.
<h6>Wordpress essentials</h6>
Feel comfortable updating your WordPress blog or website but want to add in some extra
functionality? Linking your blog to your social media accounts, adding a photo carousel
or contact form, adding an SEO (search engine optimization) plugin, and creating a
newsletter sign-up are just a few of the options at your fingertips. We’ll also go
through any other features that you’d like to learn about.
<h6>Advanced wordPress website development</h6>
Learning how WordPress websites are developed can aid in your understanding of website
creation. This guides you through the entire process of creating a website, from setting
up a local testing environment,installing WordPress, installing a pre-existing theme,
creating and editing a child theme, understanding CSS, HTML, PHP, and JavaScript, adding
content, and finally launching your website to the public.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">WORDPRESS WEBSITE SECURITY MAINTENANCE & UPDATES</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
If your website is built with Wordpress, it’s crucial to keep the Wordpress version
and plugins up-to-date to eliminate vulnerabilities.
<h6>WordPress version & plugin updates</h6>
If your website is built with WordPress, it’s crucial to keep the WordPress version and
plugins up-to-date to eliminate vulnerabilities. This is an ongoing process as new
WordPress versions are released all the time. Any vulnerability in the files can lead to
a hacker attacking your website. Types of attacks vary but examples include sending SPAM
emails to your clients or uploading additional pages or sections to your website
advertising the hacker’s products.
<h6>WordPress Security Maintenance</h6>
Having reliable security measures in place from the start is key to ensuring that your
website is not a target for hackers. As standard, i always add basic security
precautions to every WordPress website, but on-going maintenance is also available.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">WEBSITE DEVELOPMENT & MAINTENANCE/UPDATES</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
In the web development process, the graphic elements that were chosen in the design
process are turned into a custom Wordpress theme by writing code.
<h6>Website Development — Building your website</h6>
The website development process starts by taking the graphical elements (colours, fonts,
layout, images) defined in the design process and coding them using web industry
standards (PHP, HTML5, CSS3, JS, and React Js, Next Js). This is typically done by first coding the
home page, followed by templates for the interior pages. When the website is ready for
review, you will be supplied with login details to view the website before it is
launched to the public. You will also be supplied with instructions on how to update
your website.
<h6>Cross-browser & Cross-device Testing</h6>
It’s important for your website to function correctly regardless of what browser
(Firefox, Chrome, Safari, Internet Explorer) or device (iPhone, iPad, desktop computer)
your audience is using. Before launch, your website will be tested on the latest
versions of the major browsers and across a range of mobile devices to ensure that it
looks and functions correctly. It is important to have a responsive website design so
that your audience can use your website on a mobile device without having to pan,
scroll, or resize the page.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">RESPONSIVE WEBSITE DESIGN — TARGETING DESKTOPS, LAPTOPS,
TABLETS AND SMART PHONES</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
When your website has a responsive layout, it changes its size so that it looks good
on any screen size or device (like an iPhone or iPad).
<br>
This ensures ease of use and a better audience experience without the need for
panning, scrolling, or resizing. People will enjoy looking at your website on a
mobile device much more if they don't have to zoom in to read the text or find the
navigation menu.
<br>
Sales of mobile devices have already surpassed those of desktop computers and
laptops. And mobile internet use has begun to overtake desktop and laptop internet
use. More than a quarter of all Google searches are now taking place on mobile
devices. As the number of people who use their phones to access the internet grows,
so can your audience if your website has a responsive layout.
</p>
</div>
</article>
</div>
</div>
<div class="row justify-content-left">
<div class="col-lg-12">
<article class="article">
<div class="article-title">
<h2 style="font-size: 24px;">SOCIAL MEDIA INTEGRATION</h2>
</div>
<div class="article-content">
<p style="text-align: justify;">
<h6>Social Media Integration.</h6>
Social media integration connects your website to your social media accounts, allowing
new content that you add to your website to also be posted on Facebook, Twitter,
Pinterest, etc. Visitors will also be able to share content from your website through
their social media accounts. To encourage conversation, reviews, comments, and
testimonials can also be integrated into your website.
</p>
<p style="text-align: justify;">
<h6>Social Media Buttons</h6>
There will be social media buttons on your website that link to your Facebook, Twitter,
Google Plus, LinkedIn, YouTube, Vimeo, Pinterest, and other social media accounts. Share
buttons will be added to specific content on your website. For example, photos, blog
articles, upcoming events and the venue’s location can all be shared through Facebook,
Twitter, Pinterest, and Google Plus etc.
<br>
<h6>Social Feeds</h6>
Facebook and Twitter feeds will be added to your website, updating automatically as you
add more posts. An Instagram feed will also be added, displaying all of your Instagram
photos.
<h6>MailChip Newsletter Sign-Up</h6>
Your audience will be able to sign-up for your newsletter directly through your website.
Their email address will automatically be added to your MailChimp subscriber list.
</p>
</div>
</article>
</div>
</div>
<div class="col-12 read-more-blog text-left">
<a class="px-btn px-btn-theme" href="shop.html" target="_blank">Shop Themes</a>
</div>
</div>
</div>
</main>
<!-- End Main -->
<script src="static/js/jquery-3.2.1.min.js"></script>
<script src="static/js/jquery-migrate-3.0.0.min.js"></script>
<script src="static/plugin/appear/jquery.appear.js"></script>
<script src="static/plugin/bootstrap/js/popper.min.js"></script>
<script src="static/plugin/bootstrap/js/bootstrap.js"></script>
<script src="static/js/custom.js"></script>
<!-- end -->
</body>
<!-- Body End -->
</html>