Как реализовать форму обратной связи с веб-интерфейсом для бесплатного тестирования

Question

Я добавляю функцию на веб-сайт моей компании для формы обратной связи, требование от моего менеджера состоит в том, чтобы спроектировать и разработать форму обратной связи с нами таким образом, чтобы на веб-сайте не было какой-либо серверной части с нашей стороны, а скорее серверной частиобрабатывается сторонней службой или веб-API.Я не совсем уверен, какова разница между сторонним сервисом и веб-API.Любая помощь в этом очень ценится.

Ниже приведен HTML-код, который я написал для формы обратной связи.В дополнение к этому я также должен проверить форму так, чтобы пользователь не вводил ничего неправильного.Более того, мой менеджер тоже хочет сильного перепросмотра.Я довольно новичок в мире веб-разработки.Я хочу узнать, как я могу выполнить валидацию и веб-интерфейс API.

HTML Code
    <div class="container">
        <div class="subscribe-wrap">
            <!--Section heading-->
            <h2 class="section-title">Contact us</h2>
            <!--Section description-->
            <p class="section-description">Do you have any questions? Please do not hesitate to contact us directly.
                Our team will come back to you within a matter of hours to help you.</p>

            <form id="contact-form" name="contact-form">

                <div class="form-group">
                    <input type="text" id="name" name="name" class="form-control" placeholder="Name">
                </div>
                <div class="form-group">
                    <input type="text" id="email" name="email" class="form-control" placeholder="Email">
                </div>

                <div class="form-group">
                    <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
                </div>
                <div class="form-group">
                    <textarea type="text" id="message" name="message" class="form-control" rows="3">  </textarea>
                </div>

            </form>
            <div class="">
                <a class="obri-btn"  onclick="validateForm()"  style="color: white;">Send</a>
            </div>
            <div class="status alert alert-primary" role="alert" id="status"
                 style="display: none; margin-top: 20px;">

            </div>
        </div>
    </div>

Я ожидаю, что при нажатии кнопки «Отправить» форма отправляется на электронную почту компании.Кроме того, в коде нигде не отображается электронная почта нашей компании, чтобы избежать спама.Кроме того, страница не перенаправлена ​​на другую страницу, скорее на этой же странице я показываю сообщение «Спасибо за отправку формы».