Please fill out this form with the information
17 |Adarsh need this to improve himself
18 | 19 | 20 | 21 | 102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Introduction Form 2 | 3 | It is write place to start a conversesion with me or to provide a feedback 4 | 5 | ## deploy link 6 | 7 | Deploy link 8 | 9 | ## happy coding 10 | 11 | 12 | ### Disclaimer: 13 | 14 | Please be advised that this project was created during a time when I was a beginner in programming and may not reflect my current level of skill or expertise. The code, design, and other aspects of the project may not be optimal or up-to-date, and may not be representative of my current abilities as a programmer. Therefore, any use or implementation of this project should be done at your own risk, and I make no guarantees or warranties as to its functionality, performance, or security. Please keep in mind that my programming skills may have significantly improved since the creation of this project. -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PowerLevel9000/Introduction-Form/72fce55f3ce324ebabd19a8da3e47b95d1fb4b58/script.js -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | width: 100%; 3 | height: 100vh; 4 | margin: 0; 5 | background: rgb(238, 174, 202); 6 | background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%); 7 | color: #000; 8 | font-family: Tahoma; 9 | font-size: 16px; 10 | } 11 | 12 | h1, 13 | p { 14 | margin: 1em auto; 15 | text-align: center; 16 | } 17 | 18 | .referrer-question { 19 | text-align: left; 20 | } 21 | 22 | form { 23 | width: 60vw; 24 | max-width: 500px; 25 | min-width: 300px; 26 | margin: 0 auto; 27 | padding-bottom: 2em; 28 | } 29 | 30 | fieldset { 31 | border: none; 32 | padding: 2rem 0; 33 | border-bottom: 3px solid #fff; 34 | } 35 | 36 | fieldset:last-of-type { 37 | border-bottom: none; 38 | } 39 | 40 | label { 41 | display: block; 42 | margin: 0.5rem 0; 43 | } 44 | 45 | input, 46 | textarea, 47 | select { 48 | margin: 10px 0 0 0; 49 | width: 100%; 50 | min-height: 2em; 51 | background: rgb(63, 94, 251); 52 | background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(97, 45, 56, 1) 100%); 53 | color: #ccc; 54 | border-radius: 5px; 55 | padding: 5px; 56 | } 57 | 58 | option { 59 | color: black; 60 | } 61 | 62 | ::placeholder { 63 | color: #ccc; 64 | padding: 5px; 65 | } 66 | 67 | input:hover { 68 | transform: scaleX(1.1); 69 | } 70 | 71 | textarea:hover { 72 | transform: scaleX(1.1); 73 | 74 | } 75 | 76 | select:hover { 77 | transform: scaleX(1.1); 78 | color: #fff; 79 | } 80 | 81 | input, 82 | textarea { 83 | border: 1px solid #0a0a23; 84 | color: #ffffff; 85 | } 86 | 87 | .name { 88 | width: unset; 89 | margin: 0 0.5em 0 0; 90 | vertical-align: middle; 91 | } 92 | 93 | input[type="submit"] { 94 | display: block; 95 | width: 60%; 96 | margin: 1em auto; 97 | height: 2em; 98 | font-size: 1.1rem; 99 | color: #FFF; 100 | background-color: #3b3b4f; 101 | border-color: white; 102 | min-width: 300px; 103 | border-radius: 10px 104 | } 105 | 106 | input[type="submit"]:hover { 107 | transform: scale(1.1); 108 | background-color: aqua; 109 | color: #FFF; 110 | } 111 | 112 | a { 113 | color: #000; 114 | } 115 | --------------------------------------------------------------------------------