-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
305 lines (271 loc) · 22.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Prem Chand</title>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/4d03edb761.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Roboto&display=swap" rel="stylesheet">
</head>
<body background="img/sitebg.jpg">
<header>
<div class="menu-toggler">
<div class="bar half start"></div>
<div class="bar"></div>
<div class="bar half end"></div>
</div>
<nav class="top-nav">
<ul class="nav-list">
<li><a href="#" class="nav-link">Home</a></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#services" class="nav-link">Services</a></li>
<li><a href="#portfolio" class="nav-link">Portfolio</a></li>
<li><a href="#experience" class="nav-link">Experience</a></li>
<li><a href="#contact" class="nav-link">Contact</a></li>
</ul>
</nav>
<div class="landing-text">
<h1>Prem Chand</h1>
<h6>Graphic Designer & Web Developer</h6>
</div>
</header>
<section class="about" id="about">
<div class="container">
<div class="profile.img">
<img src="img/prem2.JPG" alt="Prem's Portfilio Image">
</div>
<div class="about-details">
<div class="about-heading">
<h1>About</h1>
<h6>Myself</h6>
</div>
<p>
The website takes a long time to build. There are a lot of things that have to happen before it can go live. Good things take time to create and any good designer or developer is going to take their time so they deliver you something that both them and you can be proud of.</p>
<p>I enjoy taking complex problems and turning them into simple and beautiful interface designs. I also love the logic and structure of coding and always strive to write elegant and efficient code. Whether it be HTML, CSS or JS.</p>
<div class="social-media">
<ul class="nav-list">
<li>
<a href="#" class="icon-link">
<i class="fab fa-facebook-square"></i>
</a>
</li>
<li>
<a href="#" class="icon-link">
<i class="fab fa-twitter-square"></i>
</a>
</li>
<li>
<a href="#" class="icon-link">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</section>
<section class="services" id="services">
<div class="container">
<div class="section-heading">
<h1>Services</h1>
<h6>What I can do for you</h6>
</div>
<div class="my-skills">
<div class="skill">
<div class="icon-container">
<i class="fas fa-layer-group"></i>
</div>
<h1>Web Design</h1>
<p><b>Why Intrested in Web Design?</b></p>
<P>Five Advantages to a Web Design Career</P>
<p>Feed your creative side. From graphics to color schemes, website design jobs let you use artistic skills in your day-to-day work. If you have an excellent aesthetic sense and are detail-oriented in your design approach, then Web design might be a good match. Plus, designers who work for agencies rarely get bored, because most projects require something new.</p>
<p>Work on the Web. Who doesn't love the Internet? Being a Web designer enables you to not only work with websites every day but also to shape the way people interact with the Web. Plus, these days, a customer's first impression of a company is often through its website rather than print materials such as business cards or marketing mailings. Working with the Web as your medium allows you to make a big impact on a company's brand. The Web is always exciting because the industry changes frequently—best practices emerge and are fine-tuned, trends take hold and technology updates.</p>
<p>Use sophisticated technology. If you enjoy using computers and design software, then Web design jobs will provide the opportunity to do so. And you won't get bored working only with design software, because Web designers typically need to know HTML, CSS and JavaScript.</p>
<p>Be independent. Although many designers work in-house for large organizations or are part of a design firm's staff, there are also many opportunities to work for yourself. Being self-employed allows you to pick what clients you want to work with, set your rates and work hours, specialize in websites for a certain business industry and hone your business and marketing skills.</p>
<P>Work in a growing industry. Every company needs a website and wants to keep it looking current, which puts web designers and developers in high demand. The U.S. Bureau of Labor Statistics in its current Occupational Outlook Handbook states that employment for web developers, included in the larger category of web designers, is projected to grow 13 percent through 2026, which is much faster than average for all occupations.</P>
</div>
<div class="skill">
<div class="icon-container">
<i class="fas fa-code"></i>
</div>
<h1>Web Development</h1>
<p><b>Why Intrested in Web Development?</b></P>
<p>Here are six reasons you should consider a career as a front-end web developer.</p>
<p>Front-end web developers are in demand. Whether you want to work for an organization or as a self-employed freelancer, front-end web developers are in demand. In fact, the Creative Group has named front-end web development one of the Top 10 Creative and Marketing jobs of 2017.</p>
<p>It’s a lucrative career. Front-end web development pays well. According to the Creative Group Salary Guide, a front-end web developer with three years of experience can earn from $80,000–$119,500.</p>
<p>Flexibility. As a front-end developer, you can work from anywhere, including home. This makes it one of the most flexible careers you can choose. The skill set you acquire allows you to work in different areas like Image editing, UX/UI, mobile development and more.</p>
<p>Creativity. Front-end web development is all about creativity and creative problem-solving. As a front-end web developer, you’ll have the skills to build customized websites to create the best possible user experience.</p>
<p>Many career options. Online presence has become a main factor in all sectors and client/user engagement is a constant challenge for companies. Whether you choose to work for corporations, non-profits or become a self-employed freelancer, you can create a successful career.</p>
<p>A constantly evolving field. Front-end web development is an exciting career because it’s always evolving and constantly changing. This means you’ll always have the opportunity to interact with new tools and learn new skills, keeping you engaged in your career. It’s a field that provides many opportunities for hands-on learning.</p>
<p>If you love technology, enjoy creating a great user experience and are<br> looking for an exciting career<br> with a lot of growth potential,<br> front-end web development<br> might be just the<br> career for you.</p>
</div>
<div class="skill">
<div class="icon-container">
<i class="fas fa-chart-bar"></i>
</div>
<h1>Product Strategy</h1>
<p><b>Why Product Strategy is Important?</b></p>
<p>
All great products start with a clear strategy that is customer and market-driven. Your strategy defines the direction of your product and what you want to achieve. Establishing this first aligns the organization and keeps everyone focused on the work that matters the most. It tells the team where the product is headed and what needs to be done to get there.</p>
<p>Strategy definition is an important part of product planning. It aligns executives and other key stakeholders around your desired end state and how the product will achieve your business objectives. It also guides the implementation and to communicate the value of the product to cross-functional teams, such as sales, marketing, and support.</p>
<p>A product strategy is the foundation for the entire product lifecycle. As product leaders develop and adjust their product strategy, they zero in on target customers and what they need. This informs the strategic positioning necessary to achieve business success. Once your strategy definition is completed, you can use it to shape your product definition. This is when you describe the solution your product will provide and plan what you will build and when. Product definition includes details about key product requirements — such as releases, features, user flow and design, and technical specifications.</p>
<p>Strategy definition includes three major components: vision, goals, and initiatives.</p>
<p>Vision</p>
<p>Your vision includes details on the market opportunity, target customers, positioning, a competitive analysis, and the Go-to-Market plan. It describes who the customers are, what they need, and how you plan to deliver a unique offering.</p>
<p>Goals</p>
<p>Goals are measurable, time-bound objectives that have clearly defined success metrics associated with them. They help you set what you want to achieve in the next quarter, year, or 18 months. Here are a few examples:</p>
<p>Increase revenue by 30%
Expand into 5 new countries
Increase mobile adoption by 100%
Enter 3 new market segments
Reduce the number of support tickets by 15%
</p>
</div>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<div class="container">
<div class="section-heading">
<h1>Portfolio</h1>
<h6>View Some of my recent work</h6>
</div>
<div class="portfolio-item">
<div class="portfilio-img has-margin-right">
<img src="img/website-development1.jpg" alt="New Picture for New product">
</div>
<div class="portfolio-description">
<h6>Web Development</h6>
<h1>Blog Website</h1>
<p>
What is a Blog?</p>
<p>A blog is a type of website where the content is presented in reverse chronological order (newer content appear first). Blog content is often referred to as entries or “blog posts”.</p>
<p>Blogs are typically run by an individual or a small group of people to present information in a conversational style. However, now there are tons of corporate blogs that produce a lot of informational and thought-leadership style content.</p>
<p>History of Blogs</p>
<p>Blogs evolved from online diaries and journals in the mid-90s. At that time, internet users were already running personal web pages where they published regular updates about their personal lives, thoughts, and social commentary.
The term web log was first used during the late 90s, which later became ‘weblog’, then ‘we blog’, and finally just ‘blog’.
Due to the growing number of such web pages, several tools started to appear, which made it easier for users to create online journals and blogs. These tools helped popularize blogging and made the technology accessible to non-technical users.
In 1999, the popular blogging website Blogger.com was launched, which was later acquired by Google in February 2003.
The same year, WordPress released its first version as a blogging platform in May 2003.
Today, WordPress is the world’s most popular blogging platform powering over 30% of all websites on the internet.</p>
<a href="#" class="cta">View Details</a>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-description has-margin-right">
<h6>Web Design</h6>
<h1>Product Layout</h1>
<p>
website layout is a pattern (or framework) that defines a website's structure. It has the role of structuring the information present on a site both for the website's owner and for users. It provides clear paths for navigation within webpages and puts the most important elements of a website front and center.
</p>
<p>What is a good website?
A good website is functional. By its layout, design and content, that website fulfils its role. Therefore, it accomplishes the following functions:
Not only is a good website functional, but it’s also effective. *Read “effective” as more than simply “functional” – that site drives to performance. Effectiveness relates to:
Traffic – the first condition for a brand to sell is getting enough traffic.
Engagement – for users to perform whatever action you expect them to perform, they need high levels of engagement. This translates into micro-interactions, interactivity, gamification, etc.
Leads – if you have traffic, you increase chances to have leads. Leads are potential clients, more inclined to buy your products/services.
Conversions – this is the actual point of sale. The number of conversions directly influences the company ROI.
Trust – this is a non-measurable value that has a lot to do with how people feel about your brand, your company, your offering.
Brand that’s easy to remember – this is also a difficult to measure value that does a lot in terms of promotion.
Authority – a website’s authority relies on links (votes) pointing to the website. For search engines, these links are an indicator that your website is a reliable source users can count on. As a result, the website will be more visible in search engine results pages and viewed by a larger number of users.
SEO – search engine optimization directly impacts a website’s visibility, with consequences for traffic, engagement and sales.
Beware how you meet the above objectives, they’ll influence your website effectiveness a lot. According to Sewor, 38% of people stop engaging with a website if the content or layout are unattractive.
The definition of what makes a good website can be split into specific definitions of the most important elements that ensure site success.</p>
<a href="#" class="cta">View Details</a>
</div>
<div class="portfilio-img">
<img src="img/web1.png" alt="">
</div>
</div>
<div class="portfolio-item">
<div class="portfilio-img has-margin-right">
<img src="img/sketchchart.jpg" alt="">
</div>
<div class="portfolio-description">
<h6>Web Design</h6>
<h1>Product Sketch</h1>
<p>
Sketch is great for website design. I've been using it for the past couple of years for website and mobile design, as well as for wireframing, basically for UI and UX. And just so you know, prior to using Sketch, I've been using Photoshop for 8 years, basically since I started doing design. </p>
<p>Sketch is not only good for web design, but it’s also good for actually making live websites.</p>
<p>I would have used it way earlier (Sketch), but I was skeptical and I was wrong. Once I started using Sketch I was blown away of how good it was and how fast things were going just because you have some cool options at your hand. And that was important since I was and still am working on complex web and mobile platforms where you have to build a really lot of things. So I just went ahead and made Sketch my primary tool. I still use Photoshop but mainly for image editing cause personally I feel that I can work with images better in Photoshop. But when it comes to interfaces, Sketch is my “go to” tool.</p>
<a href="#" class="cta">View Details</a>
</div>
</div>
</div>
</section>
<section class="experience" id="experience">
<div class="container">
<div class="section-heading">
<h1>Work Experience</h1>
<h6>Past and Current Jobs</h6>
</div>
<div class="timeline">
<ul>
<li class="data" data-date="2019 - present">
<h1>Digital Carieer Istitute</h1>
<p> HAMBURG, GERMAY:<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Et ipsum delectus nisi eaque, nemo mollitia eveniet.
</p>
</li>
<li class="data" data-date="2011 - 2018">
<h1>JWS</h1>
<p> JWS In KATHMANDU, NEPAL:<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Et ipsum delectus nisi eaque, nemo mollitia eveniet.
</p>
</li>
<li class="data" data-date="2009 - 2011">
<h1>NBS CONSTRUCTION PVT LTD</h1>
<p>CONSTRUCTION KATHMANDU, NEPAL: <br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Et ipsum delectus nisi eaque, nemo mollitia eveniet.
</p>
</li>
<li class="data" data-date="2006 - 2009">
<h1>CT PERFORATORS SDN BHD</h1>
<p> MELACCA, MALAYSIA:<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Et ipsum delectus nisi eaque, nemo mollitia eveniet.
</p>
</li>
</ul>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="container">
<div class="section-heading">
<h1>Contact</h1>
<h6>Lets Work Together</h6>
</div>
<form action="">
<label for="name">Name</label>
<input type="text" id="name" placeholder="Enter Your name..." required>
<label for="email">Email</label>
<input type="email" id="email" placeholder="Enter Your email..." required>
<label for="service">Services:</label>
<select name="services" id="service">
<option value="">Design</option>
<option value="">Web development</option>
<option value="">Web Design/Development</option>
</select>
<label for="subject">Subject:</label>
<textarea name="subject" id="subject" cols="30" rows="10"></textarea>
<input type="submit" value="Submit">
</form>
</div>
</section>
<footer class="copyright">
<div class="up" id="up">
<i class="fas fa-chevron up"></i>
</div>
<p>© 2019 Prem Bahadur Chand</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>