[add] navigation and footer

et/#2
tribikram 2 years ago
parent b96564a946
commit 549c214f86
  1. 20
      public/css/style.css
  2. BIN
      public/images/about-image.png
  3. 36
      resources/views/layout/app.blade.php
  4. 134
      resources/views/welcome.blade.php

@ -790,6 +790,11 @@ p {
padding: 40px; padding: 40px;
float: right; float: right;
} }
.about-us-desc h1{
font-size: 2rem;
line-height: 1.2;
margin-bottom: 20px;
}
.about-us-desc p{ .about-us-desc p{
margin-bottom: 40px; margin-bottom: 40px;
} }
@ -1032,13 +1037,11 @@ p {
.card{ .card{
padding: 30px 40px; padding: 30px 40px;
margin-top: 60px;
margin-bottom: 60px;
border: none !important; border: none !important;
box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2) box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2)
} }
.blue-text{ .blue-text{
color: #00BCD4 color: #2f55d4
} }
.form-control-label{ .form-control-label{
margin-bottom: 0 margin-bottom: 0
@ -1774,6 +1777,9 @@ button:focus{
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
} }
.how-it-work-box{
min-height: 25pc;
}
.how-it-work-box .how-it-work-img { .how-it-work-box .how-it-work-img {
background-color: #edf0fb; background-color: #edf0fb;
@ -1783,7 +1789,9 @@ button:focus{
margin: 0 auto; margin: 0 auto;
padding: 12px 8px; padding: 12px 8px;
} }
.testi-box{
min-height: 20pc;
}
.testi-box .testi-icon i { .testi-box .testi-icon i {
position: absolute; position: absolute;
right: 18px; right: 18px;
@ -1803,6 +1811,10 @@ button:focus{
.bg-home, .bg-half { .bg-home, .bg-half {
padding: 190px 0px 120px; padding: 190px 0px 120px;
} }
.about-us-desc{
position: relative;
width: 100%;
}
} }
@media (max-width: 425px) { @media (max-width: 425px) {

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 KiB

@ -102,8 +102,10 @@
<!-- Navigation Menu--> <!-- Navigation Menu-->
<ul class="navigation-menu"> <ul class="navigation-menu">
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li><a href="about">ABOUT</a></li> <li><a href="#about-section">ABOUT</a></li>
<li class="has-submenu"> <li><a href="#jobs">Jobs</a></li>
<li><a href="#services">SERVICES</a></li>
{{-- <li class="has-submenu">
<a href="javascript:void(0)">Jobs</a><span class="menu-arrow"></span> <a href="javascript:void(0)">Jobs</a><span class="menu-arrow"></span>
<ul class="submenu"> <ul class="submenu">
<li><a href="job-list.html">Job List</a></li> <li><a href="job-list.html">Job List</a></li>
@ -111,9 +113,9 @@
<li><a href="job-details.html">Job Details</a></li> <li><a href="job-details.html">Job Details</a></li>
<li><a href="job-details-2.html">Job Details-2</a></li> <li><a href="job-details-2.html">Job Details-2</a></li>
</ul> </ul>
</li> </li> --}}
<li class="has-submenu"> {{-- <li class="has-submenu">
<a href="javascript:void(0)">SERVICES</a><span class="menu-arrow"></span> <a href="javascript:void(0)">SERVICES</a><span class="menu-arrow"></span>
<ul class="submenu"> <ul class="submenu">
<li><a href="about.html">About us</a></li> <li><a href="about.html">About us</a></li>
@ -121,7 +123,7 @@
<li><a href="team.html">Team</a></li> <li><a href="team.html">Team</a></li>
<li><a href="faq.html">Faqs</a></li> <li><a href="faq.html">Faqs</a></li>
<li><a href="pricing.html">Pricing plans</a></li> <li><a href="pricing.html">Pricing plans</a></li>
{{-- <li class="has-submenu"><a href="javascript:void(0)"> Candidates</a><span class="submenu-arrow"></span> <li class="has-submenu"><a href="javascript:void(0)"> Candidates</a><span class="submenu-arrow"></span>
<ul class="submenu"> <ul class="submenu">
<li><a href="candidates-listing.html">Candidates Listing</a></li> <li><a href="candidates-listing.html">Candidates Listing</a></li>
<li><a href="candidates-profile.html">Candidates Profile</a></li> <li><a href="candidates-profile.html">Candidates Profile</a></li>
@ -148,11 +150,11 @@
<li><a href="recovery_passward.html">Forgot Password</a></li> <li><a href="recovery_passward.html">Forgot Password</a></li>
</ul> </ul>
</li> </li>
<li><a href="components.html"> Components</a></li> --}} <li><a href="components.html"> Components</a></li>
</ul> </ul>
</li> </li> --}}
<li> <li>
<a href="contact.html">contact</a> <a href="#contact">contact</a>
</li> </li>
</ul><!--end navigation menu--> </ul><!--end navigation menu-->
</div><!--end navigation--> </div><!--end navigation-->
@ -168,8 +170,8 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-12 mb-0 mb-md-4 pb-0 pb-md-2"> <div class="col-lg-3 col-12 mb-0 mb-md-4 pb-0 pb-md-2">
<a href="javascript:void(0)"><img src="images/logo-light.png" height="20" alt=""></a> <a href="javascript:void(0)"><img src="images/et-colored.png" height="40" alt=""></a>
<p class="mt-4">At vero eos et accusamus et iusto odio dignissim os ducimus qui blanditiis praesentium</p> <p class="mt-4">ET Recruitment is the branch of Extratech, operating within only a few markets, a specialist IT and Accounting talent recruitment agency. </p>
<ul class="social-icon social list-inline mb-0"> <ul class="social-icon social list-inline mb-0">
<li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-facebook"></i></a></li> <li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-twitter"></i></a></li> <li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-twitter"></i></a></li>
@ -181,14 +183,7 @@
<p class="text-white mb-4 footer-list-title">Company</p> <p class="text-white mb-4 footer-list-title">Company</p>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> About Us</a></li> <li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> About Us</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Media & Press</a></li> <li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Success Stories</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Career</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Blog</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Pricing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Marketing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> CEOs </a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Agencies</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Our Apps</a></li>
</ul> </ul>
</div> </div>
<div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0"> <div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
@ -197,9 +192,6 @@
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Support</a></li> <li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Support</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Privacy Policy</a></li> <li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Privacy Policy</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Terms</a></li> <li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Terms</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Accounting </a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Billing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> F.A.Q.</a></li>
</ul> </ul>
</div> </div>
@ -221,7 +213,7 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12"> <div class="col-12">
<div class=""> <div class="">
<p class="mb-0">© 2019 -2020 Jobya. Design with <i class="mdi mdi-heart text-danger"></i> by Themesdesign.</p> <p class="mb-0">Extratech © 2021. All Rights Reserved. Design wand developed by <a href="https://www.extratechs.com.au/" target="_blank">Extratech</a></p>
</div> </div>
</div> </div>
</div> </div>

@ -16,8 +16,8 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="title-heading text-center text-white"> <div class="title-heading text-center text-white">
<h6 class="small-title text-uppercase text-light mb-3">Find jobs, create trackable resumes and enrich your applications.</h6> <h6 class="small-title text-uppercase text-light mb-3">Dream Jobs. Top Talent. All in One Place.</h6>
<h1 class="heading font-weight-bold mb-4">The Easiest Way to Get Your New Job</h1> <h1 class="heading font-weight-bold mb-4">We’ve built our reputation on finding that perfect match between candidate and employer.</h1>
</div> </div>
</div> </div>
</div> </div>
@ -27,17 +27,17 @@
</section> </section>
<!-- end home --> <!-- end home -->
<!-- start about --> <!-- start about -->
<section class="section"> <section class="section" id="about-section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="about-img"> <div class="about-img">
<img src="{{url('images/close-up.png')}}" class="img-fluid" alt=""> <img src="{{url('images/about-image.png')}}" class="img-fluid" alt="">
</div> </div>
<div class="about-us-desc"> <div class="about-us-desc">
<h5>Why we started </h5> <h5>Who Are We </h5>
<h1>It started out as a simple idea and evolved into our passion</h1> <h1>Borders shouldn’t be barriers, and we know more talent is out there. Your journey to find them starts with ET Recruitment.</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p> <p>As the world reimagines how people work and conduct business in an evolving environment, we remain steadfast in our commitment to recruiting the best talent for organisations in Australia and helping jobseekers thrive in their next career opportunity.</p>
<a href="">Discover our story ></a> <a href="">Discover our story ></a>
</div> </div>
</div> </div>
@ -47,49 +47,61 @@
<!-- end about --> <!-- end about -->
<!-- How it Work start --> <!-- How it Work start -->
<section class="section"> <section class="section" id="services">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12"> <div class="col-12">
<div class="section-title text-center mb-4 pb-2"> <div class="section-title text-center mb-4 pb-2">
<h4 class="title title-line pb-5">How It Work</h4> <h4 class="title title-line pb-5">What We Do</h4>
<p class="text-muted para-desc mx-auto mb-1">Post a job to tell us about your project. We'll quickly match you with the right freelancers.</p> <p class="text-muted para-desc mx-auto mb-1">Bringing Job Seekers and Employers Together</p>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 mt-4 pt-2"> <div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow"> <div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3"> <div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-1.png" alt="" class="mx-auto d-block" height="50"> <img src="images/how-it-work/img-1.png" alt="" class="mx-auto d-block" height="50">
</div> </div>
<div> <div>
<h5>Register an account</h5> <h5>Skill Assessment</h5>
<p class="text-muted">Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut a, justo.</p> <p class="text-muted">Having your skills assessed by the relevant authority is a requirement to be eligible to apply for skilled migration visas in Australia.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a> <a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 mt-4 pt-2"> <div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow"> <div class="how-it-work-box bg-light p-3 text-center rounded shadow ">
<div class="how-it-work-img position-relative rounded-pill mb-3"> <div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-2.png" alt="" class="mx-auto d-block" height="50"> <img src="images/how-it-work/img-2.png" alt="" class="mx-auto d-block" height="50">
</div> </div>
<div> <div>
<h5>Search your job</h5> <h5>RPL (Recognition of Prior Learning)</h5>
<p class="text-muted">Aliquam lorem ante dapibus in, viverra feugiatquis a tellus. Phasellus viverra nulla ut Quisque rutrum.</p> <p class="text-muted"> Through RPL, we acknowledge students' skills acquired through experiential learning, boosting their self-esteem as a result</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a> <a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 mt-4 pt-2"> <div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow"> <div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3"> <div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-3.png" alt="" class="mx-auto d-block" height="50"> <img src="images/how-it-work/img-3.png" alt="" class="mx-auto d-block" height="50">
</div> </div>
<div> <div>
<h5>Apply for job</h5> <h5>Career Counselling</h5>
<p class="text-muted">Nullam dictum felis eu pede mollis pretiumetus Integer tincidunt. Cras dapibus. semper nisi.</p> <p class="text-muted">Our career consultations promote self-awareness. We listen. We don’t follow a set formula or presume to know what success means to you.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-1.png" alt="" class="mx-auto d-block" height="50">
</div>
<div>
<h5> Recruitment</h5>
<p class="text-muted">Whether you need to find top talent or your next great job opportunity, our recruitment experts in Australia can help.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a> <a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div> </div>
</div> </div>
@ -100,7 +112,7 @@
<!-- How it Work end --> <!-- How it Work end -->
<!-- all jobs start --> <!-- all jobs start -->
<section class="section bg-light"> <section class="section bg-light" id="jobs">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12"> <div class="col-12">
@ -1079,7 +1091,6 @@
</section> </section>
<!-- all jobs end --> <!-- all jobs end -->
<!-- testimonial start --> <!-- testimonial start -->
<section class="section"> <section class="section">
<div class="container"> <div class="container">
@ -1095,91 +1106,98 @@
<div class="col-lg-12"> <div class="col-lg-12">
<div id="owl-testi" class="owl-carousel owl-theme"> <div id="owl-testi" class="owl-carousel owl-theme">
<div class="item testi-box rounded p-4 mr-3 ml-2 mb-4 bg-light position-relative"> <div class="item testi-box rounded p-4 mr-3 ml-2 mb-4 bg-light position-relative">
<p class="text-muted mb-5">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consecteturqui adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam</p> <p class="text-muted mb-5">Thanks to Extratech Family for this amazing platform to help international students. Special thanks to Sudi, Saurabh and Gaurav for their support and guidance throughout the journey.
Never lose hope guys, consistent hard work will definitely pay off one day. Keep working hard! Please reach out to the best people who are always ready to help you anytime. Best wishes to you all.</p>
<div class="clearfix"> <div class="clearfix">
<div class="testi-img float-left mr-3"> <div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow"> <img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div> </div>
<h5 class="f-18 pt-1">Kevin Stewart</h5> <h5 class="f-18 pt-1">Prativa Shah</h5>
<p class="text-muted mb-0">Web Designer at xyz Company</p> <p class="text-muted mb-0">Data Analyst in Priceline Pty Ltd.</p>
<div class="testi-icon">
<i class="mdi mdi-format-quote-open display-2"></i>
</div>
</div> </div>
</div> </div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative"> <div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo</p> <p class="text-muted mb-5">Thank you so much, everyone, and the entire Extratech team, for always supporting me throughout this journey. I appreciate your help, especially Binod and Sandeep dai, for your encouragement and belief in me.</p>
<div class="clearfix"> <div class="clearfix">
<div class="testi-img float-left mr-3"> <div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow"> <img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div> </div>
<h5 class="f-18 pt-1">Charles Garrett</h5> <h5 class="f-18 pt-1"> Pratibha Rai</h5>
<p class="text-muted mb-0">Marketing manager at abc Company</p> <p class="text-muted mb-0">Level 1 IT Officer, Royal Australasian College of Surgeons (RACS).</p>
<div class="testi-icon">
<i class="mdi mdi-format-quote-open display-2"></i>
</div>
</div> </div>
</div> </div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative"> <div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consecteturqui adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam</p> <p class="text-muted mb-5">Thanks to the entire Extratech team for creating this opportunity and for continuous support, guidance, and encouragement during the job-seeking period. It would not be possible without your help. I will always be grateful to you all.</p>
<div class="clearfix"> <div class="clearfix">
<div class="testi-img float-left mr-3"> <div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow"> <img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div> </div>
<h5 class="f-18 pt-1">Perry Martinez</h5> <h5 class="f-18 pt-1">Manju Pant</h5>
<p class="text-muted mb-0">Marketing manager at abc Company</p> <p class="text-muted mb-0">Junior Accountant, Bilateral Solutions Pty Ltd.</p>
<div class="testi-icon"> </div>
<i class="mdi mdi-format-quote-open display-2"></i>
</div> </div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Thank you, entire Extratech Team, for everything. Special thanks to Binod sir and Sandeep dai for your guidance, and also thanks to all team. And thank you all for your warm wishes.</p>
<div class="clearfix">
<div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div>
<h5 class="f-18 pt-1">Tshering Wangchuk</h5>
<p class="text-muted mb-0">ICT Support Officer, ACT Government</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- testimonial end --> <!-- testimonial end -->
<!-- subscribe start --> <!-- subscribe start -->
<section class="section contact-section" style="background: url('images/contact-sec.png') ;"> <section class="contact-section" id="contact" style="background: url('images/contact-sec.png') ;">
<div class="container-fluid px-1 py-5 mx-auto"> <div class="container-fluid px-1 py-5 mx-auto">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title title-line pb-5">We make hiring easy. It's that simple.</h4>
<p class="text-muted para-desc mx-auto mb-4">
Please fill out the form below to get in touch with our team, <br> ask any questions, or tell us about your individual recruitment needs.</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<div class="col-xl-7 col-lg-8 col-md-9 col-11 text-center"> <div class="col-xl-7 col-lg-8 col-md-9 col-11 text-center">
<h3>Request a Demo</h3>
<p class="blue-text">Just answer a few questions<br> so that we can personalize the right experience for you.</p>
<div class="card"> <div class="card">
<h5 class="text-center mb-4">Powering world-class companies</h5> <h5 class="text-center mb-4">We do recruitment that makes everyone happy.</h5>
<form class="form-card" onsubmit="event.preventDefault()"> <form class="form-card" onsubmit="event.preventDefault()">
<div class="row justify-content-between text-left"> <div class="row justify-content-between text-left">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Full name<span class="text-danger"> *</span></label> <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Full name<span class="text-danger"> *</span></label>
<input type="text" id="fname" name="fname" placeholder="Enter your full name" onblur="validate(1)"> <input type="text" id="fname" name="fname" placeholder="Enter your full name" onblur="validate(1)">
</div> </div>
<div class="form-group col-sm-6 flex-column d-flex"> <div class="form-group col-sm-6 flex-column d-flex">
<label class="form-control-label px-3">Business email<span class="text-danger"> *</span></label> <label class="form-control-label">Email<span class="text-danger"> *</span></label>
<input type="text" id="email" name="email" placeholder="" onblur="validate(2)"> <input type="text" id="email" name="email" placeholder="Enter your email address" onblur="validate(2)">
</div> </div>
</div> </div>
<div class="row justify-content-between text-left"> <div class="row justify-content-between text-left">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Phone number<span class="text-danger"> *</span></label> <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Phone number<span class="text-danger"> *</span></label>
<input type="text" id="mob" name="mob" placeholder="" onblur="validate(3)"> <input type="text" id="mob" name="mob" placeholder="Enter your phone number" onblur="validate(3)">
</div> </div>
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Job title<span class="text-danger"> *</span></label> <div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Job title<span class="text-danger"> *</span></label>
<input type="text" id="job" name="job" placeholder="" onblur="validate(4)"> <input type="text" id="job" name="job" placeholder="Enter your job title" onblur="validate(4)">
</div> </div>
</div> </div>
<div class="row justify-content-between text-left"> <div class="row justify-content-between text-left">
<div class="form-group col-12 flex-column d-flex"> <label class="form-control-label px-3">What would you be using Flinks for?<span class="text-danger"> *</span></label> <div class="form-group col-12 flex-column d-flex"> <label class="form-control-label">Have any queries?<span class="text-danger"> *</span></label>
<input type="text" id="ans" name="ans" placeholder="" onblur="validate(5)"> <textarea rows="2" placeholder="Write your message here" id="ans" name="ans"onblur="validate(5)"></textarea>
</div> </div>
</div> </div>
<div class="row justify-content-end"> <div class="row justify-content-end">
<div class="form-group col-sm-6"> <div class="form-group col-sm-6">
<button type="submit" class="btn-block btn-primary">Request a demo</button> <button type="submit" class="btn-block btn-primary">Submit</button>
</div> </div>
</div> </div>
</form> </form>

Loading…
Cancel
Save