<div class=“container”>

<div class="row justify-content-center">

    <div class="col-12  my-auto ">
        <a href="https://solarinnovations.com/quote/greenhouse-quote-form/" target="_blank" class="quote">
            <h3 class=" text-left " style="color:#428e42 ;font-weight:500;">Request a Quote</h3>
        </a>
        <p class="text-left" style="color:#7F7F7F;font-size:110%;">Work with Solar Innovations &#xae; to design and build your dream greenhouse!</p>
    </div>
</div>
<div class="row">
    <div class="col-12" >

        <form action="https://formspree.io/nkline@solarinnovations.com" method="POST" class="needs-validation" novalidate>

            <div class="form-group">
                <label for="fullName">Full Name</label>
                <input type="text" name="Full Name" class="form-control" id="fullName" placeholder="Enter your full name" required>
            </div>

            <div class="form-group">
                <label for="email">Email Address</label>
                <input type="email" name="Email Address" class="form-control" id="email" placeholder="Enter email" name="_replyto" required>
            </div>

            <div class="form-group">
                <label for="phone">Phone Number</label>
                <input type="phone" name="Phone" class="form-control" id="phone" placeholder="Enter your phone number" pattern="^[0-9\-\+\s\(\)]*$" required>
            </div>

            <input type="text" name="_gotcha" style="display:none" />
            <input type="hidden" name="_subject" value="New Greenhouse Inquiry!" />
            <!-- <input type="hidden" name="_next" value="https://solarinnovations.com" /> -->
            <input type="hidden" name="_next" value="https://greenhouse.planning.solar/" />
            <button type="submit" class="btn btn-success" value="Post">Submit</button>
        </form>

        <script>
            // Example starter JavaScript for disabling form submissions if there are invalid fields
            (function() {
                'use strict';
                window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                    if (form.checkValidity() === false) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                    form.classList.add('was-validated');
                    }, false);
                });
                }, false);
            })();
        </script>
    </div>
</div>

</div>

</section>