├── css ├── lesso ├── images │ ├── flag.png │ ├── web.png │ ├── earth2.png │ └── building.png ├── exercise │ ├── set1.pdf │ └── set2.pdf ├── grid.html ├── lesson5.html ├── media-query1.html ├── lesson1.html ├── lesson4.html ├── style.css ├── contactus.html └── lesson3.html ├── mypdffile.pdf ├── pdf ├── HTML 4.pdf ├── CSS-3-Cheatsheet.pdf ├── css-cheat-sheet.pdf ├── Introduction to css.pdf └── web application development.pdf ├── html ├── images │ ├── four.jpg │ ├── one.jpg │ ├── two.jpg │ ├── photo1.png │ ├── photo2.png │ ├── photo3.png │ ├── photo4.png │ ├── photo5.png │ └── three.jpg ├── files │ └── yourfile.pdf ├── success.html ├── exercise.txt ├── lesson1.html ├── all about input.txt ├── login.html ├── lesson5.html ├── lesson7.html ├── register.html ├── lesson6.html ├── lesson4.html └── create-profile.html ├── html5 ├── audio │ ├── one.mp3 │ └── one.wav ├── video │ └── earth.mp4 ├── lesson8.html ├── audio.html ├── style1.css ├── lesson7.html ├── style2.css ├── lesson4.html ├── input2.html ├── getlocation.html ├── input3.html ├── detecthtml5.html ├── input.html ├── getlocation2.html ├── modernizr-custom.js ├── lesson6.html ├── lesson2.html ├── lesson5.html ├── lesson3.html ├── localstoragedemo.html └── SessionStorageDemo.html ├── fullform.txt ├── jquery ├── exercise.txt ├── template.html ├── lesson5.html ├── lesson6.html ├── lesson4.html ├── lesson2.html ├── dom1.html └── lesson1.html ├── javascript ├── lesson2.js ├── mymath.js ├── lesson2.html ├── lesson7.html ├── lesson1.html ├── lesson6.html ├── lesson11.html ├── lesson4.html ├── cookies.js ├── lesson5.html ├── lesson12.4.html ├── lesson12.2.html ├── lesson12.html ├── lesson12.3.html ├── lesson8.html ├── lesson9.html ├── lesson10.html ├── lesson13.html ├── lesson3.html ├── online-template.html ├── lesson17.html ├── success.html ├── lesson15.html ├── exercise.txt ├── lesson16.html ├── lesson14.html ├── lesson19.html ├── object7.html ├── object2.html ├── object6.html ├── object8.html ├── object9.html ├── object1.html ├── object3.html ├── object4.html ├── lesson20.html ├── lesson18.html ├── cookies_demo.html ├── lesson18.2.html ├── lesson18.3.html └── lesson21.html ├── task.txt ├── links.txt └── bootstrap ├── template.html ├── exercise └── set1.txt ├── lesson1.html ├── lesson9.html ├── lesson13.html ├── lesson15.html ├── lesson7.html ├── lesson4.html ├── lesson14.html ├── lesson5.html ├── lesson18.html ├── lesson19.html ├── lesson2.html ├── lesson8.html ├── lesson11.html ├── lesson3.html └── lesson17.html /css/lesso: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /mypdffile.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/mypdffile.pdf -------------------------------------------------------------------------------- /pdf/HTML 4.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/pdf/HTML 4.pdf -------------------------------------------------------------------------------- /css/images/flag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/images/flag.png -------------------------------------------------------------------------------- /css/images/web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/images/web.png -------------------------------------------------------------------------------- /html/images/four.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/four.jpg -------------------------------------------------------------------------------- /html/images/one.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/one.jpg -------------------------------------------------------------------------------- /html/images/two.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/two.jpg -------------------------------------------------------------------------------- /html5/audio/one.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html5/audio/one.mp3 -------------------------------------------------------------------------------- /html5/audio/one.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html5/audio/one.wav -------------------------------------------------------------------------------- /css/exercise/set1.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/exercise/set1.pdf -------------------------------------------------------------------------------- /css/exercise/set2.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/exercise/set2.pdf -------------------------------------------------------------------------------- /css/images/earth2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/images/earth2.png -------------------------------------------------------------------------------- /html/images/photo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/photo1.png -------------------------------------------------------------------------------- /html/images/photo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/photo2.png -------------------------------------------------------------------------------- /html/images/photo3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/photo3.png -------------------------------------------------------------------------------- /html/images/photo4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/photo4.png -------------------------------------------------------------------------------- /html/images/photo5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/photo5.png -------------------------------------------------------------------------------- /html/images/three.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/images/three.jpg -------------------------------------------------------------------------------- /html5/video/earth.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html5/video/earth.mp4 -------------------------------------------------------------------------------- /css/images/building.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/css/images/building.png -------------------------------------------------------------------------------- /html/files/yourfile.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/html/files/yourfile.pdf -------------------------------------------------------------------------------- /pdf/CSS-3-Cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/pdf/CSS-3-Cheatsheet.pdf -------------------------------------------------------------------------------- /pdf/css-cheat-sheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/pdf/css-cheat-sheet.pdf -------------------------------------------------------------------------------- /pdf/Introduction to css.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/pdf/Introduction to css.pdf -------------------------------------------------------------------------------- /pdf/web application development.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theeasylearn/frontend5/HEAD/pdf/web application development.pdf -------------------------------------------------------------------------------- /fullform.txt: -------------------------------------------------------------------------------- 1 | short form | full form 2 |   non breaking space 3 | HTML hypertext markup language 4 | 5 | -------------------------------------------------------------------------------- /html/success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

input submitted succesfully

7 | 8 | -------------------------------------------------------------------------------- /jquery/exercise.txt: -------------------------------------------------------------------------------- 1 | write a program to zoom in zoomout using recursion, 2 | write a program to rotate using recursion, 3 | write a program to flip using recursion, 4 | write a program to to create 3 full width responsive image slider, 5 | -------------------------------------------------------------------------------- /javascript/lesson2.js: -------------------------------------------------------------------------------- 1 | // alert("javascript(JS) is working"); 2 | console.log("this is log message"); 3 | console.warn("this is warning message"); 4 | console.error("this is error message"); 5 | console.debug("this is debug message"); 6 | console.info("this is info message"); -------------------------------------------------------------------------------- /task.txt: -------------------------------------------------------------------------------- 1 | 1) install vs code 2 | 2) install following browsers 3 | Firefox (default web browser) 4 | Google Chrome 5 | Opera 6 | 3) install following extensions 7 | view in browser - Koppt Ho 8 | google search - Kamesh Kotwani 9 | Auto rename tag - Jun Han 10 | notepad++ keymap - Micorsoft -------------------------------------------------------------------------------- /javascript/mymath.js: -------------------------------------------------------------------------------- 1 | function add(num1,num2) 2 | { 3 | var result = num1 + num2; //result is local variable 4 | return result; 5 | } 6 | function sub(num1,num2) 7 | { 8 | var result = num1 - num2; //result is local variable 9 | return result; 10 | } 11 | function mul(a,b) 12 | { 13 | return a * b; 14 | } 15 | function div(x,y) 16 | { 17 | return x/y; 18 | } -------------------------------------------------------------------------------- /javascript/lesson2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Variables in javascript

11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /html/exercise.txt: -------------------------------------------------------------------------------- 1 | 1) create change password form 2 | 2) create forgot password form 3 | 3) develop html page for checkout process as per below design 4 | https://www.oberlo.com/media/1604489891-shopify-checkout-2-1024x611.jpg?fm=webp&w=1824&fit=max 5 | 6 | 4) develop html page for shaadi.com as per below design 7 | https://www.shaadi.com/ 8 | 9 | 5) develop html page for https://www.monsterindia.com/ 10 | as per https://www.monsterindia.com/ -------------------------------------------------------------------------------- /html5/lesson8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Video Tag example

11 | 14 | 15 | -------------------------------------------------------------------------------- /html5/audio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Audio tag

11 |
12 | 16 | 17 | -------------------------------------------------------------------------------- /html5/style1.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin: 0px; 4 | padding: 0px; 5 | } 6 | #articles 7 | { 8 | display: flex; 9 | flex-wrap:wrap; 10 | column-gap: 20px; 11 | row-gap: 20px; 12 | } 13 | article 14 | { 15 | border:1px solid black; 16 | width:calc(33% - 22px); 17 | background-color: cornsilk; 18 | box-shadow: 5px 5px 5px gray; 19 | 20 | } 21 | article>p 22 | { 23 | padding:10px; 24 | } 25 | article>header, article>footer 26 | { 27 | background-color: bisque; 28 | padding:10px; 29 | } -------------------------------------------------------------------------------- /javascript/lesson7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

prompt in javascript

11 | 17 | 18 | -------------------------------------------------------------------------------- /javascript/lesson1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Example of javascript

11 |
12 | 17 |

End of page

18 | 19 | -------------------------------------------------------------------------------- /html/lesson1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | this is my first web page.
7 | this is my second line in html
8 | this is my third line in html.
9 | this is bold effect
10 | this is italic effect
11 | this is underline effect
12 | this is strikeout effect
13 | this is all effect together 14 |
15 | THE EASYLEARN ACADEMY 16 | 17 | -------------------------------------------------------------------------------- /html5/lesson7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 16 | 17 | 18 |

time tag

19 | every year we celebrate Kite flying day on 20 | 21 | -------------------------------------------------------------------------------- /javascript/lesson6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

strict mode in javascript

11 | 12 | 21 | 22 | -------------------------------------------------------------------------------- /javascript/lesson11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Nullish coalescing operator '??'

11 | 12 | 21 | 22 | -------------------------------------------------------------------------------- /javascript/lesson4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

example of confirm dialogbox

11 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/cookies.js: -------------------------------------------------------------------------------- 1 | function setCookie(name, value, days) { 2 | var d = new Date(); 3 | d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000)); 4 | var expires = "expires=" + d.toUTCString(); 5 | document.cookie = name + "=" + value + ";" + expires + ";path=/"; 6 | } 7 | 8 | function getCookie(name) { 9 | var name = name + "="; 10 | var decodedCookie = decodeURIComponent(document.cookie); 11 | var ca = decodedCookie.split(';'); 12 | for (var i = 0; i < ca.length; i++) { 13 | var c = ca[i]; 14 | while (c.charAt(0) == ' ') { 15 | c = c.substring(1); 16 | } 17 | if (c.indexOf(name) == 0) { 18 | return c.substring(name.length, c.length); 19 | } 20 | } 21 | return ""; 22 | } -------------------------------------------------------------------------------- /html5/style2.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin: 0px; 4 | padding: 0px; 5 | } 6 | #articles 7 | { 8 | display: flex; 9 | flex-wrap:wrap; 10 | column-gap: 20px; 11 | row-gap: 20px; 12 | } 13 | article 14 | { 15 | border:1px solid black; 16 | width:calc(50% - 22px); 17 | background-color: cornsilk; 18 | box-shadow: 5px 5px 5px gray; 19 | 20 | } 21 | article>p 22 | { 23 | padding:10px; 24 | } 25 | article>header, article>footer 26 | { 27 | background-color: bisque; 28 | padding:10px; 29 | } 30 | article>aside 31 | { 32 | background-color: burlywood; 33 | padding:10px; 34 | font-size: 20px; 35 | } 36 | article>aside>ul 37 | { 38 | list-style-position: inside; 39 | } 40 | section 41 | { 42 | background-color: darkgoldenrod; 43 | padding:10px; 44 | } -------------------------------------------------------------------------------- /javascript/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

example of confirm dialogbox

11 | 25 | 26 | -------------------------------------------------------------------------------- /links.txt: -------------------------------------------------------------------------------- 1 | for html entities 2 | https://www.freeformatter.com/html-entities.html 3 | 4 | for random photos 5 | https://picsum.photos/ 6 | 7 | https://www.gettyimages.in/ 8 | 9 | for images & icons 10 | https://www.iconfinder.com 11 | 12 | for map (basic) 13 | https://medium.com/@nargessmi87/how-to-embede-open-street-map-in-a-webpage-like-google-maps-8968fdad7fe4 14 | 15 | advance 16 | https://medium.com/@nargessmi87/how-to-customize-the-openstreetmap-marker-icon-and-binding-popup-ab2254bddec2 17 | 18 | bootstrap 19 | https://getbootstrap.com/ 20 | 21 | bootstrap ready made example (snippets) 22 | https://bootsnipp.com 23 | 24 | cheetsheet 25 | https://bootstrap-cheatsheet.themeselection.com/ 26 | 27 | font awasome icons 28 | 29 | 30 | -------------------------------------------------------------------------------- /html5/lesson4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Example of datalist tag

11 |
12 | 13 | 14 | 21 | 22 |
23 | 24 | -------------------------------------------------------------------------------- /javascript/lesson12.4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

output will come here

11 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/lesson12.2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

output will come here

11 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/lesson12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

output will come here

11 | 22 | 23 | -------------------------------------------------------------------------------- /javascript/lesson12.3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

output will come here

11 | 23 | 24 | -------------------------------------------------------------------------------- /bootstrap/template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /html/all about input.txt: -------------------------------------------------------------------------------- 1 | how we can accept input from user in html 2 | Types of input 3 | text 4 | type of text input 5 | single line input 6 | email,password,mobile,name,city,pincode,amount are some example of single line input 7 | multiline input 8 | address, email content, feedback are some example of multiline input 9 | choice based input 10 | radio button, checkbox, list(single & multiselect), buttons 11 | binary(file) 12 | photo,document,zip etc (any type of file) 13 | there are only 3 tags we used to take any type of input from user 14 | input tag 15 | single line input & choice & binary based can be taken from user using input tag 16 | select tag 17 | some choice based input (list) can be accept from user using select tag 18 | textarea tag 19 | multiline can be accepted using textarea 20 | 21 | -------------------------------------------------------------------------------- /javascript/lesson8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Math Calculator

11 | 25 | 26 | -------------------------------------------------------------------------------- /javascript/lesson9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Math Calculator

11 | 25 | 26 | -------------------------------------------------------------------------------- /javascript/lesson10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Conditional Operations

11 | 26 | 27 | -------------------------------------------------------------------------------- /jquery/template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 22 | 23 | -------------------------------------------------------------------------------- /bootstrap/exercise/set1.txt: -------------------------------------------------------------------------------- 1 | create a web page with bootstrap that will display products 2 | 4 news per row for large screen 3 | 3 news per row for medium screen 4 | 2 news per row for small screen 5 | 1 news per row for extra small screen 6 | each news has heading, some text and read more link with blug background color. 7 | 8 | create image gallary with bootstrap 9 | 6 images per row for extra large screen 10 | 4 images per row for large screen 11 | 3 images per row for medium screen 12 | 2 images per row for small screen 13 | 1 images per row for extra small screen 14 | 15 | create webpage with bootstrap to display 16 | 4 product per line on large screen 17 | 3 product per line on medium screen 18 | 2 product per line on small screen 19 | 1 product per line on extra small screen 20 | each product should be display at image at top followed by product name, product features and add to cart button. it should look like below 21 | https://freefrontend.com/assets/img/bootstrap-product-cards/bootstrap-4-product-detail-window-template.jpg 22 | 23 | -------------------------------------------------------------------------------- /html5/input2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 22 | 23 | 24 |
25 |

Login Form

26 | 27 | 28 | 29 | 30 | 31 |
32 | 33 | -------------------------------------------------------------------------------- /javascript/lesson13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Function in javascript

11 |
12 |
output will come here
13 | 14 | 33 | 34 | -------------------------------------------------------------------------------- /html/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

login page

7 |
8 | 9 | 10 | 13 | 16 | 17 | 18 | 21 | 24 | 25 | 26 | 30 | 31 |
11 | Enter email address 12 | 14 | 15 |
19 | Enter password 20 | 22 | 23 |
27 | 28 | 29 |
32 |
33 | 34 | -------------------------------------------------------------------------------- /html5/getlocation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

get user location using javascript

11 | 12 |

13 | user location will be displayed here 14 |

15 | 30 | 31 | -------------------------------------------------------------------------------- /javascript/lesson3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Example of variables in javascript

11 | use console to see output 12 | 31 | 32 | -------------------------------------------------------------------------------- /javascript/online-template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | 30 | 31 | -------------------------------------------------------------------------------- /javascript/lesson17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Default argument functions

11 |

output will come here

12 | 13 | 36 | 37 | -------------------------------------------------------------------------------- /javascript/success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

form submitted

19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | 30 | 31 | -------------------------------------------------------------------------------- /html/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

table in html

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 |

Student Detail

NoNamePhone No
1Samir123456789
2Rahul123456789
3Mohan1122334455
40 | 41 | -------------------------------------------------------------------------------- /html5/input3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 22 | 23 | 24 |
25 |

Login Form

26 | 30 | 31 | 32 | 33 | 34 | 35 |
36 | 37 | -------------------------------------------------------------------------------- /html/lesson7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Working Images

11 | 12 | image not available 13 | 14 | 15 | image not available 16 | 17 | 18 | image not available 19 | 20 | 21 | image not available 22 | 23 | 24 | image not available 25 | 26 | 27 | image not available 28 | 29 | 30 | image not available 31 | 32 | 33 | -------------------------------------------------------------------------------- /javascript/lesson15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Function in javascript

11 |
12 |
output will come here
13 | 37 | 38 | -------------------------------------------------------------------------------- /html5/detecthtml5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Detect HTML 5 feature is supported or not

11 |

12 |

13 | 14 | 38 | 39 | -------------------------------------------------------------------------------- /javascript/exercise.txt: -------------------------------------------------------------------------------- 1 | 1) develop web page using javascript to display your name and address using alert dialogbox of javascript. 2 | 3 | 2) write a program to create function that will return area of triangle using given height and base as input 4 | 5 | 6 | 3) write a program to create function that will return farenheit of given ceilcius 7 | 8 | 4) write a program to function that return reverse of given two digit number 9 | input : 45 10 | output 54 11 | 12 | 5) write a program to calculate and return bmi of given weight and height (foot,inch) using arrow functions 13 | 14 | 6) write a program to calculate and return qube of given number using arrow function 15 | 7) write a program to calculate and return square root of given number using arrow functions 16 | 17 | 8) write a program to findout volume of room using given length, width, deapth using html, 1st way o handling event and external javascript 18 | 19 | 9) write a program to findout develop EMI Calculator using html, 1st way o handling event and external javascript 20 | 9) write a program to findout develop SIP Calculator using html, 1st way o handling event and external javascript 21 | 22 | 10) write a program to create mymath object using first method to create object. this object should have 2 variables. num1 and num2. and it has following methods 23 | addition 24 | substraction 25 | multiplication 26 | division 27 | 28 | each method will display output inside html tag. -------------------------------------------------------------------------------- /javascript/lesson16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Function in javascript

11 |
12 |
output will come here
13 | 48 | 49 | -------------------------------------------------------------------------------- /html/register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 | 16 | 17 | 18 | 21 | 22 | 23 | 26 | 27 | 28 | 31 | 32 | 33 | 37 | 38 | 39 | 42 | 43 |
14 |

Register with us

15 |
19 | 20 |
24 | 25 |
29 | 30 |
34 | Select birth date
35 | 36 |
40 | 41 |
44 |
45 | 46 | -------------------------------------------------------------------------------- /bootstrap/lesson1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

first example in bootstrap (BS)

17 | Google 18 | IBM 19 | Microsoft 20 | Tesla 21 | Relience 22 | Netflix 23 | tata 24 |
25 |
26 |
27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /html5/input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 20 | 21 | 22 |

new input types in html

23 |
24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 53 |
54 | 55 | -------------------------------------------------------------------------------- /javascript/lesson14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Function in javascript

11 |
12 |
output will come here
13 | 49 | 50 | -------------------------------------------------------------------------------- /jquery/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Jquery Method Chaining

19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 30 | 40 | 41 | -------------------------------------------------------------------------------- /jquery/lesson6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Jquery Blinking

19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 30 | 42 | 43 | -------------------------------------------------------------------------------- /bootstrap/lesson9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /javascript/lesson19.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 37 | 38 | 39 |
40 |
GrandParent 41 |
Parent 42 |
Child
43 |
44 |
45 |
46 | 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /javascript/object7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |
example of foreach loop
19 |
20 |
21 |
    22 | 23 |
24 |
25 |
26 |
27 |
28 |
29 | 30 | 31 | 46 | 47 | -------------------------------------------------------------------------------- /bootstrap/lesson13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Images in bootstrap

17 |
18 |
19 |
20 |
21 | 22 |
23 |
24 | 25 |
26 |
27 | 28 |
29 |
30 | 31 |
32 |
33 |
34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /javascript/object2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | second method of creating object 19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 48 | 49 | -------------------------------------------------------------------------------- /javascript/object6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |
check properties exist or not in object
19 |
20 |
21 | use console to check output 22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 46 | 47 | -------------------------------------------------------------------------------- /html/lesson6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Links, Images, Videos

11 | 34 |
35 | 36 | 37 | 38 | 39 | 40 |
41 | 43 | 44 | -------------------------------------------------------------------------------- /css/grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 64 | 65 | 66 |
67 | 68 |
69 | 70 |
71 | 72 | 73 |
74 | 75 | -------------------------------------------------------------------------------- /css/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 41 | 42 | 43 |
44 |

the easylearn academy

45 |
46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 |
cell content cell content cell content cell content cell content
cell content cell content cell content cell content cell content
cell content cell content cell content cell content cell content
69 | 70 | -------------------------------------------------------------------------------- /css/media-query1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /html5/getlocation2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

get user location using display it on map

12 | 13 |
14 | 15 |
16 | 17 | 49 | 50 | -------------------------------------------------------------------------------- /javascript/object8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |
Object reference concept
19 |
20 |
21 | use console to see output 22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 48 | 49 | -------------------------------------------------------------------------------- /javascript/object9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |
Object Cloning
19 |
20 |
21 | use console to see output 22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 53 | 54 | -------------------------------------------------------------------------------- /javascript/object1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | first method of creating object
19 | use console to see output 20 |
21 |
22 | 23 |
24 |
25 |
26 |
27 |
28 | 29 | 30 | 54 | 55 | -------------------------------------------------------------------------------- /javascript/object3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | third method of creating object 19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 55 | 56 | -------------------------------------------------------------------------------- /html5/modernizr-custom.js: -------------------------------------------------------------------------------- 1 | /*! modernizr 3.6.0 (Custom Build) | MIT * 2 | * https://modernizr.com/download/?-canvas-localstorage-sessionstorage-setclasses !*/ 3 | !function(e,n,t){function s(e,n){return typeof e===n}function o(){var e,n,t,o,a,r,c;for(var f in l)if(l.hasOwnProperty(f)){if(e=[],n=l[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 22 | 23 | 24 |
25 |
26 |
27 | 28 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 | 38 | 39 | 40 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /html/lesson4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Learning Html @ The EasyLearn Academy 11 | 12 | 13 |

List in html

14 | 15 | 31 |
32 | 33 |
    34 |
  1. India 35 |
      36 |
    1. Gujarat
      2. 37 |
    2. Maharastra
      3. 38 |
    3. Rajasthan
      4. 39 |
    4. MP
      5. 40 |
    5. UP
      6. 41 |
    42 |
    2. 43 |
  2. US
    3. 44 |
  3. Canada
    4. 45 |
  4. Russia
    5. 46 |
  5. Australia
    6. 47 |
48 | 49 | 50 | -------------------------------------------------------------------------------- /html5/lesson6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 41 | 42 | 43 | Example of mark and figure and figcaption tag tag
44 |
45 |
46 | 47 |
Sachin Tendulkar
48 |
49 |
50 | 51 |
saurav ganguly
52 |
53 |
54 | 55 |
Virendra Sehwag
56 |
57 |
58 | 59 |
Rahul dravid
60 |
61 |
62 | 63 |
Yuvraj singh
64 |
65 |
66 | 67 |
Yuvraj singh
68 |
69 | 70 |
71 | 72 |
Yuvraj singh
73 |
74 |
75 | 76 |
Yuvraj singh
77 |
78 |
79 | 80 |
Yuvraj singh
81 |
82 |
83 | 84 | 85 | -------------------------------------------------------------------------------- /bootstrap/lesson15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Login - Horinzontal form

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 | -------------------------------------------------------------------------------- /javascript/object4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

ES6 way to create class & object

19 |
20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 |
NoNameAgeWeight
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 69 | 70 | -------------------------------------------------------------------------------- /bootstrap/lesson7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

List

17 |
18 |
19 |
    20 |
  • Apple
    • 21 |
  • Banana
    • 22 |
  • Mango
    • 23 |
  • Pinapple
    • 24 |
  • Kiwi
    • 25 |
26 |
27 |
28 |
    29 |
  • Apple
    • 30 |
  • Banana
    • 31 |
  • Mango
    • 32 |
  • Pinapple
    • 33 |
  • Kiwi
    • 34 |
35 |
36 |
37 |
    38 |
  • Apple
    • 39 |
  • Banana
    • 40 |
  • Mango
    • 41 |
  • Pinapple
    • 42 |
  • Kiwi
    • 43 |
44 |
45 |
46 |
    47 |
  • Apple
    • 48 |
  • Banana
    • 49 |
  • Mango
    • 50 |
51 |
52 |
53 |
54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /css/lesson1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 40 | 41 | 42 |

Sample Heading

43 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas cumque veniam magnam quas velit! Obcaecati neque similique nobis iste iure, consequuntur, porro libero voluptatibus veniam suscipit itaque eius, quis nisi ipsa est! Eligendi unde iusto quod nihil error tempore, qui perferendis id amet voluptas nulla debitis odit excepturi, iure veniam?

44 |

Sample Heading

45 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, perspiciatis ipsam? Rerum id cupiditate nemo, sit eaque ea tenetur excepturi aliquam aperiam alias dolorem eligendi veritatis accusantium voluptate nesciunt hic aut repellendus commodi autem minima possimus consectetur! Sed, id tempora voluptatem repudiandae, tempore quaerat illo aspernatur, accusamus officiis incidunt est!

46 |

Sample Heading

47 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias nam animi consequuntur sapiente provident harum neque natus quas voluptatum doloribus dolor eius aliquid sequi laborum dolore porro molestiae aspernatur doloremque mollitia, accusamus similique blanditiis. Nostrum numquam eum officiis, officia voluptatibus accusantium, molestias magnam at architecto voluptates deserunt quidem minima dolor dignissimos illo reprehenderit blanditiis ab omnis odio assumenda illum qui nesciunt. Iste necessitatibus ullam deserunt beatae nulla dolorem aliquam nemo recusandae excepturi dolor debitis ratione amet, soluta nobis eaque officiis doloremque ut velit, labore odit iure quas quaerat rem! Quia corrupti animi distinctio tempora itaque, nemo nihil perferendis ratione eius?

48 | 49 | -------------------------------------------------------------------------------- /bootstrap/lesson4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Sports news

17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque fuga voluptatibus nisi sed optio, cupiditate alias quos similique praesentium enim, quisquam consequatur accusantium deleniti! Nemo modi itaque laudantium, quis ipsum deleniti aperiam aliquid labore provident, facilis vero veritatis beatae error eius vel. Itaque illo, repellendus ullam voluptatem ea doloremque vero.

18 |
19 |
20 |

Education news

21 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, tenetur deleniti magnam quidem in libero autem et doloremque, pariatur, earum repellat atque eligendi quibusdam? Sapiente perferendis expedita, adipisci fugiat fuga magni minima ipsum harum accusamus numquam magnam! Corrupti quibusdam atque laborum voluptates obcaecati doloribus, impedit soluta, accusamus placeat ut delectus!

22 |
23 |
24 |

Science news

25 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae nisi ea assumenda nulla praesentium fugit eveniet in voluptatum quia nostrum, itaque id voluptatem explicabo nam alias harum cum obcaecati, quod doloribus saepe cupiditate pariatur. Animi veritatis deleniti non excepturi? Fuga dolores reprehenderit velit doloribus soluta cupiditate illum asperiores cumque quae!

26 |
27 |
28 |

Tech news

29 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non numquam deserunt veniam facere ipsum tempora perspiciatis maiores laboriosam soluta adipisci labore nemo voluptatum eaque, velit possimus distinctio officiis quae, cumque eos voluptatibus laudantium odit. Temporibus ullam asperiores doloremque veniam maxime dolorem, alias natus at fuga dolores quisquam unde ad explicabo.

30 |
31 |
32 |
33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /bootstrap/lesson14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Register with us

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 | -------------------------------------------------------------------------------- /bootstrap/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 16 | 17 | 18 |
19 |
20 |
21 |
Page heading
22 |
23 |
24 | right alignment 25 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque fuga voluptatibus nisi sed optio, cupiditate alias quos similique praesentium enim, quisquam consequatur accusantium deleniti! Nemo modi itaque laudantium, quis ipsum deleniti aperiam aliquid labore provident, facilis vero veritatis beatae error eius vel. Itaque illo, repellendus ullam voluptatem ea doloremque vero.

26 |
27 |
28 | center alignment 29 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, tenetur deleniti magnam quidem in libero autem et doloremque, pariatur, earum repellat atque eligendi quibusdam? Sapiente perferendis expedita, adipisci fugiat fuga magni minima ipsum harum accusamus numquam magnam! Corrupti quibusdam atque laborum voluptates obcaecati doloribus, impedit soluta, accusamus placeat ut delectus!

30 |
31 |
32 | left alignment 33 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae nisi ea assumenda nulla praesentium fugit eveniet in voluptatum quia nostrum, itaque id voluptatem explicabo nam alias harum cum obcaecati, quod doloribus saepe cupiditate pariatur. Animi veritatis deleniti non excepturi? Fuga dolores reprehenderit velit doloribus soluta cupiditate illum asperiores cumque quae!

34 |
35 |
36 | justify alignment 37 |

there is not class for justify alignment in bootstrap. so we have just created our own class.

38 |
39 |
40 |
41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /jquery/lesson2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |
19 |
20 |
21 |

jquery events

22 |
23 |
24 |
25 |
26 | 29 |
30 |
31 | 34 |
35 |
36 | 39 |
40 |
41 | 42 | 45 |
46 | 47 |
48 |
49 |
50 |
51 |
52 |
53 | 54 | 55 | 58 | 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /bootstrap/lesson18.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 | 20 |
21 |
22 |
23 |
24 | 28 |
29 |
30 |
31 |
32 | 36 |
37 |
38 |
39 |
40 | 44 |
45 |
46 |
47 |
48 | 52 |
53 |
54 |
55 |
56 | 60 |
61 |
62 |
63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /bootstrap/lesson19.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
Attention!
18 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, necessitatibus!

19 | 20 |
21 |
22 |
23 |
24 |
25 |
26 |
Attention!
27 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, necessitatibus!

28 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
Attention!
36 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, necessitatibus!

37 | 38 |
39 |
40 |
41 |
42 |
43 |
44 |
Attention!
45 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, necessitatibus!

46 | 47 |
48 |
49 |
50 |
51 |
52 |
53 |
Attention!
54 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, necessitatibus!

55 | 56 |
57 |
58 |
59 |
60 | 61 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /html5/lesson2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Example of article, header and footer tag

12 |
13 |
14 |
15 |

Article heading

16 |
17 |

18 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 19 |

20 |

21 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 22 |

23 | 31 |
32 |

Written By : Ankit Patel

33 |
34 |
35 |
36 |
37 |

Article heading

38 |
39 |

40 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 41 |

42 |

43 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 44 |

45 | 53 |
54 |

Written By : Ankit Patel

55 |
56 |
57 | 58 |
59 | 60 | -------------------------------------------------------------------------------- /css/lesson4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 52 | 53 | 54 |
55 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora eaque itaque ad, repellendus ab amet voluptatibus, corrupti corporis aspernatur reiciendis expedita laudantium, culpa reprehenderit nesciunt est illum repellat quae placeat adipisci quia quidem non eos. Cum nihil itaque, possimus distinctio nulla dolore reiciendis libero alias similique soluta repellendus id dolorum? Ipsum illum ab ullam eligendi libero laborum provident consequuntur corporis facere eum repellendus temporibus, repellat fugit soluta reiciendis modi earum? Obcaecati animi dolor perspiciatis voluptatibus vel sit deleniti nemo. Quas alias non quaerat dolorem facere expedita nisi, inventore quod cupiditate laborum corporis rerum ipsam. Illum blanditiis excepturi iste laudantium quas nemo, officia libero amet praesentium, deleniti voluptatibus. Quos minima deleniti nulla sequi architecto asperiores recusandae laboriosam eius, consequatur doloribus reprehenderit officia culpa ad ullam dolorum. Velit laboriosam quos aliquam inventore molestias amet quisquam animi obcaecati. Praesentium possimus deserunt iure deleniti alias repellat labore a, at aut commodi facere obcaecati sapiente nisi cum, quibusdam doloremque, hic voluptatum consectetur itaque. Ullam accusamus laboriosam impedit at, quae non consequatur totam, quod quasi explicabo eaque recusandae quibusdam, natus illo laborum. Ipsum at expedita, possimus atque numquam provident reprehenderit reiciendis blanditiis ullam consequuntur, sint, necessitatibus assumenda cum. Molestias, quam laboriosam. Laboriosam possimus ipsum quia iusto. 56 |
57 |
58 |
59 | 60 | -------------------------------------------------------------------------------- /bootstrap/lesson2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 16 | 17 | 18 |
19 |
20 |
21 |

container-fluid

22 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem officia voluptates sint quod voluptas facilis amet blanditiis perferendis nulla nobis ad aut minima provident, sit non delectus libero quisquam exercitationem fugiat illum, expedita veritatis excepturi eaque architecto! Quis dolor ipsam error tenetur dolores ea magni ab. Natus magni obcaecati debitis.

23 |
24 |
25 |
26 |
27 |
28 |
29 |

container

30 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci est ipsum ad facilis obcaecati. Repellendus quae aperiam consequatur ab, blanditiis consequuntur unde! Saepe hic nobis veniam veritatis inventore aspernatur cupiditate repudiandae dolores dicta autem voluptatem officiis laudantium atque dignissimos in itaque facilis error, mollitia consectetur quod maiores nisi? Nemo, amet.

31 |
32 |
33 |
34 |
35 |
36 |
37 |

container-fluid

38 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem officia voluptates sint quod voluptas facilis amet blanditiis perferendis nulla nobis ad aut minima provident, sit non delectus libero quisquam exercitationem fugiat illum, expedita veritatis excepturi eaque architecto! Quis dolor ipsam error tenetur dolores ea magni ab. Natus magni obcaecati debitis.

39 |
40 |
41 |
42 |
43 |
44 |
45 |

container

46 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci est ipsum ad facilis obcaecati. Repellendus quae aperiam consequatur ab, blanditiis consequuntur unde! Saepe hic nobis veniam veritatis inventore aspernatur cupiditate repudiandae dolores dicta autem voluptatem officiis laudantium atque dignissimos in itaque facilis error, mollitia consectetur quod maiores nisi? Nemo, amet.

47 |
48 |
49 |
50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /bootstrap/lesson8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

List

17 |

List

18 |
19 |
20 |
    21 |
  • Apple
    • 22 |
  • Banana
    • 23 |
  • Mango
    • 24 |
  • Pinapple
    • 25 |
  • Kiwi
    • 26 |
27 |
28 |
29 |
    30 |
  • Apple
    • 31 |
  • Banana
    • 32 |
  • Mango
    • 33 |
  • Pinapple
    • 34 |
  • Kiwi
    • 35 |
36 |
37 |
38 |
    39 |
  • Apple
    • 40 |
  • Banana
    • 41 |
  • Mango
    • 42 |
  • Pinapple
    • 43 |
  • Kiwi
    • 44 |
45 |
46 |
47 |
    48 |
  • Apple
    • 49 |
  • Banana
    • 50 |
  • Mango
    • 51 |
52 |
53 |
54 |
55 | 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /html5/lesson5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 27 | 28 | 29 |

Example of summary tag

30 |
31 | Topic Heading 32 |

33 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut debitis impedit sit, quasi quos deserunt reprehenderit accusantium quas molestiae vero assumenda error eligendi laboriosam similique eum molestias sed eius ipsam doloremque aliquam omnis enim facilis, soluta alias. Fuga at dolorum iste sapiente aperiam hic quibusdam magni consectetur? Sequi, exercitationem sed, reiciendis ducimus totam tempora voluptatibus blanditiis aliquid labore fuga quia id. Dignissimos, asperiores? Ducimus sequi temporibus iste voluptatum dolore! Facilis, voluptas totam nam numquam suscipit aliquam amet omnis expedita exercitationem incidunt possimus adipisci accusamus illo dignissimos? Rerum, veritatis ex. Similique repellat laborum et doloribus at impedit? Veniam eveniet excepturi doloribus? 34 |

35 |
36 |
37 | Topic Heading 38 |

39 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut debitis impedit sit, quasi quos deserunt reprehenderit accusantium quas molestiae vero assumenda error eligendi laboriosam similique eum molestias sed eius ipsam doloremque aliquam omnis enim facilis, soluta alias. Fuga at dolorum iste sapiente aperiam hic quibusdam magni consectetur? Sequi, exercitationem sed, reiciendis ducimus totam tempora voluptatibus blanditiis aliquid labore fuga quia id. Dignissimos, asperiores? Ducimus sequi temporibus iste voluptatum dolore! Facilis, voluptas totam nam numquam suscipit aliquam amet omnis expedita exercitationem incidunt possimus adipisci accusamus illo dignissimos? Rerum, veritatis ex. Similique repellat laborum et doloribus at impedit? Veniam eveniet excepturi doloribus? 40 |

41 |
42 |
43 | Topic Heading 44 |

45 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut debitis impedit sit, quasi quos deserunt reprehenderit accusantium quas molestiae vero assumenda error eligendi laboriosam similique eum molestias sed eius ipsam doloremque aliquam omnis enim facilis, soluta alias. Fuga at dolorum iste sapiente aperiam hic quibusdam magni consectetur? Sequi, exercitationem sed, reiciendis ducimus totam tempora voluptatibus blanditiis aliquid labore fuga quia id. Dignissimos, asperiores? Ducimus sequi temporibus iste voluptatum dolore! Facilis, voluptas totam nam numquam suscipit aliquam amet omnis expedita exercitationem incidunt possimus adipisci accusamus illo dignissimos? Rerum, veritatis ex. Similique repellat laborum et doloribus at impedit? Veniam eveniet excepturi doloribus? 46 |

47 |
48 | 49 | -------------------------------------------------------------------------------- /html5/lesson3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Example of article, header and footer tag

12 |
13 |
14 |
15 |
16 |

Article heading

17 |
18 |

19 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 20 |

21 |

22 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 23 |

24 | 32 |
33 |

Written By : Ankit Patel

34 |
35 |
36 |
37 |
38 |

Article heading

39 |
40 |

41 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 42 |

43 |

44 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt temporibus nesciunt, at laudantium reprehenderit dicta, architecto repudiandae mollitia numquam minima, accusantium soluta aut distinctio officiis? Quas non ad vitae, sequi, obcaecati ipsa esse voluptates perferendis temporibus dolores porro maiores! Quaerat voluptatem vel eveniet animi magnam error perspiciatis sapiente rerum exercitationem? 45 |

46 | 54 |
55 |

Written By : Ankit Patel

56 |
57 |
58 | 59 |
60 |
61 | 62 | -------------------------------------------------------------------------------- /html5/localstoragedemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

example of local stroage

19 |
20 |
21 |
22 |
23 | 24 | 25 |
26 |
27 | 28 | 29 |
30 | 31 | 32 | 33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 74 | 75 | -------------------------------------------------------------------------------- /html5/SessionStorageDemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

example of Session stroage

19 |
20 |
21 |
22 |
23 | 24 | 25 |
26 |
27 | 28 | 29 |
30 | 31 | 32 | 33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 74 | 75 | -------------------------------------------------------------------------------- /javascript/lesson20.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 |

Example of 1st technique of event handling

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 | 75 | 76 | -------------------------------------------------------------------------------- /html/create-profile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Create Profile 8 | 9 | 10 |
11 | 12 | 13 | 16 | 17 | 18 | 27 | 28 | 29 | 51 | 52 | 53 | 62 | 63 | 64 | 70 | 71 | 72 | 75 | 76 | 77 | 81 | 82 |
14 | 15 |
19 | select gender
20 | 23 | 26 |
30 | select language you can speak, read, write
31 | 34 | 37 | 40 |
41 | 44 | 47 | 50 |
54 | 61 |
65 | you address
66 | 69 |
select photo
73 | 74 |
78 | 79 | 80 |
83 | 84 | 85 |
86 | 87 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin: 0px; 4 | padding:0px; 5 | } 6 | #header 7 | { 8 | border:2px solid black; 9 | display: flex; 10 | justify-content: space-between; 11 | background-color:darkblue; 12 | } 13 | #container 14 | { 15 | 16 | display: flex; 17 | min-height: 500px; 18 | } 19 | #footer 20 | { 21 | background-color: #eeeeee; 22 | padding: 20px 10px; 23 | position: sticky; 24 | bottom:0px; 25 | left:0px; 26 | } 27 | 28 | #container>div /* this style applies to only direct child of container */ 29 | { 30 | border:1px solid black; 31 | } 32 | #menu 33 | { 34 | width:15%; 35 | } 36 | #content 37 | { 38 | width:70%; 39 | } 40 | #sidebar 41 | { 42 | width:15%; 43 | } 44 | #header>div 45 | { 46 | border: 1px solid black; 47 | } 48 | #footer>ul 49 | { 50 | display: flex; 51 | list-style-type: none; 52 | justify-content: space-around; 53 | } 54 | #title 55 | { 56 | color:white; 57 | text-transform: uppercase; 58 | font-size:28px; 59 | padding-top: 5px; 60 | font-family: 'Teko', sans-serif; 61 | } 62 | #contact 63 | { 64 | color:white; 65 | margin-right: 10px; 66 | padding-top: 15px; 67 | font-family: 'Arimo', sans-serif; 68 | } 69 | #contact>ul 70 | { 71 | list-style-type:none; 72 | } 73 | #contact>ul>li 74 | { 75 | font-size: 20px; 76 | font-weight: bold; 77 | letter-spacing: 1px; 78 | } 79 | #logo 80 | { 81 | padding-top: 10px; 82 | padding-left: 10px; 83 | } 84 | #menu>ul 85 | { 86 | list-style-type: none; 87 | } 88 | #menu>ul>li 89 | { 90 | line-height: 250%; 91 | background-color:darkblue; 92 | margin-top: 20px; 93 | padding-left: 5px; 94 | width: 180px; 95 | border-top-right-radius: 20px; 96 | border-bottom-right-radius: 20px; 97 | box-shadow: 5px 5px 5px gray; 98 | } 99 | #menu>ul>li>a:link, #menu>ul>li>a:visited 100 | { 101 | color: white; 102 | text-decoration: none; 103 | font-family: 'teko',sens-serif; 104 | letter-spacing: 2px; 105 | } 106 | #menu>ul>li>a:hover 107 | { 108 | color:yellow; 109 | font-size:large; 110 | } 111 | #menu>ul>li>a:active 112 | { 113 | color:red; 114 | font-size:large; 115 | } 116 | .newsbox 117 | { 118 | background-color: darkblue; 119 | color:white; 120 | margin: 10px; 121 | padding:10px; 122 | letter-spacing: 1px; 123 | text-align: justify; 124 | box-shadow: 5px 5px 5px gray; 125 | } 126 | .newsbox>h3 127 | { 128 | background-color: white; 129 | color:darkblue; 130 | text-align: center; 131 | padding: 5px; 132 | margin-bottom: 5px; 133 | } 134 | .newsbox>a:link 135 | { 136 | margin-top: 5px; 137 | display: block; 138 | background-color: white; 139 | color:darkblue; 140 | padding: 5px; 141 | text-transform: uppercase; 142 | text-align: center; 143 | } 144 | #content>h1 145 | { 146 | margin: 10px; 147 | padding:10px; 148 | color:darkblue; 149 | text-transform: uppercase; 150 | font-family: 'Arimo', sans-serif; 151 | letter-spacing: 2px; 152 | border-bottom: 2px solid darkblue; 153 | } 154 | #content>p 155 | { 156 | letter-spacing: 1px; 157 | word-spacing: 5px; 158 | line-height: 142%; 159 | font-size: 16px; 160 | text-align: justify; 161 | font-family: 'Arimo', sans-serif; 162 | text-indent: 50px; 163 | padding:0px 10px; 164 | margin-top: 20px; 165 | } 166 | #products 167 | { 168 | display: flex; 169 | flex-wrap: wrap; 170 | justify-content: space-between; 171 | } 172 | .product 173 | { 174 | box-sizing: border-box; 175 | background-color: aliceblue; 176 | border:2px solid darkblue; 177 | padding:5px; 178 | width:23%; 179 | text-align: center; 180 | box-shadow: 5px 5px 5px gray; 181 | margin-bottom: 10px; 182 | } -------------------------------------------------------------------------------- /javascript/lesson18.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

DOM 2nd way of event handling

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 | 86 | 87 | -------------------------------------------------------------------------------- /javascript/cookies_demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Example of cookies

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 | 84 | 85 | -------------------------------------------------------------------------------- /bootstrap/lesson11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 18 | 19 | 20 | 21 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /bootstrap/lesson3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 24 | 25 | 26 |
27 |
28 |
29 |

1

30 |
31 |
32 |

2

33 |
34 |
35 |

3

36 |
37 |
38 |

4

39 |
40 |
41 |

5

42 |
43 |
44 |

6

45 |
46 |
47 |

7

48 |
49 |
50 |

8

51 |
52 |
53 |

9

54 |
55 |
56 |

10

57 |
58 |
59 |

11

60 |
61 |
62 |

12

63 |
64 |
65 |

13

66 |
67 |
68 |

14

69 |
70 |
71 |
72 |
73 |

1

74 |
75 |
76 |

2

77 |
78 |
79 |

3

80 |
81 |
82 |

4

83 |
84 |
85 |

5

86 |
87 |
88 |

6

89 |
90 |
91 |

7

92 |
93 |
94 |
95 |
96 |

1

97 |
98 |
99 |

2

100 |
101 |
102 |

3

103 |
104 |
105 |

4

106 |
107 |
108 |

5

109 |
110 |
111 |
112 |
113 |

1

114 |
115 |
116 |

2

117 |
118 |
119 |

3

120 |
121 |
122 |

4

123 |
124 |
125 |

5

126 |
127 |
128 |
129 |
130 |

1

131 |
132 |
133 |

2

134 |
135 |
136 |
137 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /jquery/dom1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 17 | 18 | 19 |
20 |
21 |
22 |

Example of text, html and val method in jquery

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 | 102 | 103 | -------------------------------------------------------------------------------- /jquery/lesson1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 22 | 23 | 24 |
25 |
26 |
27 |

28 | first 29 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus explicabo vero aliquid harum officia qui, delectus, veritatis deserunt inventore, iusto aliquam enim distinctio obcaecati porro tempore facere. Temporibus, iste debitis. 30 |

31 |

32 | second 33 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus explicabo vero aliquid harum officia qui, delectus, veritatis deserunt inventore, iusto aliquam enim distinctio obcaecati porro tempore facere. Temporibus, iste debitis. 34 |

35 |

36 | third 37 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus explicabo vero aliquid harum officia qui, delectus, veritatis deserunt inventore, iusto aliquam enim distinctio obcaecati porro tempore facere. Temporibus, iste debitis. 38 |

39 |
40 |
41 | 42 |
43 |
44 | StudentLorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat doloremque quas, ullam commodi, quasi quod quisquam hic aut dolore, vero assumenda laudantium quos modi? Voluptatum modi optio esse sed quis! 45 |
46 |
47 | TeacherLorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat doloremque quas, ullam commodi, quasi quod quisquam hic aut dolore, vero assumenda laudantium quos modi? Voluptatum modi optio esse sed quis! 48 |
49 |
50 | StudentLorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat doloremque quas, ullam commodi, quasi quod quisquam hic aut dolore, vero assumenda laudantium quos modi? Voluptatum modi optio esse sed quis! 51 |
52 |
53 | TeacherLorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat doloremque quas, ullam commodi, quasi quod quisquam hic aut dolore, vero assumenda laudantium quos modi? Voluptatum modi optio esse sed quis! 54 |
55 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, molestiae consequatur. Quas dolorum, blanditiis necessitatibus dicta veniam at ducimus natus vitae consectetur, tempore, aliquam saepe. Velit soluta quisquam animi nihil!

56 |
57 |
58 | 59 | 60 | 61 | 62 | 87 | 88 | -------------------------------------------------------------------------------- /javascript/lesson18.2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 20 | 21 | 22 |
23 |
24 |
25 |
26 |
27 |

DOM 2nd way of event handling

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 | 112 | 113 | -------------------------------------------------------------------------------- /javascript/lesson18.3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 20 | 21 | 22 |
23 |
24 |
25 |
26 |
27 |

DOM 2nd way of event handling

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 | 112 | 113 | -------------------------------------------------------------------------------- /css/contactus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 28 |
29 | 39 |
40 |

Contact us

41 |

42 | The easylearn academy
43 | 105, Eva surbhi, opp akshwarwadi,
44 | waghwardi road, Bhavnagar - 364001
45 | theeasylearn@gmail.com
46 | Phone :- 966212857 47 |

48 |

Map

49 |
50 |
51 | 68 |
69 | 79 | 80 | 81 | 99 | 100 | -------------------------------------------------------------------------------- /javascript/lesson21.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

dynamic marksheet

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 |
NameHTMLCSSJavaScripttotal
Alex22334499
bimal11223366
Chintan506070180
51 |
52 |
53 |
54 |
55 |
56 | 57 | 58 | 104 | 105 | -------------------------------------------------------------------------------- /css/lesson3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |

left

12 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

13 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

14 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

15 |
16 |
17 |

right

18 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

19 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

20 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illum reiciendis animi ipsa ex eius excepturi optio laboriosam reprehenderit quasi deserunt ad odit modi in repellendus fugiat hic ab consequatur sed vel. Error animi laudantium nesciunt est repellat ad pariatur saepe, magnam excepturi velit architecto obcaecati molestias vitae aut at laboriosam incidunt iste porro dolore, culpa perferendis! Cum atque repellat facere sit excepturi reiciendis voluptates maiores error cumque vero in dolorem, at perferendis nihil dolores non animi quia quam! Sunt, deleniti eaque. A placeat sed nihil quae, accusamus molestiae architecto consequatur enim officia nemo beatae! Consectetur minus asperiores reiciendis reprehenderit.

21 |
22 | 23 | -------------------------------------------------------------------------------- /bootstrap/lesson17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 |

Grid Form

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 | Select gender
49 |
50 | 51 | 52 |
53 |
54 | 55 | 56 |
57 |
58 |
59 | Select hobbies
60 |
61 | 62 | 63 |
64 |
65 | 66 | 67 |
68 |
69 | 70 | 71 |
72 |
73 |
74 | select Photo
75 | 76 |
77 |
78 | 83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 | 91 | 92 | 93 | 94 | 95 | --------------------------------------------------------------------------------