-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathMyBlog.html
413 lines (371 loc) · 25.2 KB
/
MyBlog.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Blog-Josiah</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light site-navbar-target" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">Josiah<span>.</span></a>
<button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav nav ml-auto">
<li class="nav-item"><a href="index.html#home-section" class="nav-link"><span>Home</span></a></li>
<li class="nav-item"><a href="index.html#about-section" class="nav-link"><span>About</span></a></li>
<li class="nav-item"><a href="index.html#skills-section" class="nav-link"><span>Skills</span></a></li>
<li class="nav-item"><a href="index.html#services-section" class="nav-link" hidden><span>Services</span></a></li>
<li class="nav-item"><a href="index.html#projects-section" class="nav-link" hidden><span>Projects</span></a></li>
<li class="nav-item"><a href="index.html#blog-section" class="nav-link"><span>Blog</span></a></li>
<li class="nav-item"><a href="index.html#contact-section" class="nav-link"><span>Contact</span></a></li>
</ul>
</div>
</div>
</nav>
<section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_4.jpg');" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-end justify-content-center">
<div class="col-md-9 ftco-animate pb-5 text-center">
<p class="breadcrumbs"><span class="mr-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span class="mr-2"><a href="blog.html">Blog <i class="fa fa-chevron-right"></i></a></span> </p>
<h1 class="mb-0 bread">Blog details</h1>
</div>
</div>
</div>
</section>
<section class="ftco-section" id="blog_1">
<div class="container">
<div class="row">
<div class="col-lg-8 ftco-animate">
<h2 class="mb-3">How carelessness became a beautiful memory!!!</h2>
<p>Memories are often the milestones we have left behind in the journey of life. When you find one of these milestone you get to relieve the whole scenario and to wish you have a TIMEMACHINE ! I am now knocking every doors of my mind and peeping through the different keyholes for one of the beautiful memory so that I can share them to you and to cherish them more and more. Some incidents may be filled with tension and sorrow when that have been happened to you, but later all seems to be like a TRAGEDY TO COMEDY, memories that makes you laugh when you think about it, so I thought I want you to know about the memory that wasn't so beautiful when that happened to me but have become beautiful as time gone by... </p>
<p>
<img src="images/image_3.jpg" alt="" class="img-fluid">
</p>
<h2 class="mb-3 mt-5">Scene 1 🏫</h2>
<h5>The school bell rings 📣📣</h5>
<p>And the last period is over now comes the time for our next destination, Tution classes.Despite of our study schedules and classes what we love was the time we get in between school to tuition, some may be like the buzzing bees who FOCUS on how to reach there faster or to catch the first bus, we (ya I too have some people of same mental disorder called besties ) were not among them. We were the nature lovers, who take time to enjoy the scenes throughout the journey so sometimes we were like street boys who run and catch others in road sometimes like psychos, (Seeing us at that time seems what's just opposite to what we were ,the CBSE students ) </p>
<p>
<img src="images/image_4.jpg" alt="" class="img-fluid">
</p>
<p>We prefer the road less (not)taken,we have options so we decided to take the road that's next to spinning mill, and as usual the buses didn't stop because of us (fear of Student's Tickets ),And we waited like hell, no buses are coming and that too if came it wouldn't stop seeing us,(in Kerala, if you travel by the bus as a student you would know the difficulties of travelling in a bus and that too in a private one you would be the security of footboard)....</p>
<h2 class="mb-3 mt-5">Scene 2 🚎</h2>
<h5>Bus stop near the spinning mill </h5>
<p>The time was running fastly and that day I have an additional case to hold comprising of assignment books and note of 6 or 7 subjects and my friends were taking turns to hold that, too heavy. (We didnt forget to get some chocolates even when we were late), Finally we thought our decision was so wrong and we decided to walk to next bus stop (the one which we avoided because of too many students,in the hope of getting a seat cause this was the first stop ) </p>
<h2 class="mb-3 mt-5">Scene 3 </h2>
<h5>The next bus stop🚍</h5>
<p>We walked through the highway and reached next stop and were getting a bit nervous because it's been an hour, there too disappointment waited us all,(Can you imagine not getting a bus in a highway!!),We confirmed the probability of getting scolding from our tutor, so I accompanied by two of my friends crossed the road to call an auto for 5 of us (it would be around 60 or something instead of free Student's Ticket ) </p>
<p>But we didnt have option, and when we were discussing about the fare with the auto driver,<h6>LOOK WHO CAME ! </h6></p>
<p>The great KSRTC (Our own anavandi), and the other two who were on the opposite side has stopped the bus and was yelling for us, Somehow we managed to cross the road and finally catch the BUS without getting hit by vehicles(Thank God!). We didnt mind how crowded the bus was,It was like getting some water on a hot dessert,And I gave the cover containing books to an aunty who was sitting and when I thought all the tension was over I began chitchating with friends and was looking at the watch and noticed some of our classmates was also in that bus and we reached the stop near the police station. </p>
<p>
<img src="images/image_5.jpg" alt="" class="img-fluid">
</p>
<h2 class="mb-3 mt-5">Scene 4</h2>
<h5>Stop near the police station 👮♂️ </h5>
<p>I got down and was speeding to reach our class,then one of my friend enquired about the books that I carried, <br><h6>TOTAL PANIC</h6><br>I dont know what went blank! (Me?My mind?or whole Earth?)
<br>I dont know what to do!.Just then the tears started rolling down my eyes, That assignment books were the result of my whole nights and notebooks too, I can't rewrite it, At that time you realise what friends were meant for they helped me to calm down and cheered up that we can get that we can get that books back !I didn't realised I walked from there to tution and was mumbling and weeping the whole walk </p>
<h2 class="mb-3 mt-5">Scene 5</h2>
<h5>TUITION CENTRE 👨🏫 </h5>
<p>When I saw our tutor there, I couldn't stop holding back my tears, that made him enquire about what happened,I told him I can't loose that books!! <br> He also encouraged me and said no to worry.He asked the whole class especially vimalites who travelled in the same bus about the ticket, We usually tear the tickets into pieces and blow them away, and everybody searched bag and pockets, Suprisingly Adwaith,my dearest friend had the ticket in his pocket,he didnt mean to keep it but kept along with the balance coins (Shikkari Shambhu)
<br>I was so glad and despite of having class, my tutor said we will go to Kollam Ksrtc stand and will find the bus with ticket no.
<br>I followed and we went in a scooter to Kollam which was approximately 30 km from where we were, (It was like a movie scene) </p>
<h2 class="mb-3 mt-5">Scene 6</h2>
<h5>KSRTC STAND 👨💼 </h5>
<p>We asked the officer there about the books, he said a lady have given it to them and to show the Id card (I thank my school at that time cause despite of plastic book cover all the details were there in that cover including space for mobile no.) So they have called my mom and informed about the books before we have reached, I thanked all of them especially my tutor who took me here to get my books back! And the way back he mocked how I cried .. </p>
<h2 class="mb-3 mt-5">Scene 7</h2>
<h5>Tution class 👨🏫👭 </h5>
<p>WE reached the tution centre and I entered the class and as soon as I looked to my friends eyes I understand how much worried they were just like me!! I joined them and the class kept going.... </p>
<h2 class="mb-3 mt-5">Scene 8</h2>
<h5>Caught in the memory 🧚♀️</h5>
<p>What if it was a usual day like the rest? What if we havent missed the bus,books?
<br>I wouldn't remember that particular day like this, It was just like an adventure, chasing my books back. These make this incident A BEAUTIFUL MEMORY to me!!
<br>This may be just an incident to an outsider, but for the people who have been at that particular time know that it have became a page in my book of memories, And now I have again relived that moment .. </p>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="#" class="tag-cloud-link">Life</a>
<a href="#" class="tag-cloud-link">Memories</a>
<a href="#" class="tag-cloud-link">Adventure</a>
<a href="#" class="tag-cloud-link">Travel</a>
</div>
</div>
<div class="about-author d-flex p-4 bg-light">
<div class="bio mr-5">
<img src="images/bg_1.jpg" alt="Image placeholder" class="img-fluid mb-4">
</div>
<div class="desc">
<h3>Josiah Elza Jacob</h3>
<p>Model Engineering College, Kochi <br>Electronics and Communication Engineering<br>2019-2023</p>
</div>
</div>
<div class="pt-5 mt-5" hidden>
<h4 class="mb-5 font-weight-bold">6 Comments</h4>
<ul class="comment-list">
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
</li>
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
<ul class="children">
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
<ul class="children">
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
<ul class="children">
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="comment">
<div class="vcard bio">
<img src="images/person_1.jpg" alt="Image placeholder">
</div>
<div class="comment-body">
<h3>John Doe</h3>
<div class="meta">July 03, 2020 at 2:21pm</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur quidem laborum necessitatibus, ipsam impedit vitae autem, eum officia, fugiat saepe enim sapiente iste iure! Quam voluptas earum impedit necessitatibus, nihil?</p>
<p><a href="#" class="reply">Reply</a></p>
</div>
</li>
</ul>
<!-- END comment-list -->
<div class="comment-form-wrap pt-5">
<h3 class="mb-5">Leave a comment</h3>
<form action="#" class="p-5 bg-light">
<div class="form-group">
<label for="name">Name *</label>
<input type="text" class="form-control" id="name">
</div>
<div class="form-group">
<label for="email">Email *</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="website">Website</label>
<input type="url" class="form-control" id="website">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="" id="message" cols="30" rows="10" class="form-control"></textarea>
</div>
<div class="form-group">
<input type="submit" value="Post Comment" class="btn py-3 px-4 btn-primary">
</div>
</form>
</div>
</div>
</div> <!-- .col-md-8 -->
<div class="col-lg-4 sidebar ftco-animate">
<div class="sidebar-box">
<form action="#" class="search-form">
<div class="form-group">
<span class="icon icon-search"></span>
<input type="text" class="form-control" placeholder="Type a keyword and hit enter">
</div>
</form>
</div>
<div class="sidebar-box ftco-animate" hidden>
<h3 class="heading-sidebar">Categories</h3>
<ul class="categories" >
<li><a href="#">Web Design <span>(12)</span></a></li>
<li><a href="#">Web Development <span>(22)</span></a></li>
<li><a href="#">Branding <span>(37)</span></a></li>
<li><a href="#">Graphic Design <span>(42)</span></a></li>
</ul>
</div>
<div class="sidebar-box ftco-animate"hidden>
<h3 class="heading-sidebar">Recent Blog</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(images/image_1.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the All-Powerful Pointing has no control about the blind texts.</a></h3>
<div class="meta">
<div><a href="#blog-section"><span class="icon-calendar"></span> July 03, 2020</a></div>
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
</div>
</div>
</div>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(images/image_2.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
<div class="meta">
<div><a href="#"><span class="icon-calendar"></span> July 03, 2020</a></div>
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
</div>
</div>
</div>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(images/image_3.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
<div class="meta">
<div><a href="#"><span class="icon-calendar"></span> July 03, 2020</a></div>
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
</div>
</div>
</div>
</div>
<div class="sidebar-box ftco-animate"hidden>
<h3 class="heading-sidebar">Tag Cloud</h3>
<div class="tagcloud">
<a href="#" class="tag-cloud-link">tech</a>
<a href="#" class="tag-cloud-link">office</a>
<a href="#" class="tag-cloud-link">building</a>
<a href="#" class="tag-cloud-link">land</a>
<a href="#" class="tag-cloud-link">table</a>
<a href="#" class="tag-cloud-link">web</a>
<a href="#" class="tag-cloud-link">design</a>
<a href="#" class="tag-cloud-link">application</a>
</div>
</div>
<div class="sidebar-box ftco-animate" hidden>
<h3 class="heading-sidebar">Paragraph</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus itaque, autem necessitatibus voluptate quod mollitia delectus aut, sunt placeat nam vero culpa sapiente consectetur similique, inventore eos fugit cupiditate numquam!</p>
</div>
</div>
</div>
</div>
</section> <!-- .section -->
<footer class="ftco-footer ftco-section">
<div class="container">
<div class="row mb-5">
<div class="col-md">
<div class="ftco-footer-widget mb-4"hidden>
<h2 class="ftco-heading-2">Lets talk about</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p><a href="#" class="btn btn-primary">Learn more</a></p>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4 ml-md-4">
<h2 class="ftco-heading-2">Links</h2>
<ul class="list-unstyled">
<li class="nav-item"><a href="index.html#home-section"class="fa fa-chevron-right mr-2"><span>Home</span></a></li>
<li class="nav-item"><a href="index.html#about-section" class="fa fa-chevron-right mr-2"><span>About</span></a></li>
<li class="nav-item"><a href="index.html#skills-section" class="fa fa-chevron-right mr-2"><span>Skills</span></a></li>
<li class="nav-item"><a href="index.html#services-section" class="fa fa-chevron-right mr-2" hidden><span>Services</span></a></li>
<li class="nav-item"><a href="index.html#projects-section" class="fa fa-chevron-right mr-2" hidden><span>Projects</span></a></li>
<li class="nav-item"><a href="index.html#blog-section" class="fa fa-chevron-right mr-2"><span>Blog</span></a></li>
<li class="nav-item"><a href="index.html#contact-section" class="fa fa-chevron-right mr-2"><span>Contact</span></a></li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4"hidden>
<h2 class="ftco-heading-2">Services</h2>
<ul class="list-unstyled">
<li><a href="#"><span class="fa fa-chevron-right mr-2"></span>Web Design</a></li>
<li><a href="#"><span class="fa fa-chevron-right mr-2"></span>Web Development</a></li>
<li><a href="#"><span class="fa fa-chevron-right mr-2"></span>Business Strategy</a></li>
<li><a href="#"><span class="fa fa-chevron-right mr-2"></span>Data Analysis</a></li>
<li><a href="#"><span class="fa fa-chevron-right mr-2"></span>Graphic Design</a></li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Have any Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon fa fa-map marker"></span><span class="text">Idupadickal Bunglow,<br>Oyoor P O,<br>Kollam,<br>Kerala,<br>India</span></li>
<li><a href="tel://917034721993"><span class="icon fa fa-phone"></span><span class="text">+91-7034721993</span></a></li>
<li hidden><a href="#"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">[email protected]</span></a></li>
</ul>
</div>
<ul class="ftco-footer-social list-unstyled mt-2">
<li class="ftco-animate" hidden><a href="#"><span class="fa fa-twitter"></span></a></li>
<li class="ftco-animate"><a href="https://github.com/josiahjacob"><span class="fa fa-github"></span></a></li>
<li class="ftco-animate"><a href="https://www.linkedin.com/in/josiah-jacob-a140651a2"><span class="fa fa-linkedin"></span></a></li>
<li class="ftco-animate"><a href="https://www.facebook.com/josiah.jacob.30"><span class="fa fa-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://www.instagram.com/_jozziyah_jacob_/?hl=en"><span class="fa fa-instagram"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p>
Copyright ©<script>document.write(new Date().getFullYear());</script> Developed with <i class="fa fa-heart" aria-hidden="true"></i> Josiah
</p>
</div>
</div>
</div>
</footer>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>