-
Notifications
You must be signed in to change notification settings - Fork 0
/
jquery.html
521 lines (425 loc) · 24.9 KB
/
jquery.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
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>:: Rajesh Personal questions ::</title>
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="css/ionicons.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/hover.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- Responsive css -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.png">
<script data-ad-client="pub-6300849404698883" async src="https://pagead2.googlesyndication
.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<!-- start section navbar -->
<nav id="main-nav">
<div class="row">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo1.png" alt="logo"></a>
</div>
<div class="responsive"><i data-icon="m" class="ion-navicon-round"></i></div>
<ul class="nav-menu list-unstyled">
<li><a href="all.html" class="smoothScroll">Html</a></li>
<li><a href="javascript.html" class="smoothScroll">Javascript</a></li>
<li><a href="jquery.html" class="smoothScroll">Jquery</a></li>
<li><a href="angular.html" class="smoothScroll">Angular</a></li>
<li><a href="doc.html" class="smoothScroll">DOC</a></li>
</ul>
</div>
</div>
</nav>
<!-- End section navbar -->
<!-- start section header -->
<div class="html">
<div class="container">
</div>
</div>
<!-- End section header -->
<!-- start section about us -->
<div id="about">
<div class="mn_n">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>Jquery</h2><br/>
<h5>What is jQuery?</h5>
<p>jQuery is a lightweight, "write less, do more", JavaScript library.. </p>
<h5>Why jQuery is needed?</h5>
<p>Used to develop browser compatible web applications<br/>Improve the performance of an application<br/>Very fast and extensible<br/>UI related functions are written in minimal lines of codes<br/>jQuery is a lightweight, "write less, do more", JavaScript library.</p>
<h5>In what scenarios jQuery can be used?</h5>
<p>Apply CSS static or dynamic<br/>
Calling functions on events<br/>
Manipulation purpose<br/>
Mainly for Animation effects</p>
<h5>jQuery Syntax</h5>
<p>Basic syntax is: $(selector).action()</p>
<h5>jQuery Selectors</h5>
<p>using jQuery selectors we can manipulate HTML element(s).</p>
<p>based on their name, id, classes, types, attributes, values of attributes and much more</p>
<h5>What are Events?</h5>
<p><b>Mouse Events:</b> click, dblclick, mouseenter,mouseleave</p>
<p><b>Keyboard Events :</b>keypress, keydown,keyup </p>
<p><b>Form Events :</b>submit, change,focus, blur </p>
<p><b>Document/Window Events :</b>load, resize,scroll, unload </p>
<h5>The on() Method</h5>
<p>using on() method we can add one or more event handlers for the selected elements</p>
<span><img style="width:100%" src="images/on.png"></span>
<h5>jQuery Effects</h5>
<p>Hide, Show, Toggle, Slide, Fade, and Animate.</p>
<p><b>jQuery hide() and show()</b></p>
<p>Syntax:</p>
<p>$(selector).hide(speed,callback);<br/>
$(selector).show(speed,callback);</p>
<span><img style="width:100%" src="images/sht.png"></span>
<p>instead of using hide and show we can use toggle() method</p>
<span><img style="width:100%" src="images/tyl.png"></span>
<h5>jQuery Effects - Fading </h5>
<p>using fade effects we can hidden and visible of elements</p>
<p>fading methods are : fadeIn(), fadeOut(), fadeToggle(), fadeTo()</p>
<p>Syntax: $(selector).fadeIn(speed,callback);</p>
<p>speed is optional parameter specifies the duration of effect. it can take value slow , fast, or milliseconds.</p>
<span><img style="width:100%" src="images/fg.png"></span>
<p><b>jQuery fadeToggle() Method</b></p>
<p>instead of using fadeIn and fadeOut we can use fadeToggle() method</p>
<p>Syntax : $(selector).fadeToggle(speed,callback);</p>
<span><img style="width:100%" src="images/tu.png"></span>
<h5>jQuery fadeTo() Method</h5>
<p>using fadeTo() method we can pass opacity also.</p>
<p>syntax : $(selector).fadeTo(speed,opacity,callback);</p>
<span><img style="width:100%" src="images/tt.png"></span>
<h5>jQuery Effects - Sliding</h5>
<p>Using slideing we can slide element up and down</p>
<p>slideDown() , slideUp(), slideToggle()</p>
<p>syntax : $(selector).slideDown(speed,callback);</p>
<span><img style="width:100%" src="images/qw.png"></span>
<h5>jQuery slideToggle() Method</h5>
<p>instead of using slideDown and slideUp we can use slideToggle() method</p>
<p>syntax : $(selector).slideToggle(speed,callback);</p>
<span><img style="width:100%" src="images/th.png"></span>
<h5>jQuery Effects - Animation</h5>
<p>using animate we can create custom animation</p>
<p>syntax : $(selector).animate({params},speed,callback);</p>
<p>here params parameter is css properties</p>
<span><img style="width:100%" src="images/df.png"></span>
<h5>jQuery animate() - Using Pre-defined Values</h5>
<p>"show", "hide", or "toggle" are jquery pre-defined values</p>
<h5>jQuery Stop Animations</h5>
<p>using jQuery stop() method we can stop animations or effects before it is finished.</p>
<p>syntax : $(selector).stop(stopAll,goToEnd);</p>
<span><img style="width:100%" src="images/tot.png"></span>
<h5>jQuery Callback Functions</h5>
<p>A callback function is executed after the current function finished.</p>
<p>JavaScript statements are executed line by line. </p>
<p>syntax : $(selector).hide(speed,callback); </p>
<span><img style="width:100%" src="images/clv.jpg"></span>
<h5>jQuery - Chaining</h5>
<p>Chaining is used to connect multiple jQuery methods and functions in a selector.</p>
<span><img style="width:100%" src="images/ch.jpg"></span>
<h5>jQuery - Get and Set Content and Attributes ?</h5>
<p>text() - Sets or returns the text content of selected elements<br/>
html() - Sets or returns the content of selected elements (including HTML markup)<br/>
val() - Sets or returns the value of form fields</p>
<p><b>
$(document).ready(function(){<br/>
$("#btn1").click(function(){<br/>
alert("Text: " + $("#test").text());<br/>
});<br/>
$("#btn2").click(function(){<br/>
alert("HTML: " + $("#test").html());<br/>
});<br/>
$(document).ready(function(){<br/>
$("button").click(function(){<br/>
alert("Value: " + $("#test").val());<br/>
});<br/>
});
});
</b></p>
<h5>Get Attributes - attr() ?</h5>
<p><b>$("button").click(function(){<br/>
alert($("#w3s").attr("href"));<br/>
});</b></p>
<h5>Set Attributes - attr() ?</h5>
<p><b>
$(document).ready(function(){<br/>
$("button").click(function(){<br/>
$("#w3s").attr("href", "https://www.w3schools.com/jquery/");<br/>
});<br/>
});
</b>
<p>attr callback function</p>
<span><img style="width:100%" src="images/ate.jpg"></span>
</p>
<p>Set Content and Attributes</p>
<span><img style="width:100%" src="images/ew.jpg"></span>
<h5>A Callback Function for text(), html(), and val()</h5>
<p>All of the three jQuery methods above: text(), html(), and val(), also come with a callback function.</p>
<p>The callback function has two parameters: the index of the current element in the list of elements selected and the original (old) value.</p>
<span><img style="width:100%" src="images/ckj.jpg"></span>
<h5>How will you Add New HTML Content</h5>
<p>We will look at four jQuery methods that are used to add new content:</p>
<p>append() - Inserts content at the end of the selected elements<br/>
prepend() - Inserts content at the beginning of the selected elements<br/>
after() - Inserts content after the selected elements<br/>
before() - Inserts content before the selected elements</p>
<span><img style="width:100%" src="images/app.jpg"></span>
<h5>how will you Remove Elements/Content ?</h5>
<p>To remove elements and content, there are mainly two jQuery methods:</p>
<p><b>remove() - Removes the selected element (and its child elements)<br/>
empty() - Removes the child elements from the selected element</b></p>
<span><img style="width:100%" src="images/rm.jpg"></span>
<p>we can pass parameter also same below image base on selected element and matched element it will remove</p>
<span><img style="width:100%" src="images/pa.jpg"></span>
<p>empty also same like top image</p>
<h5>jQuery Manipulating CSS classes</h5>
<p>jQuery has several methods for CSS manipulation. We will look at the following methods:</p>
<p><b>addClass()</b> - Adds one or more classes to the selected elements<br/>
<b>removeClass()</b> - Removes one or more classes from the selected elements<br/>
<b>toggleClass()</b> - Toggles between adding/removing classes from the selected elements<br/>
<b>css()</b> - Sets or returns the style attribute. syntax : css("propertyname","value");<br/>if add multiple css like<span><img style="width:100%" src="images/yi.jpg"></span> </p>
<span><img style="width:100%" src="images/mn.jpg"></span>
<h5>jQuery toggleClass() Method</h5>
<p>instead of using addClass and removeClass we can use toggleClass() method</p>
<span><img style="width:100%" src="images/tp.jpg"></span>
<h5>jQuery - Dimensions methods</h5>
<p>jQuery has several important methods for working with dimensions:</p>
<p>width()<br/>
height()<br/>
innerWidth()<br/>
innerHeight()<br/>
outerWidth()<br/>
outerHeight()</p>
<h5>jQuery Traversing - Ancestors</h5>
<p>Traversing Up the DOM Tree</p>
<p>parent() : method returns the direct parent element of the selected element.<br/>
<span><img style="width:100%" src="images/oi.jpg"></span>
parents() : method returns all ancestor elements of the selected element<br/>
You can also use an optional parameter to filter the search for ancestors.<br/>
<span><img style="width:100%" src="images/ppps.jpg"></span>
parentsUntil() : method returns all ancestor elements between two given arguments</p>
<span><img style="width:100%" src="images/gf.jpg"></span>
</div>
<div class="col-lg-6">
<h2> </h2><br/>
<h5>jQuery Traversing - Descendants </h5>
<p>A descendant is a child, grandchild, great-grandchild, and so on.</p>
<p><b>children()</b> : method returns all direct children of the selected element.<br/>This method it will return single level down the DOM tree. </p>
<span><img style="width:100%" src="images/bn.jpg"></span>
<p><b>find()</b> : method return child elements of selected element. it will search the more then one level down the tree (DOM tree)</p>
<p>based on matched parameter it will return</p>
<span><img style="width:100%" src="images/gd.jpg"></span>
<h5>what is difference between find and closest in jquery ?</h5>
<p>The closest selector traverses up the DOM to find the parent that matches the conditions. the .find selector traverses down the DOM where the event occurred, that matches the conditions</p>
<h5>jQuery closest() Method ?</h5>
<p>closest() method is jquery default method</p>
<p>The closest() method returns the first ancestor(means first parent based on passing parameter) of the selected element.</p>
<span><img style="width:100%" src="images/est.png"></span>
<h5>jQuery has()</h5>
<p>The has() method returns all the elements which matches at least one of the elements passed to this method.</p>
<span><img style="width:100%" src="images/has.jpg"></span></p>
<h5>jQuery Traversing - Siblings</h5>
<p>There are many useful jQuery methods for traversing sideways in the DOM tree:</p>
<p>siblings() : method returns all sibling elements of the selected element.<br/>
<span><img style="width:100%" src="images/sl.jpg"></span>
next() : method returns the next sibling element of the selected element<br/>
nextAll() : method returns all next sibling elements of the selected element.<br/>
nextUntil() :method returns all next sibling elements between two given arguments.<br/>
prev()<br/>
prevAll()<br/>
prevUntil()</p>
<h5>jQuery Traversing - Filtering methods</h5>
<p> first(),
<b>The first() method returns the first element of the specified elements.</b>
<span><img style="width:100%" src="images/ff.jpg"></span>
<br/> last(),<b>The last() method returns the last element of the specified elements.</b><br/>
</p>
eq(),<b>The eq() method returns specific index number of the selected elements.</b><b>
<span><img style="width:100%" src="images/eq.jpg"></span></p></b><br/> filter() <br/>not() <b>The not() method returns all elements that do not match the criteria.</b><br/><b>The not() method is the opposite of filter().</b><br/></p>
<h5>What is jQuery Ajax?</h5>
<p>AJAX is an standing for Asynchronous JavaScript and XML and this technology helps us to load data and exchange data with the server without a browser page refresh</p>
<span><img style="width:100%" src="images/ajx.png"></span>
<h5>What does ajax() method do?</h5>
<p>This method sends an asynchronous http request to the server.</p>
<h5>What does the ajax method load() do?</h5>
<p>The load() method sends an http request to load the html or text content from the server and adds them to the DOM element(s).</p>
<p>syntax : $(selector).load(URL,data,callback);</p>
<h5>What are the jQuery Ajax Events?</h5>
<p>The jQuery library also includes events which will be fired based on the state of the Ajax request, these are called Ajax events.</p>
<h5>jQuery - AJAX get() and post() Methods</h5>
<p>using jQuery get() and post() methods we can request data from the server</p>
<p>GET - Requests data from a specified resource (GET is basically used for just getting (retrieving) some data from the server <i>The GET method may return cached data</i>)</p>
<p>syntax : $.get(URL,callback);</p>
<p>$.get()</p>
<p>POST - Submits data to be processed to a specified resource (POST can also be used to get some data from the server.<i>However, the POST method NEVER caches data</i>)</p>
<p>syntax : $.post(URL,data,callback);</p>
<p>$.post()</p>
<h5>jQuery - The noConflict() Method</h5>
<p>Whenever using different types of frameworks that time it will Conflict so using noConflict() Method</p>
<span><img style="width:100%" src="images/no.jpg"></span>
<p>here we can create our own shortcut by storing noConflict() method in variable </p>
<span><img style="width:100%" src="images/vq.jpg"></span>
<p>like this also we can use below</p>
<span><img style="width:100%" src="images/dg.jpg"></span>
<h5>What is jQuery connect?</h5>
<p>A ‘ jQuery connect’ is a plugin used to connect or bind a function with another function. Connect is used to execute function from any other function or plugin is executed.</p>
<h5>What is the use of each function in jQuery?</h5>
<p>Each function is used to iterate each and every element of an object. It is used to loop DOM elements, arrays and the object properties.</p>
<h5>What is the difference between size and length of jQuery?</h5>
<P>Size and length both returns the number of element in an object. But length is faster than the size because length is a property and size is a method.</P>
<h5>What are the four parameters used for jQuery Ajax method?</h5>
<p>The four parameters are<br/>
URL – Need to specify the URL to send the request<br/>
type – Specifies type of request(Get or Post)<br/>
data – Specifies data to be sent to server<br/>
Cache – Whether the browser should cache the requested page</p>
<h5>How can we debug jQuery?</h5>
<p>There are two ways to debug jQuery:<br/>Add the debugger to the line from where we have to start debugging and then run Visual Studio in Debug mode with F5 function key.<br/>Insert a break point after attaching the process</p>
<h5>What is the use of jQuery.ajax method ()?</h5>
<p>jQuery.ajax method is used for asynchronous HTTP requests.</p>
<h5>What is called chaining?</h5>
<p>Chaining is used to connect multiple jQuery methods and functions in a selector.</p>
<h5>What Is Difference Between Window.Onload And OnDocumentReady ?</h5>
<p>The <onload>“window. onload” will execute code when browser has loaded the DOM tree and all other resources like images, objects, <onDocumentReady> allows you to execute code when only the DOM tree has been built, without waiting for images to load</p>
<h5>How Do You Change The Style/Class On Any Element From JavaScript?</h5>
<p>document.getElementById(“input”).style.fontSize = “10”;<br/>
-or-<br/>
document.getElementById(“button”).className = “classname”;</p>
<h5>What Are Different Types Of Popup Boxes Available In JavaScript?</h5>
<p><b>Alert</b> – It just has a <Ok> button to proceed.<br/>
<b>Confirm</b> – It pops up a window showing up Ok and Cancel buttons.<br/>
<b> Prompt</b> – It gives a dialog asking for user input followed by showing Ok/Cancel buttons.</p>
<h5>what is the difference between let and var ?</h5>
<p>The main difference is the scope difference</p>
<p>while let can be only available inside the scope it's declared, like in for loop,</p>
<p>var can be accessed outside the loop also</p>
<span><img src="images/var.jpg"></span>
<h5>Use of Jquery ready function. ?</h5>
<p>Jquery recommends use of $(document).ready(function(){ }) or $(function(){ }) in script tag to write jquery syntax. Jquery ready function execute Jquery functions after all html elements are loaded, before images, iframes, ads are loaded.</p>
<h5>What are the types of selectors in jQuery?</h5>
<p>CSS Selector<br/>
XPath Selector<br/>
Custom Selector</p>
<h5> What is difference between $(this) and this in jQuery ?</h5>
<p>this and $(this) references the same element but the difference is that “this” is used in traditional way but when “this” is used with $() then it becomes a jQuery object on which we can use the functions of jQuery.?<br/><span><img src="images/this.jpg"></span></p>
<h5>What is JQuery.noConflict?</h5>
<p>In order to help the system to overcome the conflicts between the different libraries and frameworks the jQuery no-conflict option given by the jQuery. This concept is really advanced which has been developed over the recent times.</p>
<h5>What is jQuery UI?</h5>
<p> jQuery UI is a set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. jQuery UI works well for highly interactive web applications with many controls or for a simple page with a date picker control.</p>
<h5>What is the use of jQuery filter?</h5>
<p>.eq()<br/>
.first()<br/>
.last()<br/>
.filter()<br/>
.has()<br/>
.not()</p>
<h5>What is the usage of Draggable, Droppable, Resizable, Selectable in jQuery UI?</h5>
<p>There are only 5 plugins available in the interaction section; that is Draggable, Droppable, Resizable, Selectable and Sortable. Interaction Plugins handles complex behaviors such as drag and drop, resizing, selection and sorting.</p>
<h5>Is JavaScript Case Sensitive?</h5>
<p>Yes, Javascript is case-sensitive. But HTML and CSS are not.</p>
<h5>What is the use of Void(0)?</h5>
<p>Void(0) is used to prevent the page from refreshing and parameter "zero" is passed while calling.<br/>
Void(0) is used to call another method without refreshing the page.</p>
<h5>Explain what is pop()method in JavaScript?</h5>
<p>The pop() method is similar as the shift() method but the difference is that the Shift method works at the start of the array. Also the pop() method take the last element off of the given array and returns it. The array on which is called is then altered.
<span><img src="images/pop.jpg"></span></p>
</p>
<!-- <h5>What are the features of JavaScript?</h5>
<p><span><img src="images/far.jpg"></span></p>
<h5>What are the advantages of JavaScript?</h5>
<p><span><img src="images/adv.jpg"></span></p> -->
<h5>What is NaN in JavaScript?</h5>
<p>NaN is a short form of Not a Number. </p>
<h5>how can submit form in javascript ?</h5>
<p> onclick="document.forms[0].submit();</p>
<h5>What is a callback function?</h5>
<p>A callback function is a function passed into another function as an argument.</p>
<span><img src="images/cl.jpg" style="width:100%"></span></p>
<h5>What is a callback hell?</h5>
<p>Callback Hell is an anti-pattern with multiple nested callbacks which makes code hard to read and debug when dealing with asynchronous logic. </p>
<span><img src="images/ad.jpg" style="width:100%"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end section about us -->
<!-- start section footer -->
<div id="footer" class="text-center">
<div class="container">
<div id="loading" class="tecnologies">
<div class="container">
<img class="lazy" src="images/html5.png" data-original="images/html5.png" height="60">
<img class="lazy" src="images/css3.png" data-original="images/css3.png" height="60">
<img class="lazy" src="images/js5.png" data-original="images/js5.png" height="60">
<img class="lazy" src="images/sass.png" data-original="images/sass.png" height="60">
<img class="lazy" src="images/jquery.png" data-original="images/jquery.png" height="60">
<img class="lazy" src="images/angularjs.png" data-original="images/angularjs.png" height="60">
<img class="lazy" src="images/typescript.png" data-original="images/typescript.png" height="60">
<img class="lazy" src="images/react.png" data-original="images/react.png" height="60">
<img class="lazy" src="images/npm.png" data-original="images/npm.png" height="60">
<img class="lazy" src="images/bower.png" data-original="images/bower.png" height="60">
</div>
</div>
<ul class="list-inline">
<li class="email list-inline-item"><i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:rajeshb408@gmail.com" traget="_blank">rajeshb408@gmail.com</a></li>
<li class="list-inline-item"><i class="fa fa-phone"></i> <a href="https://api.whatsapp.com/send?phone=9949598062" traget="_blank">+91 9949598062</a></li>
<li class="website list-inline-item"><i class="fa fa-github"></i> <a href="https://github.com/rajeshbyragoni" target="_blank">github.com/rajeshbyragoni</a></li>
</ul>
<div class="socials-media text-center">
<ul class="list-unstyled">
<li><a href="https://www.linkedin.com/in/rajesh-byragoni-94006670/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.facebook.com/rajesh.goud.1401" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://github.com/rajeshbyragoni" target="_blank"><i class="fa fa-github"></i></a></li>
<li><a href="mailto:rajeshb408@gmail.com" target="_blank"><i class="fa fa-envelope"></i></a></li>
<li><a href="https://api.whatsapp.com/send?phone=9949598062" target="_blank"><i class="fa fa-whatsapp "></i></a></li>
</ul>
</div>
<p>© Copyrights Rajesh. All rights reserved.</p>
</div>
</div>
<!-- End section footer -->
<!-- JavaScript Libraries -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/typed.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.easypiechart.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script src="js/skills.js"></script>
<script type="text/javascript">
$(document).ready(function () {
setTimeout(load, 3000);
function load() {
$("#loading").show();
$(window).load(function () {
$('#loading').fadeOut('slow');
});
}
});
</script>
</body>
</html>