-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Ashish Yadav
committed
Jun 25, 2024
1 parent
fd5134c
commit 7e031f1
Showing
6 changed files
with
108 additions
and
392 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Signup Form</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body class="bg-gray-100"> | ||
| <div class="container mx-auto p-4 max-w-screen-sm"> | ||
| <div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"> | ||
| <h2 class="text-lg font-bold mb-4">Enter Your Details</h2> | ||
| <form id="user-info" class="signup-modal-form"> | ||
| <div class="mb-4"> | ||
| <label for="name" class="block text-gray-700 text-sm font-bold mb-2">Name</label> | ||
| <input type="text" id="name" name="name" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="Name" required> | ||
| </div> | ||
|
|
||
| <div class="mb-4"> | ||
| <label for="phone" class="block text-gray-700 text-sm font-bold mb-2">Number</label> | ||
| <input type="tel" id="phone" name="phone" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="Phone Number" required> | ||
| </div> | ||
|
|
||
| <div class="mb-4"> | ||
| <label for="email" class="block text-gray-700 text-sm font-bold mb-2">Email</label> | ||
| <input type="email" id="email" name="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="Email" required> | ||
| </div> | ||
|
|
||
| <div class="mb-4"> | ||
| <label for="postTitle" class="block text-gray-700 text-sm font-bold mb-2">Post Title</label> | ||
| <select name="postTitle" id="postTitle" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required> | ||
| <option value="">Select</option> | ||
| <option value="Software Developer">Software Developer</option> | ||
| <option value="Network Administrator">Network Administrator</option> | ||
| <option value="Database Administrator">Database Administrator</option> | ||
| <option value="Web Developer">Web Developer</option> | ||
| <option value="Systems Analyst">Systems Analyst</option> | ||
| <option value="IT Technical Support">IT Technical Support</option> | ||
| <option value="IT Consultant">IT Consultant</option> | ||
| <option value="Data Scientist">Data Scientist</option> | ||
| <option value="Security Analyst">Security Analyst</option> | ||
| <option value="Cloud Architect">Cloud Architect</option> | ||
| </select> | ||
| </div> | ||
|
|
||
| <div class="mb-4"> | ||
| <label for="experience" class="block text-gray-700 text-sm font-bold mb-2">Experience</label> | ||
| <select name="experience" id="experience" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required> | ||
| <option value="Fresher">Fresher</option> | ||
| <option value="1-2 years">1-2 years</option> | ||
| <option value="3-5 years">3-5 years</option> | ||
| <option value="6-10 years">6-10 years</option> | ||
| <option value="More than 10 years">More than 10 years</option> | ||
| <!-- Add other experience options here --> | ||
| </select> | ||
| </div> | ||
|
|
||
| <!-- <div class="mb-4"> | ||
| <label for="resume" class="block text-gray-700 text-sm font-bold mb-2">Resume</label> | ||
| <input type="file" id="resume" name="resume" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required> | ||
| </div> --> | ||
|
|
||
| <div class="mb-4"> | ||
| <input type="checkbox" id="consent" name="consent" class="form-checkbox h-5 w-5 text-indigo-600" required> | ||
| <label for="consent" class="text-gray-700 ml-2">I hereby authorise to send notifications via SMS, Email & others as per | ||
| <a href="https://msg91.com/terms-of-use" target="_blank">Terms of Service</a> | | ||
| <a href="https://msg91.com/privacy-policy" target="_blank">Privacy Policy</a>. | ||
| </label> | ||
| </div> | ||
|
|
||
| <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" id="submitbtn">Submit</button> | ||
| </form> | ||
|
|
||
| </div> | ||
| </div> | ||
| <script> | ||
| document.getElementById('user-info').addEventListener('submit', function(event) { | ||
| event.preventDefault(); | ||
| var formData = new FormData(this); | ||
| var userInput = {}; | ||
| userInput.name = formData.get('name'); | ||
| userInput.email = formData.get('email'); | ||
| userInput.postTitle = formData.get('postTitle'); | ||
| userInput.experience = formData.get('experience'); | ||
| userInput.consent = formData.get('consent'); | ||
| var payload = { | ||
| "input": userInput | ||
| }; | ||
| fetch('https://flow.sokt.io/func/tXXi3bANqkOx', { | ||
| method: 'POST', | ||
| headers: { | ||
| 'Content-Type': 'application/json' | ||
| }, | ||
| body: JSON.stringify(payload) | ||
| }) | ||
| .then(response => response.json()) | ||
| .then(data => console.log(data)) | ||
| .catch(error => console.error('Error:', error)); | ||
| }); | ||
|
|
||
| </script> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.