-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog-post.html
358 lines (317 loc) · 19.1 KB
/
blog-post.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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-198539956-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-198539956-1');
</script>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Rohit Parakh">
<meta name="robots" content="all, index, follow">
<meta name="keywords" content="Web Design Company ,Website Company,Website Company in Chennai,Web Development Company , Web Design Company Nerkundram , Web Design Company in Koyambedu, Web Design Company in Madhuravoyal , Web Design company in Chennai, Web Design Company in india, Web Developer in Chennai, Ecommerce Web Design Company, web design companies in Chennai, website designing company in Chennai, web designing company in Chennai, web development, web developers, website design company in Chennai,web developer, web designing,Web Development Company in Chennai,Cheap web developers in Chennai,Web designing companies, website developer, website developer, website development company, website development services, web developer, web developers in Chennai, website design">
<title>Web Developer | Rohit Parakh</title>
<!-- SEO -->
<meta name="description" content="Get noticed! I offer professional web design and development services for businesses of all sizes. Let me help you get on the path to success.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Website Developer | Rohit Parakh">
<meta property="og:url" content="https://rohit-portfolio-v3.netlify.app>
<meta property="og:image" content="https://rohitparakh.github.io/portfolio2.0/images/1.webp">
<meta property="og:description" content="Get noticed! I offer professional web design and development services for businesses of all sizes. Let me help you get on the path to success.">
<meta name="geo:placename" content="chennai">
<meta property="og:title" content="Website Developer | Rohit Parakh">
<link rel="canonical" href="https://rohit-portfolio-v3.netlify.app>
<meta name="twitter:card" content="summary">
<!-- <meta name="twitter:url" content="https://twitter.com/RanjithImpress"> -->
<meta name="twitter:image" content="https://rohitparakh.github.io/portfolio2.0/images/1.webp">
<meta name="twitter:title" content="Website Developer | Rohit Parakh">
<meta name="twitter:description" content="Web Design Company in Chennai, india we offering low price and quantity web design and development such create static and dynamic website design company, Ecommerce development company Chennai , Logo design company chennai, SEO Company chennai,web designing company">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://rohitparakh.github.io/portfolio2.0",
"name": "Web Developer | Rohit Parakh",
"image": "https://rohitparakh.github.io/portfolio2.0/images/1.webp"
}
}
]
}
</script>
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.webp" type="image/x-icon">
<!-- Bootstrap CSS -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" />
<!-- Lightbox CSS -->
<link rel="stylesheet" href="css/lightbox.min.css"/>
<!-- Flaticon CSS -->
<link rel="stylesheet" href="flaticon/flaticon.css">
<!-- Owl carousel CSS -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- Reset CSS -->
<link rel="stylesheet" href="css/reset.css">
<!-- Main style CSS -->
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/main.css" media="all" />
<!-- Responsive CSS -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" media="all" />
<!-- Freelancer colors. You can choose any other color by changing color css file.
-->
<link rel="stylesheet" type="text/css" href="css/colors/default.css">
<!-- <link rel="stylesheet" type="text/css" href="css/colors/red.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/colors/blue.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/colors/green.css"> -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="js/blogData.js"></script>
<script async src="js/blogPageLoader.js"></script>
</head>
<body class="js blogPage" data-spy="scroll" data-target=".s-header" data-offset="50">
<!-- Page loader -->
<div id="preloader"></div>
<!-- header
================================================== -->
<header class="s-header opaque">
<div class="s-header__logo">
<a rel="follow" class="logo" href="/index.html">Ro<span>hi</span>t Parakh</a>
</div>
<div class="row s-header__navigation">
<nav class="s-header__nav-wrap">
<h3 class="s-header__nav-heading h6">Navigate to</h3>
<ul class="s-header__nav">
<li><a rel="follow" href="/index.html#service">Services</a></li>
<li><a rel="follow" href="/index.html#process" >Process</a></li>
<li><a rel="follow" href="/index.html#portfolio" class="">Portfolio</a></li>
<li><a rel="follow" href="/index.html#review" class="menu-color">Testimonials</a></li>
<li class="cta" id="hire-me"><a rel="follow" href="/index.html#contact" class="menu-color">HIRE ME</a></li>
<!-- <li class="current"><a href="index.html" title="">Home</a></li>
<li class="has-children">
<a href="#" title="">Categories</a>
<ul class="sub-menu">
<li><a href="category.html">Design</a></li>
<li><a href="category.html">Lifestyle</a></li>
<li><a href="category.html">Photography</a></li>
<li><a href="category.html">Vacation</a></li>
<li><a href="category.html">Work</a></li>
<li><a href="category.html">Health</a></li>
<li><a href="category.html">Family</a></li>
<li><a href="category.html">Relationship</a></li>
</ul>
</li>
<li class="has-children">
<a href="#" title="">Blog</a>
<ul class="sub-menu">
<li><a href="single-video.html">Video Post</a></li>
<li><a href="single-audio.html">Audio Post</a></li>
<li><a href="single-standard.html">Standard Post</a></li>
</ul>
</li>
<li><a href="styles.html" title="">Styles</a></li>
<li><a href="about.html" title="">About</a></li>
<li><a href="contact.html" title="">Contact</a></li> -->
</ul> <!-- end s-header__nav -->
<a href="#" title="Close Menu" class="s-header__overlay-close close-mobile-menu">Close</a>
</nav> <!-- end s-header__nav-wrap -->
</div> <!-- end s-header__navigation -->
<a class="s-header__toggle-menu" href="#" title="Menu"><span>Menu</span></a>
<div class="s-header__search">
<div class="s-header__search-inner">
<div class="row wide">
<form role="search" method="get" class="s-header__search-form" action="#">
<label>
<span class="h-screen-reader-text">Search for:</span>
<input type="search" class="s-header__search-field" placeholder="Search for..." value="" name="s" title="Search for:" autocomplete="off">
</label>
<input type="submit" class="s-header__search-submit" value="Search">
</form>
<a href="#" title="Close Search" class="s-header__overlay-close">Close</a>
</div> <!-- end row -->
</div> <!-- s-header__search-inner -->
</div> <!-- end s-header__search wrap -->
<a class="s-header__search-trigger" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.982 17.983"><path fill="#010101" d="M12.622 13.611l-.209.163A7.607 7.607 0 017.7 15.399C3.454 15.399 0 11.945 0 7.7 0 3.454 3.454 0 7.7 0c4.245 0 7.699 3.454 7.699 7.7a7.613 7.613 0 01-1.626 4.714l-.163.209 4.372 4.371-.989.989-4.371-4.372zM7.7 1.399a6.307 6.307 0 00-6.3 6.3A6.307 6.307 0 007.7 14c3.473 0 6.3-2.827 6.3-6.3a6.308 6.308 0 00-6.3-6.301z"/></svg>
</a>
</header> <!-- end s-header -->
<section class="blogPagePost" id="blogPage">
<!-- <div class="container">
<div class="row">
<div class="blogFeaturedImage col-md-12 mx-auto my-5">
<img src="///images/sample-1050.webp" alt="">
</div>
<div class="blogTitle col-md-12 mx-auto my-5">
<h1>Blog Title</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row blogContentArea">
<div class="blogContent col-md-8 ">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Expedita eaque ducimus nobis aliquam? Corporis explicabo magnam distinctio nihil corrupti natus fuga ipsam tempore ullam dicta, minus et aperiam officia cum error repellendus aliquam optio a illum ad dolores consequatur rem consequuntur? Aspernatur eligendi totam veniam, repellendus dolorem minus sequi expedita dicta iure, maiores quo magni eos? Maxime harum dolores repellat dolorum expedita quaerat a voluptatibus eveniet dolorem! Laborum nemo magni aliquid ipsam maxime illum impedit aspernatur, tenetur neque in tempora eligendi, natus fugiat perspiciatis voluptatibus nam sunt consequuntur laudantium ratione! Quibusdam mollitia veritatis, quis commodi perferendis excepturi porro a assumenda.
<br/>
<br/>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde illum voluptates delectus eaque eligendi blanditiis eum aspernatur nam, commodi omnis, tenetur cupiditate dolorem architecto. Ab saepe totam dolor amet minima facilis quisquam, consequatur delectus quidem quis, debitis est vero adipisci eligendi numquam minus incidunt id repellendus ducimus culpa a velit enim qui. Commodi, labore, sequi rem culpa fuga consectetur officia error dolorem ex necessitatibus eius molestias possimus illo nisi ea aut excepturi corporis alias reiciendis reprehenderit delectus aliquid. Exercitationem suscipit voluptatem architecto in ex, quae accusamus quia eaque quo reiciendis obcaecati laudantium dolor debitis. Aspernatur, non? Dolor magni nihil maiores.
<br/>
<br/>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati amet eius perferendis at saepe eveniet officia laborum beatae quod nobis vero fugit, ipsum alias harum ducimus animi iusto illum accusamus quaerat! Iure ut sequi iusto quidem, consequatur alias soluta voluptate tempora. Doloribus dolorum dolore ullam consequatur similique ex. Maxime possimus necessitatibus, numquam optio, rem, ut blanditiis deleniti provident voluptate sit minima nesciunt odio expedita magnam a voluptatibus voluptas cumque asperiores laudantium. Blanditiis vel rerum provident fugiat molestiae soluta voluptatem officiis. Voluptatum, et nulla cumque corrupti quasi dolores dicta, dignissimos repellendus ullam eum beatae illo architecto, provident autem sunt ut sapiente.
</div>
<div class="blogMeta col-md-2 ">
<div class="metaTop">
<div class="authorImage">
<img src="//images/avatars/user-06.webp" alt="">
</div>
<div class="authorInfo">
<h4 class="metaHeading">POSTED BY:</h4>
<p>Rohit Parakh</p>
</div>
</div>
<div class="metaBottom">
<div class="categories">
<div class="categoriesIn">
<h5 class="metaHeading">IN</h5>
<span>
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</span>
</div>
<div class="dateOn">
<h5 class="metaHeading">ON</h5>
<p> Oct 5, 2020</p>
</div>
</div>
<div class="tags">
<h5 class="metaHeading">TAGS</h5>
<span>
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</span>
</div>
</div>
</div>
<div class="blogNavigation col-md-2 ">
<div class="blogPrevious">
<h5 class="metaHeading">Previous</h5>
<p>Loda Lassan Loda Lassan</p>
</div>
<div class="blogNext">
<h5 class="metaHeading">Next</h5>
<p>Loda Lassan Loda Lassan</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
</section>
<!-- Footer area start -->
<footer class="footer">
<div class="footerTop">
<div class="container">
<div class="row w-100">
<div class="m-b-5 col-md-3 col-sm-4 col-xs-12">
<h5>Where are you going?</h5>
<p>There is nothing beyond this. <a class="highlight" href="/index.html#contact">Contact</a> me if you need any information 😀</p>
</div>
<div class="m-b-5 col-md-3 col-sm-4 col-xs-6">
<h5>Site Links</h5>
<ul>
<li><a href="/index.html#">About Me</a></li>
<!-- <li><a href="/blog-home.html">Blog</a></li> -->
<li><a href="/index.html#faq">FAQ</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
</div>
<div class="m-b-5 col-md-3 col-sm-4 col-xs-6">
<h5>Follow Me</h5>
<ul>
<li><a href="https://www.instagram.com/roh.codes/">Instagram</a></li>
<!-- <li><a href="">Facebook</a></li> -->
<li><a href="https://wa.me/919840989414">Whatsapp</a></li>
<li><a href="https://in.linkedin.com/in/rohit-parakh-1379581b2">LinkedIn</a></li>
</ul>
</div>
<div class="m-b-5 col-md-3 col-xs-12">
<h5>Sign up for Newsletter </h5>
<p>Sign up to get exclusive information and deals.<br><b>No Spam!</b></p>
<form action="">
<input type="email" name="email" id="newsletterEmail" placeholder="Your Email Address" required/>
<input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div class="footerBottom">
<div class="container">
<div class="row w-100">
<div class="col-md-12">
<div style="text-align: center;"class="footer-content">
<p class="pull-left">© <script>document.write(new Date().getFullYear())</script> Rohit Parakh. All rights reserved.</p>
<div class="footer-icon pull-right">
<a rel="follow" target="_blank" href="https://www.instagram.com/roh.codes/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a rel="follow" target="_blank" href="https://wa.me/919840989414"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
<a rel="follow" target="_blank" href="https://in.linkedin.com/in/rohit-parakh-1379581b2"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer><!-- Footer area end -->
<!-- scrolltotop start -->
<div>
<a rel="follow" href="#" class="scrollToTop text-center" >
<i class="scroll-fa fa fa-angle-up" aria-hidden="true"></i>
</a>
</div><!-- scrolltotop end -->
<!-- jquery main JS -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Owl carousel JS -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- Counterup waypoints JS -->
<script src="js/waypoint.min.js"></script>
<!-- Counterup JS -->
<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
<!-- Progressbar JS -->
<script type="text/javascript" src="js/progressbar.min.js"></script>
<!-- Parallax JS -->
<script type="text/javascript" src="js/parallax.min.js"></script>
<!-- Lightbox JS -->
<script type="text/javascript" src="js/lightbox.min.js"></script>
<!-- WOW JS -->
<script type="text/javascript" src="js/wow-1.3.0.min.js"></script>
<!-- main JS -->
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/main2.js"></script>
<!-- Font Awesome Script -->
<script src="https://kit.fontawesome.com/6109a9c796.js" crossorigin="anonymous"></script>
<!-- Email through JS -->
<script src="https://smtpjs.com/v3/smtp.js"></script>
</body>
</html>