shubh - HTMLify profile

shubh's Profile Picture

shubh

87 Files

10752 Views

Latest files of shubh

1. jason-goodman-Oalh2MojUuk-unsplash.jpg | Owner: shubh | Views: 26 | Comments: 0 | Open/ Source 142.57 KB

2. courses-intership.html | Owner: shubh | Views: 4 | Comments: 0 | Open/ Source 6.56 KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width

3. courses-internship.css | Owner: shubh | Views: 20 | Comments: 0 | Open/ Source 15.36 KB

* { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; width: 100

4. certification-concept-illustration.png | Owner: shubh | Views: 31 | Comments: 0 | Open/ Source 324.58 KB

5. App.jpg | Owner: shubh | Views: 20 | Comments: 0 | Open/ Source 101.97 KB

6. annie-spratt-QckxruozjRg-unsplash.jpg | Owner: shubh | Views: 21 | Comments: 0 | Open/ Source 198.33 KB

7. about2.jpg | Owner: shubh | Views: 91 | Comments: 0 | Open/ Source 161.0 KB

8. Website.jpg | Owner: shubh | Views: 103 | Comments: 0 | Open/ Source 70.56 KB

9. Web Developer.jpg | Owner: shubh | Views: 32 | Comments: 0 | Open/ Source 105.25 KB

10. System Design.jpg | Owner: shubh | Views: 105 | Comments: 0 | Open/ Source 137.06 KB

11. contact1.jpg | Owner: shubh | Views: 89 | Comments: 0 | Open/ Source 13.5 KB

12. bgimg.jpg | Owner: shubh | Views: 82 | Comments: 0 | Open/ Source 39.83 KB

13. App Development.jpg | Owner: shubh | Views: 94 | Comments: 0 | Open/ Source 1.01 MB

14. about-1.jpg | Owner: shubh | Views: 26 | Comments: 0 | Open/ Source 60.2 KB

15. about1.jpg | Owner: shubh | Views: 105 | Comments: 0 | Open/ Source 38.26 KB

16. home.js | Owner: shubh | Views: 159 | Comments: 0 | Open/ Source 340 B

sidenav = document.querySelector(".sidenav"); menuIcon = document.querySelector(".ri-menu-line"); navCloseBtn = document.query

17. home.css | Owner: shubh | Views: 158 | Comments: 0 | Open/ Source 17.14 KB

* { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; width: 100%; } body {

18. home.html | Owner: shubh | Views: 198 | Comments: 0 | Open/ Source 6.49 KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width

19. bk1.jpg | Owner: shubh | Views: 122 | Comments: 0 | Open/ Source 39.83 KB

20. script.js | Owner: shubh | Views: 114 | Comments: 0 | Open/ Source 340 B

sidenav = document.querySelector(".sidenav"); menuIcon = document.querySelector(".ri-menu-line"); navCloseBtn = document.query

21. style.css | Owner: shubh | Views: 144 | Comments: 0 | Open/ Source 17.08 KB

* { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; width: 100%; } body {

22. index.html | Owner: shubh | Views: 179 | Comments: 0 | Open/ Source 6.5 KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width

23. Cursoreffect.html | Owner: shubh | Views: 131 | Comments: 0 | Open/ Source 664 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in

24. cursoreffect.css | Owner: shubh | Views: 80 | Comments: 0 | Open/ Source 510 B

*{ margin: 0; padding: 0; box-sizing: border-box; } html,body{ width: 100%; height: 100%; } .ract{ borde

25. cursoreffect.js | Owner: shubh | Views: 85 | Comments: 0 | Open/ Source 348 B

window.addEventListener("mousemove", function(details){ let ract = this.document.querySelector(".ract"); let mouseval =

26. Ractangle.js | Owner: shubh | Views: 99 | Comments: 0 | Open/ Source 767 B

let ract = document.querySelector("#ractangle"); ract.addEventListener("mousemove",function(details){ let ractloc = ract.ge

27. Ractangle.css | Owner: shubh | Views: 98 | Comments: 0 | Open/ Source 528 B

*{ margin: 0; padding: 0; box-sizing: border-box; } html,body{ width: 100%; height: 100%; backgr

28. Ractangle.html | Owner: shubh | Views: 155 | Comments: 0 | Open/ Source 709 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

29. bulb.css | Owner: shubh | Views: 89 | Comments: 0 | Open/ Source 808 B

body{ background-color: black; width: 100%; height: 100%; d

30. bulb.html | Owner: shubh | Views: 138 | Comments: 0 | Open/ Source 859 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in

31. semantic interpretation.ppt | Owner: shubh | Views: 81 | Comments: 0 | Open/ Source 647.48 KB

32. Doraemon_Image5.png | Owner: shubh | Views: 75 | Comments: 0 | Open/ Source 21 B

33. index.html | Owner: shubh | Views: 165 | Comments: 0 | Open/ Source 686 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

34. style.css | Owner: shubh | Views: 55 | Comments: 0 | Open/ Source 604 B

body{ background-color: black; background-image: url("BackgroundImage.png"); background-size: cover; } p{ color:

35. Doraemon_Image4.png | Owner: shubh | Views: 70 | Comments: 0 | Open/ Source 21 B

36. README.md | Owner: shubh | Views: 151 | Comments: 0 | Open/ Source 19 B

# HTML-CSS-Projects

37. Doraemon_Image3.png | Owner: shubh | Views: 72 | Comments: 0 | Open/ Source 21 B

38. Doraemon_Image1.png | Owner: shubh | Views: 75 | Comments: 0 | Open/ Source 21 B

39. BackgroundImage.png | Owner: shubh | Views: 51 | Comments: 0 | Open/ Source 21 B

40. Doraemon_Image6.png | Owner: shubh | Views: 69 | Comments: 0 | Open/ Source 21 B

41. Doraemon_Image2.png | Owner: shubh | Views: 70 | Comments: 0 | Open/ Source 21 B

42. removeEventListener.html | Owner: shubh | Views: 190 | Comments: 0 | Open/ Source 1.15 KB

// remove eventlistener <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi

43. Conditional Statement.js | Owner: shubh | Views: 33 | Comments: 0 | Open/ Source 708 B

// Conditional Statement... // if statement let num = prompt("Enter your age:"); if(num >= 18){ console.log("Eligible for v

44. textContent.html | Owner: shubh | Views: 158 | Comments: 0 | Open/ Source 696 B

// DOM Manipulation // textContent properties <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name

45. Functions.js | Owner: shubh | Views: 38 | Comments: 0 | Open/ Source 2.14 KB

// Functions in JavaScript... function myFunction(){ console.log("Hi JavaScript!"); console.log("I'm Shubham"); } myFunction

46. addEventListener.html | Owner: shubh | Views: 175 | Comments: 0 | Open/ Source 756 B

//eventListener <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

47. AlertBox.html | Owner: shubh | Views: 183 | Comments: 0 | Open/ Source 389 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

48. OTP.js | Owner: shubh | Views: 83 | Comments: 0 | Open/ Source 223 B

function generateOTP(){ let otp = " "; let digits = "0123456789"; for(i=0;i<4;i++){ otp += digits [Math.floor(

49. OTP Generator.html | Owner: shubh | Views: 189 | Comments: 0 | Open/ Source 467 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

50. innerHtml.html | Owner: shubh | Views: 157 | Comments: 0 | Open/ Source 620 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

51. templateLiterals.js | Owner: shubh | Views: 35 | Comments: 0 | Open/ Source 128 B

// Template Literals let userName=prompt("enter name: "); let fullName=`@${userName}${userName.length}`; console.log(fullName);

52. Array.js | Owner: shubh | Views: 40 | Comments: 0 | Open/ Source 1.43 KB

// Arrays in JavaScript... let marks=[23,45,67,43,76]; console.log(marks); console.log(marks.length);// Arrays length //Loo

53. Events.js | Owner: shubh | Views: 40 | Comments: 0 | Open/ Source 359 B

//Events in JavaScript... //Event Handling... node.event = () =>{ // handle here }; //Event objects Node.event = (e) =>{ co

54. eventObject.html | Owner: shubh | Views: 158 | Comments: 0 | Open/ Source 768 B

// Event Object <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

55. insertElement.html | Owner: shubh | Views: 167 | Comments: 0 | Open/ Source 1.1 KB

//insert element <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

56. setAttribute.html | Owner: shubh | Views: 162 | Comments: 0 | Open/ Source 569 B

// setAttribute <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

57. ondblclick.html | Owner: shubh | Views: 173 | Comments: 0 | Open/ Source 587 B

// ondblclick event using inline event handling <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na

58. deleteElement.html | Owner: shubh | Views: 156 | Comments: 0 | Open/ Source 924 B

// delete element <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

59. Loops.js | Owner: shubh | Views: 34 | Comments: 0 | Open/ Source 988 B

//Loops in Javascript... //For loop for (let i = 1; i <= 5; i++){ console.log("Hello JavaScript.."); } //Calculate sum of n

60. Operators.js | Owner: shubh | Views: 35 | Comments: 0 | Open/ Source 1.04 KB

// Operators in JavaScript... // Arithmetic Operator let a = 10; let b = 5; console.log(a + b); // Addition console.log(a - b);

61. node.Style.html | Owner: shubh | Views: 145 | Comments: 0 | Open/ Source 741 B

// node.Style <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

62. getAttribute.html | Owner: shubh | Views: 162 | Comments: 0 | Open/ Source 804 B

// getAttribute <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

63. Object.js | Owner: shubh | Views: 38 | Comments: 0 | Open/ Source 258 B

//Here the examples of object in JavaScript.. const profile={ username:"Shubh Kulshrestha", posts:1, followers:85,

64. README.md | Owner: shubh | Views: 156 | Comments: 0 | Open/ Source 44 B

# JavaScript JavaScript small projects....

65. OTP.css | Owner: shubh | Views: 85 | Comments: 0 | Open/ Source 1023 B

body { margin: 0; padding: 0; background: linear-gradient(120deg, rgb(10, 10, 208), rgb(246, 3, 3)); background-

66. javas.js | Owner: shubh | Views: 36 | Comments: 0 | Open/ Source 25 B

let a=10; console.log(a);

67. onclick.html | Owner: shubh | Views: 180 | Comments: 0 | Open/ Source 587 B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

68. ToggleButton.html | Owner: shubh | Views: 156 | Comments: 0 | Open/ Source 1.0 KB

// Toggle Button to switch light theme to dark.. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na

69. innerText.html | Owner: shubh | Views: 179 | Comments: 0 | Open/ Source 639 B

// DOM Manipulation // innerText properties <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=

70. StringMethods.js | Owner: shubh | Views: 34 | Comments: 0 | Open/ Source 897 B

//String Methods //str.toUpperCase() let str="Shubh"; console.log(str.toUpperCase()); //str.toLowerCase() let str="Shubh"; cons

71. DOM Manipulation.js | Owner: shubh | Views: 33 | Comments: 0 | Open/ Source 777 B

//DOM Manipulation in JS... // Selecting With id document.getElementById("myId"); // Selecting With class document.getElementB

72. OTP.js | Owner: shubh | Views: 110 | Comments: 0 | Open/ Source 245 B

function generateOTP(){ let otp = " "; let digits = "0123456789"; for(i=0;i<4;i++){ otp += digits [Mat

73. OTP.css | Owner: shubh | Views: 99 | Comments: 0 | Open/ Source 1.07 KB

body { margin: 0; padding: 0; background: linear-gradient(120deg, rgb(10, 10, 208), rgb(246, 3, 3)); backgro

74. OTP Generator.htm | Owner: shubh | Views: 197 | Comments: 0 | Open/ Source 481 B

75. BackgroundImage.png | Owner: shubh | Views: 108 | Comments: 0 | Open/ Source 139.04 KB

76. Image Cards.html | Owner: shubh | Views: 287 | Comments: 0 | Open/ Source 1.57 KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

77. Doraemon_Image6.png | Owner: shubh | Views: 167 | Comments: 0 | Open/ Source 93.39 KB

78. Doraemon_Image5.png | Owner: shubh | Views: 164 | Comments: 0 | Open/ Source 156.63 KB

79. Doraemon_Image4.png | Owner: shubh | Views: 164 | Comments: 0 | Open/ Source 379.08 KB

80. Doraemon_Image3.png | Owner: shubh | Views: 165 | Comments: 0 | Open/ Source 111.45 KB

81. Doraemon_Image2.png | Owner: shubh | Views: 163 | Comments: 0 | Open/ Source 162.56 KB

82. Doraemon_Image1.png | Owner: shubh | Views: 161 | Comments: 0 | Open/ Source 151.38 KB

83. LandingPageStyle.css | Owner: shubh | Views: 74 | Comments: 0 | Open/ Source 2.18 KB

* { margin: 0px; padding: 0px; box-sizing: border-box; } body { background-image: url("LPBGI.jpg");

84. Landing Page.html | Owner: shubh | Views: 204 | Comments: 0 | Open/ Source 1.52 KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc

85. jewerlery.jpg | Owner: shubh | Views: 104 | Comments: 0 | Open/ Source 2.3 MB

86. LPBGI.jpg | Owner: shubh | Views: 82 | Comments: 0 | Open/ Source 233.04 KB

87. VID-20220908-WA0004.mp4 | Owner: shubh | Views: 1361 | Comments: 14 | Open/ Source 0 B