├── IMG ├── 1080x360.jpg ├── linkedin.png ├── naman_SIH.jpg ├── octocat-1.png ├── octocat-2.png └── profile.jpeg ├── .all-contributorsrc ├── script.js ├── README.md ├── index.html ├── style.css └── hacktoberfest.html /IMG/1080x360.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/1080x360.jpg -------------------------------------------------------------------------------- /IMG/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/linkedin.png -------------------------------------------------------------------------------- /IMG/naman_SIH.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/naman_SIH.jpg -------------------------------------------------------------------------------- /IMG/octocat-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/octocat-1.png -------------------------------------------------------------------------------- /IMG/octocat-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/octocat-2.png -------------------------------------------------------------------------------- /IMG/profile.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numcys/Introduction-webpage/HEAD/IMG/profile.jpeg -------------------------------------------------------------------------------- /.all-contributorsrc: -------------------------------------------------------------------------------- 1 | { 2 | "projectName": "Introduction-webpage", 3 | "projectOwner": "Naman-sharma00100", 4 | "files": [ 5 | "README.md" 6 | ], 7 | "commitType": "docs", 8 | "commitConvention": "angular", 9 | "contributorsPerLine": 7, 10 | "contributors": [ 11 | { 12 | "login": "Naman-sharma00100", 13 | "name": "Naman Sharma", 14 | "avatar_url": "https://avatars.githubusercontent.com/u/84118525?v=4", 15 | "profile": "https://github.com/Naman-sharma00100", 16 | "contributions": [ 17 | "projectManagement" 18 | ] 19 | }, 20 | { 21 | "login": "harshit-paneri", 22 | "name": "Harshit Paneri", 23 | "avatar_url": "https://avatars.githubusercontent.com/u/82382478?v=4", 24 | "profile": "http://harshit.biz", 25 | "contributions": [ 26 | "projectManagement" 27 | ] 28 | } 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // Scroll to Top Button Code Starts Here 2 | 3 | let calcScrollValue = () => { 4 | let scrollProgress = document.getElementById("progress"); 5 | let progressValue = document.getElementById("progress-value"); 6 | let pos = document.documentElement.scrollTop; 7 | let calcHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; 8 | let scrollValue = Math.round((pos * 100) / calcHeight); 9 | 10 | if(pos>100){ 11 | scrollProgress.style.display = "grid"; 12 | } 13 | else{ 14 | scrollProgress.style.display = "none"; 15 | } 16 | 17 | scrollProgress.addEventListener("click", () => { 18 | document.documentElement.scrollTop = 0; 19 | }); 20 | scrollProgress.style.background = `conic-gradient(#4C4C4C ${scrollValue}%, #d7d7d7 ${scrollValue}%)`; 21 | }; 22 | 23 | 24 | 25 | window.onscroll = calcScrollValue; 26 | window.onload = calcScrollValue; 27 | 28 | // Scroll to Top Button Code Ends Here -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hacktoberfest 2022 2 |
3 | 4 |
5 | Follow the README below to get started! 6 | # Introduction-webpage 7 | This is an introductory Web Page where i have written down about me. 8 | 9 | ##How you can contribute: 10 | 11 | #Code: 12 | 13 | --> GO to ISSUES tab and contribute in any previously created issue or create a new issue. 14 | 15 | #Non-code 16 | 17 | --> You can work toward making the readme and introduction better in the repository. You can also add more data to the website or correct incorrect data. 18 | 19 | #Please star the repository if you think it is beginner friendly. 20 | 21 | * Note : Create issue first or Work on created issue 22 | 23 | You can edit the code and Send me the PR by adding your name in the "The people Who contributed" section in the last part of the code too along with your changes. 24 | 25 | 26 | ## Getting Started 27 | 28 | * Note : Create issue first or Work on created issue 29 | 30 | 1. Fork this repository 31 | 2. Run `git clone [your repo url goes here]` 32 | 3. CD into your cloned repo 33 | 4. Run `git checkout -b [your branch name goes here]` to create your new branch 34 | 5. Make your edits and save 35 | 6. Run `git add .` 36 | 7. Run `git commit -m 'Commit message goes here'` 37 | 8. Finally, run `git push origin [your branch name goes here]` 38 | 9. **Star this repo** 39 | 10. Create a new pull request from your forked repository (Click the `New Pull Request` button located at the top of your repo) 40 | 11. Wait for your new PR to be reviewed and merged! 41 | 42 | 43 | ## Hall of Contributors - 2023 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
Naman Sharma
Naman Sharma
📆		Harshit Paneri
Harshit Paneri
📆
56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Naman Sharma 16 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 |
28 | 🠕 29 |
30 | 31 |
32 | 47 |
48 | 49 |
50 |
51 |
52 |

53 |
54 | Naman Sharma 55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |

65 |
66 |

67 | Naman 68 | is an enthusiastic, young web applications developer currently 69 | studying at the Techno India NJR Institute of Technology. 70 |

71 |

72 | He is a C++ coder interested in competitive coding and often 73 | competes on platforms like Codechef and Hackerrank. I Work on my 74 | skills and you can see the rest of my accomplishments on my 75 | linkedin profile- 76 | Naman_sharma. He is continuously 77 | working on personal projects to up his game. 78 |

79 | 80 |

81 | Look for some of his codes on & 82 | Codechef, 83 | HackerRank, Be sure to check in to 84 | see any updates on this. 85 |

86 |
    87 |

    88 |

    89 | Feel free to contact him at 90 | Naman.sharma00100@gmail.com 91 | if you'd like for him to work for you! 92 |

    93 |

    94 | This Repository Is Part Hacktoberfest ⇨ 95 |

    96 |
    97 | 98 | 120 |
    121 |
    122 |

    Contributors of 2021

    123 |
    124 |
    125 |
    152 |
    153 |
  • 154 | Agyeya Mishra 155 |
    • 156 |
  • 157 | Sanjay Menaria 158 | 159 |
    • 160 |
  • 161 | Parth Johri 162 |
    • 163 |
  • 164 | Lakshya Paneri 165 |
    • 166 |
  • 167 | Dhruv jena 168 |
    • 169 |
  • 170 | Mars 171 |
    • 172 |
  • 173 | Saumitra 174 |
    • 175 | 176 | 177 |
    178 |
    179 | 180 |
    181 |
    182 | 183 |
    184 |
    185 |
    186 |
    187 | 188 |
    189 |
    190 |

    Contributors of 2022

    191 | 255 |
    256 |
    257 | 285 |
    286 |
    287 |
    288 | 289 | 290 | 291 | 292 | 293 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* @import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900); */ 2 | * { 3 | font-family: "poppins", sans-serif; 4 | } 5 | body { 6 | background-color: #141414; 7 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEyMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBwYXR0ZXJuVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBpZD0nYycgd2lkdGg9JzYwJyBoZWlnaHQ9JzEyMCcgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDUgMTAnPgoJCQk8cGF0aCBmaWxsLW9wYWNpdHk9JzAnIHN0cm9rZT0nIzI5MjkyOScgc3Ryb2tlLXdpZHRoPScwLjA5JyBkPSdNLTIsMUw3LDEwTS0yLDZMNywxNU0tMiwtNEw3LDUnLz4KCQk8L3BhdHRlcm4+CgkJPHBhdHRlcm4gcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgaWQ9J2MyJyB3aWR0aD0nNjAnIGhlaWdodD0nMTIwJyB4PScxMDAlJyB5PScwJyB2aWV3Qm94PScwIDAgNSAxMCc+CgkJCTxwYXRoIGZpbGwtb3BhY2l0eT0nMCcgc3Ryb2tlPScjMjkyOTI5JyBzdHJva2Utd2lkdGg9JzAuMDknIGQ9J003LDFMLTIsMTBNNyw2TC0yLDE1TTcsLTRMLTIsNScvPgoJCTwvcGF0dGVybj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPSc1MCUnIGhlaWdodD0nMTAwJScgZmlsbD0ndXJsKCNjKScvPgoJPHJlY3QgeD0nNTAlJyB3aWR0aD0nNTAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYzIpJy8+Cjwvc3ZnPg=="); 8 | 9 | margin: 0; 10 | padding: 0; 11 | overflow-x: hidden; 12 | height: 100%; 13 | font-weight: 300; 14 | font-size: 20px; 15 | line-height: 1.45; 16 | color: #eee; 17 | color: rgba(260, 260, 260, 0.85); 18 | } 19 | html { 20 | scroll-behavior: smooth; 21 | } 22 | 23 | ::-webkit-scrollbar { 24 | width: 15px; 25 | } 26 | ::-webkit-scrollbar-track { 27 | background-color: transparent; 28 | } 29 | ::-webkit-scrollbar-thumb { 30 | background: #fff; 31 | } 32 | ::-webkit-scrollbar-thumb:hover { 33 | background: #1d2d44; 34 | } 35 | /* Navbar styling */ 36 | header { 37 | width: 100%; 38 | height: 10vh; 39 | background-size: cover; 40 | background-attachment: fixed; 41 | } 42 | 43 | nav { 44 | width: 100%; 45 | background-color: #4c4c4c; 46 | color: #28282B; 47 | display: flex; 48 | justify-content: space-around; 49 | align-items: center; 50 | padding: 0 80px; 51 | position: fixed; 52 | top: 0; 53 | z-index: 1; 54 | } 55 | 56 | .logo { 57 | width: 10rem; 58 | display: flex; 59 | justify-content: center; 60 | align-items: center; 61 | } 62 | 63 | .logo img { 64 | width: 33%; 65 | border: 3px solid #ccc; 66 | border-radius: 50px; 67 | padding: 3px; 68 | margin-right: 150px; 69 | } 70 | .dropdown { 71 | position: relative; 72 | display: inline-block; 73 | } 74 | .dropdown span{ 75 | font-weight: 600; 76 | } 77 | .dropdown-content { 78 | display: none; 79 | position: absolute; 80 | background-color: #4c4c4c; 81 | min-width: 140px; 82 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 83 | padding: 12px 16px; 84 | z-index: 1; 85 | } 86 | hr{ 87 | width: 100%; 88 | color: white; 89 | } 90 | .dropdown:hover .dropdown-content { 91 | text-align: center; 92 | display: flex; 93 | flex-direction: column; 94 | } 95 | .dropdown-link:hover{ 96 | text-decoration: none; 97 | color:rgb(164, 226, 246); 98 | opacity: 3; 99 | -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; 100 | -moz-transition: -moz-transform 0.3s, opacity 0.2s; 101 | transition: transform 0.3s, opacity 0.2s; 102 | transform-box: 6px; 103 | } 104 | 105 | /* hover effect of contibution menu item */ 106 | 107 | .dropdown-link::before, 108 | .dropdown-link::after { 109 | display: inline-block; 110 | opacity: 0; 111 | -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; 112 | -moz-transition: -moz-transform 0.3s, opacity 0.2s; 113 | transition: transform 0.3s, opacity 0.2s; 114 | } 115 | 116 | 117 | .dropdown-link::before { 118 | margin-right: 10px; 119 | content: '['; 120 | -webkit-transform: translateX(20px); 121 | -moz-transform: translateX(20px); 122 | transform: translateX(20px); 123 | } 124 | 125 | .dropdown-link::after { 126 | margin-left: 10px; 127 | content: ']'; 128 | -webkit-transform: translateX(-20px); 129 | -moz-transform: translateX(-20px); 130 | transform: translateX(-20px); 131 | } 132 | 133 | .dropdown-link:hover::before, 134 | .dropdown-link:hover::after, 135 | .dropdown-link:focus::before, 136 | .dropdown-link:focus::after { 137 | opacity: 1; 138 | -webkit-transform: translateX(0px); 139 | -moz-transform: translateX(0px); 140 | transform: translateX(0px); 141 | } 142 | 143 | /*END */ 144 | 145 | .menu>a,.dropdown span { 146 | text-decoration: none; 147 | color: black; 148 | padding: 0 20px; 149 | font-size: 25px; 150 | } 151 | 152 | .menu>a:first-child { 153 | color: white; 154 | font-size: 30px; 155 | text-decoration: none; 156 | } 157 | 158 | .menu>a:hover ,.dropdown span:hover{ 159 | color: white; 160 | font-size: 30px; 161 | text-decoration: none; 162 | } 163 | .dropdown-link{ 164 | color: white; 165 | font-size: 20px; 166 | } 167 | 168 | #container { 169 | padding-top: 50px; 170 | } 171 | #content { 172 | max-width: 60em; 173 | padding: 10px; 174 | margin: 0 auto; 175 | } 176 | #name{ 177 | color: white; 178 | font-weight: bold; 179 | letter-spacing: 1px; 180 | text-shadow: 0 1px 0 #ccc, 181 | 0 2px 0 #c9c9c9, 182 | 0 3px 0 #bbb, 183 | 0 4px 0 #b9b9b9, 184 | 0 5px 0 #aaa, 185 | 0 6px 1px rgba(0,0,0,.1), 186 | 0 0 5px rgba(0,0,0,.1), 187 | 0 1px 3px rgba(0,0,0,.3), 188 | 0 3px 5px rgba(0,0,0,.2), 189 | 0 5px 10px rgba(0,0,0,.25), 190 | 0 10px 10px rgba(0,0,0,.2), 191 | 0 20px 20px rgba(0,0,0,.15); 192 | } 193 | h1 { 194 | font-size: 4.8em; 195 | font-weight: 100; 196 | text-transform: uppercase; 197 | margin: 0; 198 | } 199 | h3 { 200 | font-size: 2.4em; 201 | font-weight: 300; 202 | line-height: 1.5; 203 | } 204 | p, 205 | li { 206 | font-size: 1.7em; 207 | } 208 | a { 209 | font-weight: 600; 210 | text-decoration: none; 211 | color: #fff; 212 | } 213 | a:hover { 214 | text-decoration: underline; 215 | color: #e7c6ff; 216 | } 217 | p#pleft { 218 | max-width: 20em; 219 | float: left; 220 | } 221 | p#pright { 222 | max-width: 20em; 223 | float: left; 224 | } 225 | ul { 226 | clear: both; 227 | } 228 | 229 | html { 230 | font-size: 62.5%; 231 | } 232 | body { 233 | font-size: 1em; 234 | } 235 | .box-1 { 236 | display: flex; 237 | } 238 | .octacat-1 { 239 | height: auto; 240 | text-align: center; 241 | padding: 15px; 242 | border: 3px solid transparent; 243 | margin-left: 50px; 244 | } 245 | .octacat-2 { 246 | margin-right: 30px; 247 | } 248 | img { 249 | -o-object-fit: cover; 250 | object-fit: cover; 251 | } 252 | .inner-box { 253 | display: flex; 254 | } 255 | .inner-box2 { 256 | margin-left: 30px; 257 | margin-top: 15px; 258 | } 259 | .contributors-heading { 260 | font-size: 2rem; 261 | color: #90e0ef; 262 | } 263 | .contributors-2021 { 264 | font-family: "poppins", sans-serif; 265 | width: 600px; 266 | margin: 40px 0px; 267 | background-color: #1d2d44; 268 | padding: 20px; 269 | border-radius: 20px; 270 | box-shadow: 0 0 10px 10px #48abe0; 271 | } 272 | /* PYRAMID CODE */ 273 | .stage { 274 | transform: scale(0.85); 275 | float: right; 276 | margin-right: 120px; 277 | margin-top: 30px; 278 | width: 0px; 279 | height: 0px; 280 | 281 | position: relative; 282 | -webkit-perspective: 1200px; 283 | -webkit-perspective-origin: 50% 50%; 284 | perspective: 1200px; 285 | perspective-origin: 50% 50%; 286 | } 287 | .pyramid3d { 288 | position: relative; 289 | width: 150px; 290 | height: 150px; 291 | transform-style: preserve-3d; 292 | transform: rotateX(75deg) rotate(65deg); 293 | -webkit-animation: turnPyramid 10s linear infinite; 294 | animation: turnPyramid 10s linear infinite; 295 | } 296 | .triangle { 297 | transform-style: preserve-3d; 298 | width: 0; 299 | height: 0; 300 | background: none; 301 | } 302 | .triangle:before { 303 | content: ""; 304 | position: absolute; 305 | height: 0; 306 | width: 0; 307 | border-style: solid; 308 | border-width: 176px 75px 0 75px; 309 | } 310 | .side1 { 311 | transform: translatex(0) rotatey(115.2deg) rotatez(90deg); 312 | } 313 | .side2 { 314 | transform: translatex(150px) rotatez(90deg) rotatex(64.8deg); 315 | } 316 | .side3 { 317 | transform: translatez(0) rotatex(64.8deg); 318 | } 319 | .side4 { 320 | transform: translatey(150px) rotatex(115.2deg); 321 | } 322 | .side1:before { 323 | border-color: rgba(115, 115, 0, 0.3) transparent transparent transparent; 324 | } 325 | .side2:before { 326 | border-color: rgba(20, 90, 225, 0.3) transparent transparent transparent; 327 | } 328 | .side3:before { 329 | border-color: rgba(255, 0, 0, 0.3) transparent transparent transparent; 330 | } 331 | .side4:before { 332 | border-color: rgba(0, 255, 255, 0.3) transparent transparent transparent; 333 | } 334 | 335 | @-webkit-keyframes turnPyramid { 336 | 100% { 337 | -webkit-transform: rotateX(75deg) rotate(425deg); 338 | } 339 | } 340 | @keyframes turnPyramid { 341 | 100% { 342 | transform: rotateX(75deg) rotate(425deg); 343 | } 344 | } 345 | 346 | @media (max-width: 300px) { 347 | html { 348 | font-size: 70%; 349 | } 350 | .stage { 351 | transform: scale(0.05); 352 | } 353 | } 354 | @media (max-width: 440px) { 355 | h1 { 356 | line-height: 55px; 357 | } 358 | } 359 | @media (max-width: 460px) { 360 | .stage { 361 | position: absolute; 362 | top: 25px; 363 | left: 50%; 364 | margin-left: -45px; 365 | } 366 | h1 { 367 | margin-top: 50px; 368 | text-align: center; 369 | } 370 | } 371 | @media (max-width: 600px) { 372 | .stage { 373 | transform: scale(0.55); 374 | margin-right: 60px; 375 | } 376 | } 377 | @media (min-width: 600px) { 378 | html { 379 | font-size: 80%; 380 | } 381 | .stage { 382 | transform: scale(0.68); 383 | margin-right: 80px; 384 | } 385 | } 386 | @media (min-width: 880px) { 387 | html { 388 | font-size: 120%; 389 | } 390 | p, 391 | li { 392 | font-size: 1em; 393 | } 394 | p#pright { 395 | margin-left: 3em; 396 | } 397 | .stage { 398 | transform: scale(0.85); 399 | margin-right: 120px; 400 | } 401 | } 402 | 403 | .profile{ 404 | border-radius: 50%; 405 | } 406 | 407 | .wrapper { 408 | display: flex; 409 | align-items: center; 410 | justify-content: center; 411 | padding-top: 10px; 412 | } 413 | 414 | .wrapper .button { 415 | display: inline-block; 416 | height: 40px; 417 | width: 40px; 418 | float: left; 419 | margin: 0 5px; 420 | overflow: hidden; 421 | background: #fff; 422 | border-radius: 50px; 423 | cursor: pointer; 424 | box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); 425 | transition: all 0.3s ease-out; 426 | } 427 | 428 | .wrapper .button .icon { 429 | display: inline-block; 430 | height: 40px; 431 | width: 40px; 432 | text-align: center; 433 | border-radius: 40px; 434 | box-sizing: border-box; 435 | line-height: 40px; 436 | transition: all 0.3s ease-out; 437 | } 438 | 439 | .wrapper .button:nth-child(1):hover .icon { 440 | background: #0077b5; 441 | } 442 | 443 | .wrapper .button:nth-child(2):hover .icon { 444 | background: #333; 445 | } 446 | 447 | .wrapper .button:nth-child(3):hover .icon { 448 | background: #4267b2; 449 | } 450 | 451 | .wrapper .button:nth-child(4):hover .icon { 452 | background: #1da1f2; 453 | } 454 | 455 | .wrapper .button:nth-child(5):hover .icon { 456 | background: #e1306c; 457 | } 458 | 459 | .wrapper .button .icon i { 460 | font-size: 25px; 461 | line-height: 40px; 462 | transition: all 0.3s ease-out; 463 | } 464 | 465 | .wrapper .button:hover .icon i { 466 | color: #fff; 467 | } 468 | 469 | .wrapper .button:nth-child(1) a { 470 | color: #0077b5; 471 | } 472 | 473 | .wrapper .button:nth-child(2) a { 474 | color: #333; 475 | } 476 | 477 | .wrapper .button:nth-child(3) a { 478 | color: #4267b2; 479 | } 480 | 481 | .wrapper .button:nth-child(4) a { 482 | color: #1da1f2; 483 | } 484 | 485 | .wrapper .button:nth-child(5) a { 486 | color: #e1306c; 487 | } 488 | 489 | footer { 490 | display: flex; 491 | flex-direction: column; 492 | align-items: center; 493 | justify-content: center; 494 | text-align: center; 495 | padding: 20px 23px; 496 | color: #fff; 497 | } 498 | 499 | footer span .author { 500 | color:burlywood; 501 | font-weight: 600; 502 | } 503 | 504 | footer span i { 505 | transition: all 0.3s ease; 506 | color: #fff; 507 | } 508 | 509 | footer span i:hover { 510 | color: red; 511 | transform: scale(1.2); 512 | } 513 | 514 | /* Scroll to Top Button Code Starts Here */ 515 | html{ 516 | scroll-behavior: smooth; 517 | } 518 | #progress{ 519 | position: fixed; 520 | bottom: 20px; 521 | right: 10px; 522 | height: 70px; 523 | width: 70px; 524 | display: none; 525 | place-items: center; 526 | border-radius: 50%; 527 | box-shadow: 0 0 10px rgba(0 0 0 0.2); 528 | cursor: pointer; 529 | } 530 | #progress-value{ 531 | display: block; 532 | height: calc(100% - 15px); 533 | width: calc(100% - 15px); 534 | background-color: white; 535 | border-radius: 50%; 536 | display: grid; 537 | place-items: center; 538 | font-size: 35px; 539 | color: #001a2e; 540 | } 541 | .stars { 542 | height: auto; 543 | color: gold; 544 | text-align: center;border: 0; 545 | margin: 1.35em auto; 546 | max-width: 100%; 547 | background-position: 50%; 548 | box-sizing: border-box; 549 | } 550 | .stars:after { 551 | 552 | content: "★"; 553 | font-size: 2em; 554 | text-shadow: -2em 0, -1em 0, 1em 0, 2em 0; 555 | 556 | 557 | } 558 | 559 | /* Scroll to Top Button Code Ends Here */ 560 | -------------------------------------------------------------------------------- /hacktoberfest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Naman Sharma 16 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 |
    28 | 🠕 29 |
    30 | 31 |
    32 | 47 |
    48 | 49 |
    50 |
    51 |
    52 |

    53 |
    54 | Naman Sharma 55 |
    56 |
    57 |
    58 |
    59 |
    60 |
    61 |
    62 |
    63 |
    64 |
    65 | Hacktoberfest 2022 66 | 67 |
    68 |

    69 |
    70 |
    71 |
    72 |

    73 |

    74 | 75 |
    76 |

    77 | Feel free to contact him at Naman.sharma00100@gmail.com if you'd like for him to work for you! 78 |

    79 |
    80 |
    81 |
    82 | 83 |
    84 |
    85 | 86 |
    87 |
      88 |

      89 | Follow the README below to get started! # Introduction-webpage 90 | This is a introduction Webpage where i have written down about me. 91 | You can edit the code and add your name in "The people Who 92 | contributed" section in the last of the code. 93 |

      94 |
      95 | 96 | 97 |

      98 | Introduction-webpage 99 |

      100 | 101 | 102 |

      103 | This is a introduction Webpage where i have 104 | written down about me. You can edit the code and add your name in 105 | "The people Who contributed" section in the last of the code. 106 |

      107 | 108 |

      109 | Getting Started 110 |

      111 | 112 | 113 |

      114 | ▶ Note : Create issue first or Work on created 115 |

      116 | 1. Fork this repository 117 |

      118 | 2. Run `git clone [your repo url goes here]` 119 |

      120 | 121 | 3. CD into your cloned repo 122 |

      123 |

      124 | 4. Run `git checkout -b[your branch name goes here]` to create your new branch 125 |

      126 |

      127 | 5. Make your edits and save 128 |

      129 |

      130 | 6. Run `git add .` 131 |

      132 |

      133 | 7. Run `git commit -m 'Commit message goes here'` 134 |

      135 |

      136 | 8. Finally, run `git push origin [your branch name goes here]` 137 |

      138 |

      139 | 9. **Star this repo** 140 |

      141 |

      142 | 10. Create a new pull request from your forked repository (Click the `New Pull Request` button 143 | located at the top of your repo) 144 |

      145 |

      146 | 11. Wait for your new PR to be reviewed and merged! 147 |

      148 |
      149 |
      150 |
      151 |
      152 |
      153 |
      154 | 155 |
      156 |

      157 | Naman 158 | is an enthusiastic, young web applications developer currently 159 | studying at the Techno India NJR Institute of Technology. 160 |

      161 |

      162 | He is a C++ coder interested in competitive coding and often 163 | competes on platforms like Codechef and Hackerrank. I Work on my 164 | skills and you can see the rest of my accomplishments on my 165 | linkedin profile- 166 | Naman_sharma. He is continuously 167 | working on personal projects to up his game. 168 |

      169 | 170 |

      171 | Look for some of his codes on & 172 | Codechef, 173 | HackerRank, Be sure to check in to 174 | see any updates on this. 175 |

      176 |
        177 |

        178 |

        179 | Feel free to contact him at 180 | Naman.sharma00100@gmail.com 181 | if you'd like for him to work for you! 182 |

        183 |

        184 | This Repository Is Part Hacktoberfest ⇨ 185 |

        186 |
        187 | 188 | 208 |
        209 |
        210 |

        Contributors of 2021

        211 |
        212 |
        213 |
        240 |
        241 |
      • 242 | Agyeya Mishra 243 |
        • 244 |
      • 245 | Sanjay Menaria 246 | 247 |
        • 248 |
      • 249 | Parth Johri 250 |
        • 251 |
      • 252 | Lakshya Paneri 253 |
        • 254 |
      • 255 | Dhruv jena 256 |
        • 257 |
      • 258 | Mars 259 |
        • 260 |
      • 261 | Saumitra 262 |
        • 263 | 264 |
        265 |
        266 | 267 |
        268 |
        269 | 270 |
        271 |
        272 |
        273 |
        274 | 275 |
        276 |
        277 |

        Contributors of 2022

        278 | 322 |
        323 |
        324 | 366 |
        367 |
        368 |
        369 | 370 | 371 | 372 | 373 | --------------------------------------------------------------------------------