From e6ecbb42be9cf166d209ec00a577c29f74fa8a90 Mon Sep 17 00:00:00 2001 From: Mohin Goyal Date: Sun, 9 Nov 2025 17:14:33 +0530 Subject: [PATCH] Added my HTML, CSS, JS files --- README.md | Bin 2432 -> 854 bytes index.html | 40 +++++++++++++++++++++ script.js | 3 ++ style.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 143 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/README.md b/README.md index 7d95e0f02fd2534d7fa3bd472e21e7a403ed3221..1f65f5e47cf8bc017755f75d93a4d3596f490c2c 100644 GIT binary patch literal 854 zcmZ8gL5|xn47}$R1bS(KB;P3Z&|5!1OSHvC7F|(J;NR~^2~unU1GXh9V`j!mC_Pzmq!QSr6K*w%M{8`97`cu2yKaO85@+uzK@k8`(?`nJCKr zditPQt2bIX3UQ&-){Lbr^hg>KC62^7Q%hK>+L{y!R`6=nj3yyKJ_>RQ2d{X-JM`jh9b^Q>M(4EmzQAK>X{}E zx1~Z)MCEhEYDD2yZIjwSb{>bKu2Ooq-gVr$s_npqso#?zNMLPTd8xdmbGI1S!`~l- zxfz~zIsdYj7LXV`ToDQE>f_O4q-=Hry*N_i3C4`9g!iWNp3!<{Z~6Gr{41tcmJ_=M zOwjR8v{Um4=`}&<4MVy@*o3P0ki15sw>8cRd_iPy)x!&yS8KQc4DlWOtNK1Ha0H2=ZJJ-`EK7BIL literal 2432 zcmai0U2fAr5T0iw4#3-{d1)Nj(bJ!4y|;~>KJ=tmFY!xzjCumR z=CIEdVsu@E^kbsYJW`zw^3?eeXFNg~bP|0-!=j;;2zHoR!=;4OShJd`EWP*IdiY8p zH^C0kiy)h*1tMBt^#ndx?xU6;Z{fY)i4{-sCR0{13uI6;n<+evAwlGg0dFe#6j?aH z$+rGJ_%~D^O6W1&WXPuSfq5+CF6Lz5xoWg|0l#9b8l$#aK1a$?=7i`cz>(ZDUK2xd zhuNZ5evy-u^qfjm^AxM((4yi`@W5e>88$AzhV&Be5ZZ_^@gnxjBI7-Q-wVX`g zo=XorJjA#IyiPT<)JLr*888hM6zbDe)k0ZT8ONfspVXcO9loA!V)%D3d|f}VND4%j zBbLCG&?j~g33>HGb2Qb6i0A)0#VUJVLb{Y!u)sQHc8NLhFRR+zQ!7L@Amy{R4kvag z>nnzoF=@40n-UJXt=iZ#d~LQl-u9DRU>5v2-$(ANuRY|3npiumiDpi&c7+iTV9%i6 zZ9W9fHodicK2S^Sdow)5FmyfkS9*9>XM{X#@}9ObFX7t{Ildm1Cyz7}_UOZGU4uRwpR_tb>M@_A?X~>1DV|><= zL$7SsOXzQ8M+z%ry!>``S8?(Lvkg=%Z@6{+d>#9Yd#q2-(VOm|4Yg?9s z3`SX}Ol$dGm4|hH5P_MpfSE}YGj?gBz&T@zWET(pbaI4jEwMLKS^B>x_wepR>ZT6z z4IShNXW8u?YMK8Y=JK@m^FZ$(s{;OmV0Bx@jDzgP{$B)RA)lCwk?Ldxkxkaw?S!$C zjOLBQUhnzrQD=Q-s0(tMSlGR^djH${7`RaO3(ioQU5#10 + + + + + Document + + + + + +

Hi, My Name is Mohin Goyal

+

"Building web, one element at a time"

+

I am a student in Thapar Institute of information and technology and I have joined MLSC to learn exceptional skills in modern fields like web development with interactive seniors.I hope it will be a really good journey ahead.

+

Get in touch with me;

+ +
+
+
+
+ + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..488c9b9 --- /dev/null +++ b/script.js @@ -0,0 +1,3 @@ +function changeColor() {document.body.style.backgroundColor="lightgreen";} +function changeColor1() {document.body.style.backgroundColor="lightblue";} +function changeColor2() {document.body.style.backgroundColor="lavender";} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..e8637ae --- /dev/null +++ b/style.css @@ -0,0 +1,100 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +html,body{ + height: 100%; + width: 100%; +} +h1{ color:rgba(237, 239, 236, 0.908); + font-size: 85px ; + font-family: cursive; + text-align: center; + font-weight: bolder; + background-color: black; +text-shadow: 60px; +margin-bottom: 10px;} + + h2{ color: rgb(6, 9, 3); + font-size: 55px; +font-family: cursive; +font-style: italic; + text-align:center ; + font-weight: bold; +} + +p{ color: color-mix(in srgb, rgb(0, 0, 0) 40%, rgba(255, 64, 0, 0.74) 60%); +text-align: center; +font-size: 35px; +text-decoration: wavy; +font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +font-weight: lighter; + margin: 50px; + padding: 20px;} + +#box{ height:18% ; +width: 80%; +background-color: rgba(250, 235, 215, 0.421); +margin-top: 45px; +margin-left: 10%; +border-radius: 40px; +display: flex; +justify-content: space-evenly; +align-items: center; +} + +#email{ height: 80px; +width: 100px; +border-color: black; +font-size: 21px; +border-width: 5px; +border-color: black; +border-style: groove; +text-align: center; +border-radius: 25px; +background-color: rgba(250, 235, 215, 0.185);} + +#linkedin{height: 80px; +width: 180px; +border-color: black; +font-size: 21px; + background-color: rgba(250, 235, 215, 0.185); + border-width: 5px; + border-color: black; + border-style: groove; + text-align: center; + border-radius: 25px; +} + +#Github{ + height: 80px; + width: 190px; + background-color: rgba(250, 235, 215, 0.185); + border-color: black; + border-width: 5px; + border-style: groove; + font-size: 21px; + text-align: center; + border-radius: 25px; + } + #Changebackgroundcolors{height: 10%; +width: 100%; +justify-content: space-evenly; +align-items: center; +display: flex; + +} +#backgroundcolors{height: 40px; +width: 70%; +display: flex; +justify-content: space-evenly;} + + + + + + + + +