Files
wdipl-redesign/pages/contact-us.php

351 lines
15 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php include('../components/header.php') ?>
<div id="sec_main">
<!-- Get in touch with start -->
<section class="get-in-touch-sec p-top section">
<div class="container">
<div class="row">
<div class="col-md-10">
<p class="head">Turn Your Next Big Idea into Reality, Connect with Mobile App and AI Development
Experts Today.</p>
</div>
<div class="col-md-2">
<div class="get-in-icons">
<a class="get-in-icon socialContainer containerOne" href="https://www.facebook.com/wdideas" target="_blank">
<img class="socialSvg" src="../assets/images/new-img/fb.svg" alt="">
</a>
<a class="get-in-icon socialContainer containerTwo" href="https://www.instagram.com/wdipl/" target="_blank">
<img class="socialSvg" src="../assets/images/new-img/insta.svg" alt="">
</a>
<a class="get-in-icon socialContainer containerThree" href="https://twitter.com/wdideas" target="_blank">
<img class="socialSvg" src="../assets/images/new-img/twitter.svg" alt="">
</a>
</div>
</div>
</div>
<div class="home-form">
<div class="cmm-inputs-main">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" placeholder=" " required>
<label for="name">Enter your name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" placeholder=" " required>
<label for="email">Enter your email address</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<select id="country" required>
<option value="" disabled selected>Select your country</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" id="contact" placeholder=" " required>
<label for="contact">Enter your contact number</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<select id="services" required>
<option value="" disabled selected>Select your services</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<select id="budget" required>
<option value="" disabled selected>Select your budget</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea id="project" placeholder=" " required></textarea>
<label for="project">Tell us about your project and business challenge</label>
</div>
</div>
</div>
</div>
<!-- <div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Submit
</a>
</div> -->
</div>
<p class="mb-3">What is the current stage of your software development process?</p>
<div class="opts-choose">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Idea
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label class="form-check-label" for="flexRadioDefault2">
Designed Solution
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
<label class="form-check-label" for="flexRadioDefault3">
Prototype/Specification
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
<label class="form-check-label" for="flexRadioDefault4">
MVP
</label>
</div>
</div>
<div class="attachment-upload">
<p>Attachments</p>
<!-- <input type="file"> -->
<label for="file" class="custum-file-upload">
<div class="icon">
<img loading="lazy" src="../assets/images/new-img/upload.svg" alt="">
<div class="text">
<span>Upload Additional file</span>
</div>
</div>
<input id="file" type="file">
</label>
<span>Attach file. File size of your documents should not exceed 10MB</span>
</div>
<div class="range-slider">
<p>When do you expect to start</p>
<div class="slider-container">
<input type="range" class="form-range" min="0" max="5" step="1" id="customRange3" value="0">
<div class="labels">
<span>1 Month</span>
<span>6 Month</span>
<span>1 Year</span>
<span>1.5 Year</span>
<span>2+ Year</span>
</div>
<div class="dot" style="left: 20%"></div>
<div class="dot" style="left: 40%"></div>
<div class="dot" style="left: 60%"></div>
<div class="dot" style="left: 80%"></div>
<div class="dot" style="left: 99.6%"></div>
</div>
</div>
<div class="mt-5">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
I want to protect my data by signing an NDA
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
<label class="form-check-label" for="flexCheckChecked">
Agree to terms & conditions
</label>
</div>
</div>
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Submit
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
alt="arrow-up">
</a>
</div>
</div>
</section>
<!-- Get in touch with end -->
<!-- Book Appointment start -->
<section class="book-appointment-sec section">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="grey-para mb-1">Book Appointment</p>
<p class="mid-head">Make Your Vision Come to Life with Best-in-Class App Development</p>
<p class="grey-para">Have a big idea and are looking for customised solutions? From bespoke app
development to AI-enabled platforms, and scalable system upgrades, our experts can turn ideas
into premium digital products. Let's connect and create scalable and thriving solutions.</p>
<div class="lets_talk mt-4">
<a href="contact-us.php">
<span class="one"></span>
<span class="two"></span>
Book Appointment
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
<div class="col-md-6">
<div class="book-app-img">
<img src="../assets/images/new-img/book-appointment.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Book Appointment end -->
<!--Got a Project Plan start -->
<section class="got-a-project-sec section">
<div class="container">
<div class="row">
<div class="">
<p class="mid-head">We'd love to talk to you</p>
<p class="grey-para">Need guidance or a development partner for next-generation application
development? WDI will be your trusted partner for secure, scalable, cutting-edge <br> solutions.
Start here and fill out the following form to begin bringing your vision to life into something
truly remarkable.
</p>
<div class="details-container">
<div class="details-content">
<div class="details-img">
<div class="dot"></div>
<img src="../assets/images/new-img/details.png" alt="">
</div>
<p class="mini-head-para">Enter Details</p>
<p class="grey-para">
Fill in all the details required to start. Be accurate to enable smooth processing.
</p>
</div>
<div class="details-content">
<div class="details-img">
<div class="dot"></div>
<img src="../assets/images/new-img/details.png" alt="">
</div>
<p class="mini-head-para">Submit Details</p>
<p class="grey-para">
Carefully review your entries and submit them to ensure smooth processing. It is a
simple step for confirmation of your request.
</p>
</div>
<div class="details-content">
<div class="details-img">
<div class="dot"></div>
<img src="../assets/images/new-img/details.png" alt="">
</div>
<p class="mini-head-para">Book Appointment</p>
<p class="grey-para">
Select an appropriate time slot according to your schedule. Make it easy to plan and
remain ahead.
</p>
</div>
</div>
</div>
<div class="lets_talk">
<a href="contact-us.php">
<span class="one"></span>
<span class="two"></span>
Tell Us More
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
alt="arrow-up">
</a>
</div>
</div>
</div>
</section>
<!--Got a Project Plan end -->
<!--Join Our Team! start -->
<section class="join-our-team-sec section">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mid-head">Join WDI Where Ideas Shape the Future</p>
<p class="grey-para">Passionate about technology and innovation? We turn ideas into world-class
digital solutions at WDI. Whether mobile app development or an AI-powered platform, we are the
future. Become part of a team that cares about creativity, growth, and impact. Shaping what's
next begins here.
</p>
</div>
<div class="col-md-6">
<div class="lets_talk">
<a href="contact-us.php">
<span class="one"></span>
<span class="two"></span>
Apply Here
<img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
</div>
</div>
</section>
<!--Join Our Team! end -->
<!-- **** uncertain end **** -->
</div>
<?php include('../components/footer.php') ?>