├── .github ├── .github │ └── FUNDING.yml └── FUNDING.yml ├── LICENSE ├── README.md ├── index.css ├── index.html ├── index.js └── index.php /.github/.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: ["https://paypal.me/ashish2030", 13 | "https://www.buymeacoffee.com/ashish2030"] 14 | # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 15 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: ["https://paypal.me/ashish2030", 13 | "https://www.buymeacoffee.com/ashish2030"] 14 | # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 15 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Ashish Kumar 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
3 | About 4 | :octocat: 🌟ᴛʜɪꜱ ɪꜱ ᴀ ꜰʀᴏɴᴛᴇɴᴅ ᴅᴇᴠᴇʟᴏᴘᴍᴇɴᴛ ᴘᴀʀᴛ ᴏꜰ ᴇᴍᴀɪʟ ꜱᴇɴᴅᴇʀ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴ ᴜꜱɪɴɢ ʜᴛᴍʟ,ᴄꜱꜱ ᴀɴᴅ ᴊᴀᴠᴀꜱᴄʀɪᴘᴛ 💻 🎯 🚀 5 | 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
29 | View Demo 30 | · 31 | Report Bug 32 | · 33 | Request Feature 34 |
35 | -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Fjalla+One&display=swap"); 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | body { 8 | background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/38816/image-from-rawpixel-id-2210775-jpeg.jpg") center center no-repeat; 9 | background-size: cover; 10 | width: 100vw; 11 | height: 100vh; 12 | display: grid; 13 | align-items: center; 14 | justify-items: center; 15 | } 16 | 17 | .contact-us { 18 | background: #f8f4e5; 19 | padding: 50px 100px; 20 | border: 2px solid black; 21 | box-shadow: 15px 15px 1px #ffa580, 15px 15px 1px 2px black; 22 | } 23 | 24 | input { 25 | display: block; 26 | width: 100%; 27 | font-size: 14pt; 28 | line-height: 28pt; 29 | font-family: "Fjalla One"; 30 | margin-bottom: 28pt; 31 | border: none; 32 | border-bottom: 5px solid black; 33 | background: #f8f4e5; 34 | min-width: 250px; 35 | padding-left: 5px; 36 | outline: none; 37 | color: black; 38 | } 39 | 40 | input:focus { 41 | border-bottom: 5px solid #ffa580; 42 | } 43 | 44 | button { 45 | display: block; 46 | margin: 0 auto; 47 | line-height: 28pt; 48 | padding: 0 20px; 49 | background: #ffa580; 50 | letter-spacing: 2px; 51 | transition: 0.2s all ease-in-out; 52 | outline: none; 53 | border: 1px solid black; 54 | box-shadow: 3px 3px 1px #95a4ff, 3px 3px 1px 1px black; 55 | } 56 | button:hover { 57 | background: black; 58 | color: white; 59 | border: 1px solid black; 60 | } 61 | 62 | ::selection { 63 | background: #ffc8ff; 64 | } 65 | 66 | input:-webkit-autofill, 67 | input:-webkit-autofill:hover, 68 | input:-webkit-autofill:focus { 69 | border-bottom: 5px solid #95a4ff; 70 | -webkit-text-fill-color: #2A293E; 71 | -webkit-box-shadow: 0 0 0px 1000px #f8f4e5 inset; 72 | transition: background-color 5000s ease-in-out 0s; 73 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |