newvertex

<?php /* Template Name: Contact */ ?>

<?php get_header()?>
<style>
div.wpcf7 {
   margin: 0;
   padding: 1.5em;
   background: #fff;
   border-radius: 3px;
}

.wpcf7 label, .wpcf7-submit {
	 color: black;
}

div.wpcf7-response-output {
	  background: #F8F8F8;
	  text-align: center;
	  width: 92.5%;
	  margin: 1em 0em 1em 0em;
	  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

span.wpcf7-not-valid-tip {
    background: #F8F8F8;
	  display: inline-block;
	  width: auto;
	  padding: 1%;
	  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.wpcf7 .ajax-loader {
    background-image:url('your_loading_image_url_here');
    width: 50px;
    height: 50px;
}
.star::after {
	content: "*"; color:red;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-submit {
	color: grey;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
	border: none;
	border-bottom: 1px solid grey;
	border-radius: 5px;
   /*
	margin: 0px 0 0 0;
	border-radius: 5px;
    width: 400px;*/
}
.wpcf7-number{ 
	 margin: 10px 0 0 0;
	border-radius: 5px;
}

.wpcf7 .wpcf7-submit:hover {
	  background: #677294;
	color: white;
	border-radius: 5px;
}
.wpcf7-select{
	color: grey;
    width: 336px;
 	border: none;
	border-bottom: 1px solid grey;
}

@media only screen and (max-width: 900px) {
	.wpcf7-submit{ width: 100%}
	.wpcf7-form-control {
	margin: 0px 0 0 0;
	border-radius: 5px;
    width: 285.965px;
}
}
</style>
        <section class="breadcrumb_area pb-0">
            <img class="breadcrumb_shap" src="img/breadcrumb/banner_bg.png" alt="">
            <div class="container">
                <div class="row wow fadeInLeft" data-wow-delay="0.4s">
                    <div class="col-lg-6">
                        <h1 class="f_p f_400 f_size_90 w_color">Get in <br>touch!</h1>
                    </div>
                    <div class="col-lg-6">
<?php echo do_shortcode( '[contact-form-7 id="285" title="Contact Form Home"]' ); ?>  

                    </div>
                </div>
                <div class="row text-center mt_130 mb_90">
                    <div class="col-lg-4">
                        <div class="sec_title mb_70 wow fadeInUp" data-wow-delay="0.3s">
                            <p class="f_400 f_size_16 w_color">Contact us</p>
                            <h3 class="w_color f_400 l_height50">hello@vertex.com <br>512-328-3700</h3>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sec_title mb_70 wow fadeInUp" data-wow-delay="0.3s">
                            <p class="f_400 f_size_16 w_color">Want to join us?</p>
                            <h3 class="w_color f_400 l_height50">jobs@vertex.com</h3>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sec_title mb_70 wow fadeInUp" data-wow-delay="0.3s">
                            <p class="f_400 f_size_16 w_color">Visit us</p>
                            <h3 class="w_color f_400 l_height50">Suite 400 Austin <br>Texas 78746</h3>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<?php get_footer();?>