-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservicesdetails12.html
More file actions
393 lines (277 loc) · 21.8 KB
/
servicesdetails12.html
File metadata and controls
393 lines (277 loc) · 21.8 KB
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
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title><meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="testistyle.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<title>HINDI</title>
<script>
</script>
</head>
</style>
<body>
<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="fa fa-envelope d-flex align-items-center"><a href="mailto:contact@example.com">contact@example.com</a></i>
<i style="margin-left: 30px" id="#phone" class="fas fa-mobile-alt d-flex align-items-center ms-4"><span>+91 9045 903 345</span></i>
</div>
<div class="cta d-none d-md-flex align-items-center">
<a href="sinup-login.html" class="scrollto">Login</a>
</div>
</div>
</section>
<!-- Navigation Bar -->
<!-- ======= Header ======= -->
<nav class="navbar navbar-expand-lg navigation" id="navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/client-2.png" alt="" class="img-fluid">
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarmain" aria-controls="navbarmain" aria-expanded="false" aria-label="Toggle navigation">
<span class="icofont-navigation-menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbarmain">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="department.html" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services </a>
<ul class="dropdown-menu" aria-labelledby="dropdown02">
<li><a class="dropdown-item" href="department.html">Web Designing</a></li>
<li><a class="dropdown-item" href="department-single.html">Web Development</a></li>
<li><a class="dropdown-item" href="department-single.html">SEO Services</a></li>
<li><a class="dropdown-item" href="department-single.html">Software Development</a></li>
<li><a class="dropdown-item" href="department-single.html">Graphic Designing</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Navigation Bar -->
<!-- Banner Image -->
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/lake-1802337_1280.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/sunset-2739472_1280.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/sunset-3689760_1280.jpg" class="d-block w-100" alt="...">
</div>
</div>
</div>
<!-- Banner Image END -->
<!-- SERVICES STARTs -->
<section class="breadcrumbs-section">
<div class="container p-1 p-sm-3">
<div class="row">
<div class="col-12">
<h2>Web Designing</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="services.html">Services</a></li>
<li class="breadcrumb-item active">Web Designing</li>
</ol>
</div>
</div>
</div>
</section>
<section class="about-section" style="position: relative; padding: 80px 0px;">
<div class="container text-center">
<div class="row">
<div class="col-md-12 pt-md-2">
<p class="mb-1" style="color:#000;"><h3> <b>What is Web Design? The Ultimate Guide To Website Design </b></h3></p>
<p class="mb-1">Web design is the process of planning, conceptualizing, and arranging content online. Today, designing a website goes beyond aesthetics to include the website’s overall functionality. Web design also includes web apps, mobile apps, and user interface design.
</p>
</div>
</div>
</div>
</section>
<section class="about-section mb-2" style="position: relative; background-color: #D5DDE5">
<div class="container">
<div class="row">
<div class="col-md-6" style="padding-left: 0px; z-index: 2">
<img class="w-100 rounded " src="img/blog/blog-4.jpg" alt="Chakki Atta 10kg" title="Chakki Atta 10kg" style="display: block;">
</div>
<div class="col-md-6 pd-40 pb-0 pr-0 " style="z-index: 2">
<span style="color: #000;">
<h2>About Website Designing</h2>
<p class="mb-3 text-white text-justify"><p class="text-justify">Simple Snippets is a professional website designing company based in Mumbai. We are having our client from various industries and served variety of web related projects at very cost effective prices. Our highly experienced team of professionals have their expertise in the field of web designing and related services.Simple Snippets is highly dedicated towards satisfaction of clients, we make there successful presence on internet by providing our expert advice for website designing related services.Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto voluptatibus eos nemo quisquam sit laborum libero iure, ad excepturi debitis totam et, itaque illo, dicta repellendus sapiente. Voluptatum, illum ea.Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto voluptatibus eos nemo quisquam sit laborum libero iure, ad excepturi debitis totam et, itaque illo, dicta repellendus sapiente. Voluptatum, illum ea.Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto voluptatibus eos nemo quisquam sit laborum libero iure, ad excepturi debitis totam et, itaque illo, dicta repellendus sapiente. Voluptatum, illum ea.
</p>
</p></span>
<a class="rounded" href="#" style="background-color: #FF7C0E; padding: 5px 10px; color: #fff">Know More</a>
</div>
</div>
</div>
</section>
<section class="about-section mb-2" style="position: relative; background-color: #fff">
<div class="container">
<div class="row">
<div class="col-md-6 pd-40 pb-0 pl-0" style="z-index: 2">
<span style="color: #000;">
<h3>Choosing a Web Design Tool</h3>
<p class="mb-3 text-justify"><p class="text-justify"><b>Desktop Apps :</b> Desktop apps require designers to create their design and send it to a development team who can then convert the design to code. The most popular desktop apps for designing websites are Photoshop and Sketch. Typically, this is the standard for large and/or complex websites because it allows the designer to focus on the overall look and feel, while all the technical challenges are transferred to the development team. Unfortunately, this process can be expensive and time-consuming because multiple resources, skill sets, and team members are required. To avoid involving a developer, it is beneficial to use a website builder to design a website with fewer technical requirements. Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, quas! Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem rerum enim magni voluptas tempore molestiae ex eum explicabo fugit doloremque.</p>
</p></span>
<a class="rounded" href="#" style="background-color: #FF7C0E; padding: 5px 10px; color: #fff">Know More</a>
</div>
<div class="col-md-6 " style="padding-left: 0px">
<img class="w-100 rounded" src="img/blog/values-4.jpg" alt="Sooji 500g" title="Sooji 500g" style="display: block;">
</div>
</div>
</div>
</section>
<section class="about-section mb-2" style="position: relative; background-color: #D5DDE5">
<div class="container">
<div class="row">
<div class="col-md-6" style="padding-left: 0px; z-index: 2">
<img class="w-100 rounded " src="img/blog/blog-recent-3.jpg" alt="Chakki Atta 10kg" title="Chakki Atta 10kg" style="display: block;">
</div>
<div class="col-md-6 pd-40 pb-0 pr-0 " style="z-index: 2">
<span style="color: #000;">
<p class="mb-3 text-white text-justify"><p class="text-justify"> <b>Website Builders:</b> There are many website builders on the market today that offer a wide range of features and services. Wix, Squarespace, Webflow, and PageCloud, are just a few examples of popular website builders that vary in design capabilities, template options, price, and overall editing experience. Be sure to do your research, experiment with free trials, and determine which platform best fits your website needs. Website builders create either adaptive or responsive websites, which offer different building experiences. These concepts will be discussed in more detail below so you can best understand which builders will work for you. If you don’t know how to code, becoming familiar with the freedoms and limitations of various website design tools is essential. For example, although Wordpress is the most used website platform, it’s not popular with visual designers because of its limited customization options. Before you start building a website, determine your website needs: Are you creating a photo gallery? How often will you update your site? Do you need a contact form? Choose a website builder that can help you effectively accomplish those goals.
</p>
</p></span>
<a class="rounded" href="#" style="background-color: #FF7C0E; padding: 5px 10px; color: #fff">Know More</a>
</div>
</div>
</div>
</section>
<section class="about-section">
<div class="container">
<p class="mb-1" style="color:#000;"><h3 class="text-center"> <b>Web Design Elements </b></h3></p>
<p class="mb-1 text-center">When designing a website it’s important to consider both the site’s appearance and functionality. Integrating these elements will maximize the site’s overall usability and performance. Your site’s usability includes elements such as an easy-to-navigate interface, appropriate use of graphics and images, well-written and well-placed text, and a color scheme. Your site’s performance refers to its speed, ranking, searchability, and ability to capture your audience.
</p>
<div class="row">
<div class="col-md-5 pt-md-5 pr-5">
<h3 class="mb-4"> <b style="color: #000" > Visual elements</b></h3>
<p class="mb-3 text-justify">Here’s a quick overview of the elements you should consider while designing your website to make sure everything works well together. Each section will provide tips and tricks to help you get started. </p>
<p class="mb-2"><strong>Written copy</strong></p>
<ul class="list">
<li class="text-justify">Fundamentally, your website’s appearance and text go hand-in-hand. It’s important to have your content writers and designers work together in order to create a cohesive design with balanced elements. Focus on creating chunks of text (using text blocks) in order to compliment your graphics and images. </li>
</ul>
<p class="mb-2"><strong>Colors</strong></p>
<ul class="list">
<li class="text-justify">Colors are one of the most important elements to consider when designing a website. Keep in mind there are many misconceptions about the psychology of color, and it’s more important to focus on colors that compliment your overall design and tone of your website. Align your color scheme with your brand and the messages you want to convey to your audience.</li>
</ul>
<p class="mb-2"><strong>Layout</strong></p>
<ul class="list">
<li class="text-justify">How you decide to arrange your content will have a dramatic impact on both the usability and functionality of your site. There are no specific rules to follow when choosing a layout, however, there are a few main principles to keep in mind. Make sure to consider the needs of your target audience and avoid using an overstimulating layout that might detract from the messages you want to convey. </li>
</ul>
</div>
<div class="col-md-7 pt-md-5 pl-5">
<h3 class="mb-4"> <b style="color: #000" > Functional elements</b></h3>
<ul class="list">
<li>These functional elements are imperative to consider when designing your website. A website that functions properly is crucial for ranking highly on search engines, and giving your users the best possible experience. </li><br>
<p class="mb-2"><strong>Navigation</strong></p>
<ul class="list">
<p class="text-justify"> Your website’s navigation is one of the main elements that determines whether your website is functioning properly. Depending on your audience, your navigation can serve multiple purposes: helping first time visitors discover what your site has to offer, giving easy access to your pages for returning visitors, and improving every visitor's overall experience. Check out these best practices for more tips on navigation. </p>
</ul>
<p class="mb-2"><strong>User Interactions </strong></p>
<ul class="list">
<p class="text-justify"> Your site visitors have multiple ways of interacting with your site depending on their device (scrolling, clicking, typing, etc.). The best website designs simplify these interactions to give the user the sense that they are in control. Here are a few examples:Never auto-play audio or videos Never underline text unless its clickable Make sure all forms are mobile-friendly Avoid pop ups Avoid scroll-jacking </p>
</ul>
<p class="mb-2"><strong>Speed</strong></p>
<ul class="list">
<p class="text-justify"> No one likes a slow website. Having to wait more than a few seconds for a page to load can quickly deter a visitor from remaining on or returning to your site. Regardless of how beautiful, if your site doesn’t load quickly, it will not perform well in search (i.e. won’t rank high on Google). <br>Top site builders typically compress your content for faster load times, however, there are no guarantees. Make sure to research which site builders will work best for the content you will have on your site. For example, PageCloud optimizes your images to ensure fast loading times for sites with large and/or multiple photos Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius deleniti nihil ipsum iure minima optio atque suscipit, voluptates quibusdam sed! </p>
</ul>
</ul>
</div>
</div>
</div>
</section>
<!-- START : Home page 3rd section - Requirements -->
<section style="background-color: #000; color: #fff;" class="requirements-section pt-1 pb-1 pt-md-3 pb-md-3">
<div class="container">
<div class="row align-items-center">
<div class="text-center col-md-9">
<h3>Do you have any requirements? We can do it for you!</h3>
</div>
<div class="text-center col-md-3">
<button class="btn btn-lg" id="btnget">Get Started</button>
</div>
</div>
</div>
</section>
<!-- SERVICES END -->
<!-- END section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<a class="navbar-brand" href="#"><img src="img/client-2.png" alt=""></a>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing, elit. Accusamus voluptatum maxime cumque rerum numquam nesciunt fugit. Omnis, nobis voluptatibus harum.
<br><br>
</p>
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Social</h4>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Linkedin</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Join Our Newsletter</h4>
<p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div class="container d-lg-flex py-4">
<div class="me-lg-auto text-center text-lg-start">
<div class="copyright">
© Copyright <strong><span>Flexor</span></strong>. All Rights Reserved
</div>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!--END Footer section -->
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-chevron-thin-up"></i></a>
</div>
<script src="js/bootstrap.js"></script>
</body>
</html>