File: /home/trustedhealthcareproviders/public_html/form-success.php
<?php include("header.php"); ?>
<style>
$radius: 55px;
$circumf: 3.1416 * $radius * 2;
$check-len: 75px;
@keyframes outline {
from {
stroke-dasharray: 0, $circumf;
}
to {
stroke-dasharray: $circumf, $circumf;
}
}
#outline {
animation: .38s ease-in outline;
transform: rotate(0deg);
transform-origin: center;
}
@keyframes circle {
from {
transform: scale(1);
}
to {
transform: scale(0);
}
}
#white-circle {
animation: .35s ease-in .35s forwards circle;
transform: none;
transform-origin: center;
}
@keyframes check {
from {
stroke-dasharray: 0, $check-len;
}
to {
stroke-dasharray: $check-len, $check-len;
}
}
#check {
animation: .34s cubic-bezier(0.65, 0, 1, 1) .8s forwards check;
stroke-dasharray: 0, $check-len;
}
@keyframes check-group {
from {
transform: scale(1);
}
50% {
transform: scale(1.09);
}
to {
transform: scale(1);
}
}
#check-group {
animation: .32s ease-in-out 1.03s check-group;
transform-origin: center;
}
.card {
background: #fff !important;
padding: 60px;
border-radius: 4px;
box-shadow: 0 2px 3px #C8D0D8;
display: inline-block;
margin: 0 auto;
}
.hero-1-bg {
padding: 170px 0 30px !important;
}
.disclaimer {
color: #bcbdcc !important;
font-size:12px !important;
}
.home-section {
padding-top: 138px !important;
padding-bottom: 50px !important;
}
</style>
<!--begin home section -->
<section class="home-section" id="home">
<!--begin container -->
<div class="container">
<!--begin row -->
<div class="row">
<!--begin col-md-6-->
<div class="col-md-6 margin-top-40 hero-content">
<h1>Thank You!</h1>
<p class="hero-text">Discover the future of healthcare with Trusted Healthcare Providers.</p>
<!--begin newsletter_form_box -->
<div class="newsletter_form_box">
<!--begin success_box -->
<p class="newsletter_success_box" style="display:none;">We received your message and you'll hear from us soon. Thank You!</p>
<!--end success_box -->
<!--begin newsletter-form -->
</div>
<!--end newsletter_form_box -->
</div>
<!--end col-md-6-->
<!--begin col-md-6-->
<div class="col-md-6">
</div>
<!--end col-md-6-->
</div>
<!--end row -->
</div>
<!--end container -->
</section>
<!--end home section -->
<section class="section-grey text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card">
<svg width="133px" height="133px" viewBox="0 0 133 133" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="check-group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="filled-circle" fill="#0387cb" cx="66.5" cy="66.5" r="54.5"></circle>
<circle id="white-circle" fill="#FFFFFF" cx="66.5" cy="66.5" r="55.5"></circle>
<circle id="outline" stroke="#0387cb" stroke-width="4" cx="66.5" cy="66.5" r="54.5"></circle>
<polyline id="check" stroke="#FFFFFF" stroke-width="4" points="41 70 56 85 92 49"></polyline>
</g>
</svg>
<h1>Success</h1>
<p>Your request has been successfully submitted. <br> A licensed agent will be in touch very soon!</p>
<br>
<p>If you are in need of immediate assistance you
<br>can call us directly at (855) 918-1595</p>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include("footer.php"); ?>