-
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.
project number changed and client removed
- Loading branch information
Showing
3 changed files
with
563 additions
and
8 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,205 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>AI-based Solutions Inquiry Form</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| } | ||
|
|
||
| .form-container { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .form-group { | ||
| margin-bottom: 15px; | ||
| } | ||
|
|
||
| .form-group label { | ||
| display: block; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| .form-group input, | ||
| .form-group textarea { | ||
| width: 100%; | ||
| padding: 8px; | ||
| border: 1px solid #ccc; | ||
| border-radius: 4px; | ||
| } | ||
|
|
||
| .form-group textarea { | ||
| resize: vertical; | ||
| } | ||
|
|
||
| .form-group button { | ||
| background-color: #4CAF50; | ||
| color: white; | ||
| padding: 10px 20px; | ||
| border: none; | ||
| cursor: pointer; | ||
| width: 100%; | ||
| margin-top: 15px; | ||
| } | ||
|
|
||
| .form-group button:hover { | ||
| background-color: #45a049; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="form-container"> | ||
| <form id="ai-solutions-form" action="https://sheetdb.io/api/v1/goq2oh0pijjd6" method="post" id="sheetdb-form"> | ||
| <h3>Contact Information</h3> | ||
| <div class="form-group"> | ||
| <label for="full-name">Full Name</label> | ||
| <input type="text" id="full-name" name="data[full-name]" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="email">Email Address</label> | ||
| <input type="email" id="email" name="data[email]" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="phone">Phone Number</label> | ||
| <input type="tel" id="phone" name="data[phone]" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="company-name">Company Name (if applicable)</label> | ||
| <input type="text" id="company-name" name="data[company-name]"> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="position">Position/Role (if applicable)</label> | ||
| <input type="text" id="position" name="data[position]"> | ||
| </div> | ||
| <hr> | ||
| <h3>Inquiry Details</h3> | ||
| <div class="form-group"> | ||
| <label for="business-description">Describe your business or project briefly.</label> | ||
| <textarea id="business-description" name="business-description" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="ai-solutions">What specific AI-based solutions or services are you interested in?</label> | ||
| <textarea id="ai-solutions" name="ai-solutions" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Project Scope</h3> | ||
| <div class="form-group"> | ||
| <label for="main-goal">What is the main goal or objective of your project?</label> | ||
| <textarea id="main-goal" name="main-goal" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="specific-problem">Do you have a specific problem or challenge that you want the AI solution | ||
| to address?</label> | ||
| <textarea id="specific-problem" name="specific-problem" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Timeline</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">What is your expected timeline for starting and completing the | ||
| project?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Are there any specific deadlines or milestones you need to meet?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3> Budget</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Do you have a budget range allocated for this project?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Technical Requirements</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Are there any specific technical requirements or integrations you need | ||
| for the AI solution?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Do you have any preferences regarding the technology stack or platforms | ||
| to be used? | ||
| </label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Previous Experience</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Have you implemented AI solutions in your business before?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">If yes, please share your previous experiences and outcomes. | ||
| </label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Competitor Analysis</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Are there any competitors using similar AI solutions that you find | ||
| noteworthy?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">What sets your business apart from competitors in terms of AI | ||
| implementation?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Data Availability</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Do you currently have the necessary data for implementing AI solutions, | ||
| or will data acquisition be part of the project?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Legal and Ethical Considerations</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Are there any legal or ethical considerations that should be taken into | ||
| account in the development of the AI solution?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Additional Comments or Questions</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Is there anything else you would like to share or ask about your | ||
| project?</label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <hr> | ||
| <h3>Relevant document upload</h3> | ||
| <div class="form-group"> | ||
| <label for="expected-timeline">Like Project Scope Document | ||
| </label> | ||
| <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea> | ||
| </div> | ||
| <div class="form-group"> | ||
| <button type="submit">Submit</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <script> | ||
| var form = document.getElementById('sheetdb-form'); | ||
| form.addEventListener("submit", e => { | ||
| e.preventDefault(); | ||
| fetch(form.action, { | ||
| method : "POST", | ||
| body: new FormData(document.getElementById("sheetdb-form")), | ||
| }).then( | ||
| response => response.json() | ||
| ).then((html) => { | ||
| // you can put any JS code here | ||
| document.location.href = "https://www.example.com/thank-you.html"; | ||
| }); | ||
| }); | ||
| </script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
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
Oops, something went wrong.