-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbest+way+to+design.html
196 lines (192 loc) · 9.84 KB
/
best+way+to+design.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
<!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</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">
<!-- theme css -->
<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="blog-feature-img">
<img src="static/img/blog/design.jpg" title="" alt="">
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<article class="article">
<div class="article-title">
<h6><a href="#">Best Way to Design</a></h6>
<h2>WEBSITE DESIGN — CREATING THE LOOK & FEEL OF YOUR WEBSITE</h2>
<div class="media">
<div class="avatar">
<img src="static/img/aboutme2.png" title="" alt="">
</div>
<div class="media-body">
<label>Enoch</label>
<span>September 20, 2019</span>
</div>
</div>
</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 starts with a pen and paper to sketch page layouts, wire-frames, sitemaps and menu structures. 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 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.
</p>
<blockquote>
<p>Website Development — Building your website.</p>
</blockquote>
<p>Once the design has been finalised, the creation of the of 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, jQuery). 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>
<div class="nav tag-cloud">
<a href="#">Design</a>
<a href="#">Development</a>
<a href="#">Travel</a>
<a href="#">Web Design</a>
<a href="#">AI</a>
<a href="#">Research</a>
<a href="#">Machine Learning</a>
</div>
</article>
</div>
</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>
</body>
<!-- Body End -->
</html>