adhoc/quoteform.html at main · EvanPartidas/adhoc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">

<head>
    <meta name="author" content="Evan Partidas">
    <title>Website Quote</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="og:title" content="Evan Partidas">
    <meta name="og:description" content="Freelance Full Stack Developer">
    <link href="/highlight/styles/github-dark.min.css" rel="stylesheet">
    <link href="/headbar.css" rel="stylesheet">
    <link href="/base.css" rel="stylesheet">
    <link href="/quoteform.css" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:400,700" />
    <style>
        html,
        body {
            font-family: 'Nunito', sans-serif;
        }
    </style>
</head>

<body>
    <main role="main" class="site-wrapper" style="padding-bottom: 10rem;">
        <div class="masthead" id="headerContent">
        </div>
        <div class="site-content-wrapper" style="padding: 1rem">
            <div style="margin-bottom: 1rem">
                <div>
                    <h2>Free Quote</h2>
                    <p>Get the cost to make your website/app/software!</p>
                    <hr class="bg-secondary">
                    <form id="emailform" action="/api/submitwebsitequoteinquiry" method="GET"
                        onsubmit="handleSubmit(event)">
                        <input style="display: none;" name="date" />
                        <div class="desktop-row ">
                            <div class="card">
                                <label>Contact Info</label>
                                <div class="form-card-grid">
                                    <label for="emailinput">Email</label>
                                    <input name="email" id="emailinput" placeholder="ex. joe@domain.com">
                                    <label for="nameinput">Name</label>
                                    <input name="name" id="nameinput" placeholder="ex. John Smith">
                                    <label for="companyinput">Company</label>
                                    <input name="Company" id="companyinput" placeholder="ex. Bob's Burgers">
                                    <label for="businessinput">Business</label>
                                    <input name="Business" id="businessinput" placeholder="ex. Restaraunt">
                                </div>
                            </div>
                            <div class="card">
                                <label>What do you need?</label>
                                <div class="form-card-grid">
                                    <label for="websitecheck">Website</label>
                                    <input name="Website" id="websitecheck" type="checkbox">
                                    <label for="appcheck">Mobile App</label>
                                    <input name="Mobile App" id="appcheck" type="checkbox">
                                    <label for="softwarecheck">Other Software</label>
                                    <input name="Other Software" id="softwarecheck" type="checkbox">
                                </div>
                            </div>
                        </div>
                        <div class="card form-card-flex">
                            <label>Please describe what you want your website/app/software to do. (Display Info,
                                Selling, Booking, etc)</label>
                            <br />
                            <textarea name="Description"
                                placeholder="I would like a website and app for my restaraunt that allows people to make reservations and order food for pickup..."></textarea>
                        </div>
                        <div class="card">
                            <input class="btn" style="border: none" type="submit" value="Submit">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </main>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/highlight/highlight.min.js"></script>
    <script src="/js/jquery-3.6.0.min.js"></script>
    <script src="/custom.js"></script>
    <script>
        $(async function () {
            $("#headerContent").load("/headbar.html");
            waitForEl("#ProjectsNavItem", function () {
                $("#FreeQuoteNavItem").addClass("active");
            });
        });
        function handleSubmit(e) {
            e.preventDefault();
            let url = "/api/submitwebsitequoteinquiry";
            var request = new XMLHttpRequest();
            request.open('POST', url, true);
            request.onload = function () {
                alert("Email Sent");
            };
            request.error = function () {
                alert("Error Occurred");
            }
            request.send(new FormData(e.target));
        }
        hljs.highlightAll();
    </script>
    <script src="js/blogpostfilter.js"></script>
</body>

</html>