FORMS

                
<h2 class="mb-4 text-center">Form Style 1</h2>
<div class="row form-shadow mx-0 mx-md-4 mb-5">
<div class="col-lg-8 col-md-7 d-flex flex-column align-items-stretch px-0">
    <div class="contact-form contact-form-1 d-flex flex-column flex-grow-1 justify-content-center">
        <h2 class="text-uppercase text-center mb-4">Get in Touch</h2>
        <div class="form-group">
            <input type="text" class="form-control" name="name" placeholder="Name" />
        </div>
        <div class="form-group">
            <input type="email" class="form-control" name="email" placeholder="Mail" />
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="subject" placeholder="Subject" />
        </div>
        <div class="form-group">
            <textarea class="form-control" name="message" placeholder="Message" rows="5"></textarea>
        </div>
        <div class="form-action text-center mt-3">
            <button type="submit" class="btn btn-primary">SEND MESSAGE <i class="fas fa-chevron-circle-right"></i></button>
        </div>
    </div>                        
</div>
<div class="col-lg-4 col-md-5 d-flex flex-column align-items-stretch px-0">
    <div class="contact-form-content d-flex flex-column flex-grow-1 justify-content-between bg-primary text-white text-center">
        <h3 class="h2 mt-5">just say hello.<span class="d-block mt-3">Don't be a stranger.</span></h2>
        <div class="follow-us">
            <h6 class="h4 mt-4 mb-4">Follow Us</h6>
            <!-- Social Icons -->
            <ul class="social-icons border-style list-unstyled mb-0">
                <li class="social-icons-item"><a class="social-icons-link mr-4" href="#" title=""><i class="fa fa-facebook"></i></a></li>
                <li class="social-icons-item"><a class="social-icons-link mr-4" href="#" title=""><i class="fa fa-instagram"></i></a></li>
                <li class="social-icons-item"><a class="social-icons-link" href="#" title=""><i class="fa fa-twitter"></i></a></li>
            </ul>
        </div>
    </div>
</div>
</div>
            
            Copy to clipboard
            

                
<h2 class="mb-4 text-center">Form Style 2</h2>
<div class="row mb-4">
<div class="col-lg-6 col-md-8 mx-auto">
    <div class="contact-form contact-form-2 p-5">
        <h2>Just say <span class="text-primary">hello</span>.</h2>
        <h2 class="mb-5">Don't be a <span class="text-primary">stranger</span>.</h2>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mb-4">
                    <input type="text" class="form-control" name="name" placeholder="Name" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group mb-4">
                    <input type="email" class="form-control" name="email" placeholder="Mail" />
                </div>
            </div>
        </div>                        
        <div class="form-group mb-5">
            <textarea class="form-control" name="message" placeholder="Message" rows="5"></textarea>
        </div>
        <div class="form-action text-center mt-3">
            <button type="submit" class="btn btn-primary btn-radius">Send Message</button>
        </div>
    </div>                        
</div>                
</div>
            
            Copy to clipboard
            

                
<div class="row mb-4">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="contact-form contact-form-3 p-5">
    <div class="form-group">
        <label for="exampleInputcomment">Comment</label> <br>
        <textarea class="form-control" name="message" rows="5" id="exampleInputcomment"></textarea>
    </div>
    <div class="form-group">
      <label for="exampleInputname">Name<span>*</span></label> <br>
      <input type="text" class="form-control" id="exampleInputname" >
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group mb-4">
                <label for="exampleInputemail">Email<span>*</span></label> <br>
                <input type="text" class="form-control" name="name" id="exampleInputemail" />
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group mb-4">
                <label for="exampleInputwebsite">Website</label> <br>
                <input type="email" class="form-control" name="email" id="exampleInputwebsite"/>
            </div>
        </div>
    </div> 
    <div class="form-action text-center mt-3">
        <button type="submit" class="btn btn-primary btn-radius">Send Message</button>
    </div>
</div>                        
</div>                
</div>
            
            Copy to clipboard