Viewing File: /home/ubuntu/codegama-ui-revamp/contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section class="contact-us sm-padding">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="section-title">
<div class="title-before">
<h2>Contact Us</h2>
</div>
</div>
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-md-12 col-lg-6 col-xl-5 resp-mrg-btm-md">
<div class="contact-us-form-box">
<form class="contact-us-form" action="src/index.php" method="post">
<h3>Get in touch</h3>
<div class="mb-0">
<label class="form-label">Name</label>
<input name="name" id="name" type="text" class="form-control" required>
</div>
<div class="border-divider"></div>
<div class="mb-0">
<label class="form-label">Email</label>
<input type="email" name="email" id="email" class="form-control" required>
</div>
<div class="border-divider"></div>
<div class="mb-0">
<label class="form-label">Phone Number</label>
<input type="number" name="phone_number" id="phone_number" class="form-control" required>
</div>
<div class="border-divider"></div>
<div class="mb-0">
<label>Services we Offer</label>
<!-- <select class="wide form-control" name="services">
<option data-display="Select">Nothing</option>
<option value="ido">UI/UX Design</option>
<option value="nft">Graphic Design</option>
</select> -->
<div class="service-select-box">
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_1"
value="Web Devlopment">
<label class="for-checkbox-tools" for="interested_1">
Web Development
</label>
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_2"
value="Mobile Development">
<label class="for-checkbox-tools" for="interested_2">
Mobile Development
</label>
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_3"
value="DevOps Solutions">
<label class="for-checkbox-tools" for="interested_3">
DevOps Solutions
</label>
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_4"
value="UI/UX Design">
<label class="for-checkbox-tools" for="interested_4">
UI/UX Design
</label>
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_5"
value="Blockchain Development">
<label class="for-checkbox-tools" for="interested_5">
Blockchain Development
</label>
<input class="checkbox-tools" name="interest[]" type="checkbox" id="interested_6"
value="Marketing Services">
<label class="for-checkbox-tools" for="interested_6">
Marketing Services
</label>
</div>
</div>
<div class="border-divider"></div>
<div class="mb-0">
<label for="exampleFormControlTextarea1" class="form-label">Tell Us Something</label>
<textarea name="message" class="form-control" id="message" id="exampleFormControlTextarea1" rows="3"
required></textarea>
</div>
<div class="border-divider"></div>
<div class="contact-us-submit-btn-sec">
<button class="contact-us-submit-btn hoverme">
Submit
<div class="contact-us-submit-icon">
<img src="assets/img/contact/arrow-right.svg" class="forward-arrow-icon"
alt="best app development service" />
</span>
</button>
</div>
</form>
</div>
</div>
<div class="col-md-12 col-lg-6 col-xl-5">
<div class="contact-us-right-box">
<div class="ribbon ribbon-top-right"><span>Calendly</span></div>
<div class="contact-us-calendly-sec">
<h2>For Quick <br>Response.</h2>
<p>Talk to us about you business requirements and we will offer you with the best and most impressive
business prospect.</p>
<a href="https://calendly.com/codegama/30min" class="calendly-btn" target="_blank">
Request
<div class="calendly-icon">
<img src="assets/img/contact/arrow-right-black.svg" class="forward-arrow-icon"
alt="app development service" />
</div>
</a>
<div class="contact-address-info-card">
<div class="contact-item-card">
<h4>Business Enquiry</h4>
<div class="contact-flag-sec mb-3">
<a href="tel:+91 7829603606">
<div class="contact-address-icon-sec">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 512 512">
<g>
<path fill="#efefef"
d="M462.029 329.683V182.316c0-1.248-.021-2.491-.056-3.731H76.65v154.83h385.323c.035-1.24.056-2.483.056-3.732z">
</path>
<path fill="#1da559"
d="M329.68 462.031c61.323 0 113.033-41.926 127.987-98.616H79.121c10.609 48.671 38.663 77.009 66.648 93.477a132.022 132.022 0 0036.561 5.14h147.35z">
</path>
<path fill="#fe8b40"
d="M81.601 148.585h376.066c-14.954-56.69-66.664-98.616-127.987-98.616H182.33a132.159 132.159 0 00-31.654 3.832c-43.735 24.784-61.737 66.941-69.075 94.784z">
</path>
<path
d="M329.68 19.969H182.33c-89.525 0-162.359 72.829-162.359 162.348v147.366c0 89.52 72.834 162.349 162.359 162.349h147.35c89.52 0 162.35-72.829 162.35-162.349V182.316c-.001-89.518-72.831-162.347-162.35-162.347zM49.971 329.683V182.316c0-1.248.021-2.491.056-3.731h411.947c.034 1.24.056 2.483.056 3.731v147.366c0 1.249-.021 2.492-.056 3.732H50.026a135.935 135.935 0 01-.055-3.731zM182.33 49.969h147.35c61.323 0 113.033 41.926 127.987 98.616H54.334c14.954-56.69 66.668-98.616 127.996-98.616zm147.35 412.062H182.33c-61.328 0-113.042-41.926-127.996-98.616h403.333c-14.954 56.69-66.664 98.616-127.987 98.616z">
</path>
<path fill="#0e4aaf"
d="M256 189.465c-36.687 0-66.535 29.849-66.535 66.535s29.849 66.535 66.535 66.535 66.535-29.849 66.535-66.535-29.848-66.535-66.535-66.535zM301.598 256c0 6.27-1.272 12.246-3.571 17.688L285.079 256l12.947-17.688A45.347 45.347 0 01301.598 256zm-9.295-27.55l-21.764 2.367-8.838-20.046c12.45 1.561 23.355 8.153 30.602 17.679zm-42.004-17.679l-8.839 20.046-21.764-2.367c7.248-9.526 18.153-16.118 30.603-17.679zM210.401 256c0-6.27 1.272-12.246 3.571-17.688L226.921 256l-12.948 17.688A45.344 45.344 0 01210.401 256zm9.295 27.55l21.764-2.367 8.839 20.046c-12.45-1.561-23.356-8.153-30.603-17.679zm42.005 17.679l8.838-20.046 21.765 2.367c-7.248 9.527-18.153 16.118-30.603 17.679z">
</path>
</g>
</svg>
</div>
<div class="contact-address-info">
<p>+91 7829603606</p>
</div>
</a>
</div>
<div class="contact-flag-sec">
<a href="tel:+971 4 271 1193">
<div class="contact-address-icon-sec">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 32 32">
<g>
<path fill="#292929" d="M20.355 28.063c3.802 0 6.961-2.77 7.587-6.396H12.069v6.396z"></path>
<path fill="#fff" d="M12.069 12.334h15.993v7.332H12.069z"></path>
<path fill="#66ba8e"
d="M20.355 3.938h-8.286v6.396h15.873c-.626-3.626-3.785-6.396-7.587-6.396z"></path>
<path fill="#e3182b"
d="M10.069 4.203C5.426 6.225 5.12 11.502 5.12 11.502v9.799c.539 3.892 2.93 5.729 4.94 6.596a.03.03 0 00.009.002z">
</path>
<path fill="#191717"
d="M20.355 1.938h-8.709c-5.354 0-9.709 4.355-9.709 9.708v8.709c0 5.353 4.355 9.708 9.709 9.708h8.709c5.353 0 9.707-4.355 9.707-9.708v-8.709c.001-5.354-4.354-9.708-9.707-9.708zm-8.286 17.728v-7.332h15.993v7.332zm15.873-9.332H12.069V3.938h8.286c3.802 0 6.961 2.77 7.587 6.396zM3.938 20.354v-8.709c0-3.709 2.635-6.814 6.132-7.544v23.798c-3.498-.73-6.132-3.835-6.132-7.545zm16.417 7.709h-8.286v-6.396h15.873c-.626 3.625-3.785 6.396-7.587 6.396z">
</path>
</g>
</svg>
</div>
<div class="contact-address-info">
<p>+971 4 271 1193</p>
</div>
</a>
</div>
<div class="contact-us-social-link-sec">
<ul class="list-unstyled contact-us-social-link">
<li>
<a href="https://www.linkedin.com/company/codegama" target="_blank">
<img src="assets/img/contact/linkedin.svg" class="social-link-icon" alt="Web development service">
</a>
</li>
<!-- <li>
<a href="#" target="_blank">
<img src="assets/img/contact/messenger.svg" class="social-link-icon">
</a>
</li> -->
<li>
<a href="https://api.whatsapp.com/send?phone=+917829603606&text=I%27m%20interested%20in%20CodeGama"
target="_blank">
<img src="assets/img/contact/whatsapp.svg" class="social-link-icon" alt="CodeGama">
</a>
</li>
<!-- <li>
<a href="#" target="_blank">
<img src="assets/img/contact/skype.svg" class="social-link-icon">
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="assets/img/contact/telegram.svg" class="social-link-icon">
</a>
</li> -->
</ul>
</div>
</div>
<div class="contact-divider">
<h4>HR</h4>
<a href="tel:+91 95918 35716">
<div class="contact-address-icon-sec">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 512 512">
<g>
<path fill="#efefef"
d="M462.029 329.683V182.316c0-1.248-.021-2.491-.056-3.731H76.65v154.83h385.323c.035-1.24.056-2.483.056-3.732z">
</path>
<path fill="#1da559"
d="M329.68 462.031c61.323 0 113.033-41.926 127.987-98.616H79.121c10.609 48.671 38.663 77.009 66.648 93.477a132.022 132.022 0 0036.561 5.14h147.35z">
</path>
<path fill="#fe8b40"
d="M81.601 148.585h376.066c-14.954-56.69-66.664-98.616-127.987-98.616H182.33a132.159 132.159 0 00-31.654 3.832c-43.735 24.784-61.737 66.941-69.075 94.784z">
</path>
<path
d="M329.68 19.969H182.33c-89.525 0-162.359 72.829-162.359 162.348v147.366c0 89.52 72.834 162.349 162.359 162.349h147.35c89.52 0 162.35-72.829 162.35-162.349V182.316c-.001-89.518-72.831-162.347-162.35-162.347zM49.971 329.683V182.316c0-1.248.021-2.491.056-3.731h411.947c.034 1.24.056 2.483.056 3.731v147.366c0 1.249-.021 2.492-.056 3.732H50.026a135.935 135.935 0 01-.055-3.731zM182.33 49.969h147.35c61.323 0 113.033 41.926 127.987 98.616H54.334c14.954-56.69 66.668-98.616 127.996-98.616zm147.35 412.062H182.33c-61.328 0-113.042-41.926-127.996-98.616h403.333c-14.954 56.69-66.664 98.616-127.987 98.616z">
</path>
<path fill="#0e4aaf"
d="M256 189.465c-36.687 0-66.535 29.849-66.535 66.535s29.849 66.535 66.535 66.535 66.535-29.849 66.535-66.535-29.848-66.535-66.535-66.535zM301.598 256c0 6.27-1.272 12.246-3.571 17.688L285.079 256l12.947-17.688A45.347 45.347 0 01301.598 256zm-9.295-27.55l-21.764 2.367-8.838-20.046c12.45 1.561 23.355 8.153 30.602 17.679zm-42.004-17.679l-8.839 20.046-21.764-2.367c7.248-9.526 18.153-16.118 30.603-17.679zM210.401 256c0-6.27 1.272-12.246 3.571-17.688L226.921 256l-12.948 17.688A45.344 45.344 0 01210.401 256zm9.295 27.55l21.764-2.367 8.839 20.046c-12.45-1.561-23.356-8.153-30.603-17.679zm42.005 17.679l8.838-20.046 21.765 2.367c-7.248 9.527-18.153 16.118-30.603 17.679z">
</path>
</g>
</svg>
</div>
<div class="contact-address-info">
<p>+91 95918 35716</p>
</div>
</a>
<div class="contact-us-social-link-sec">
<ul class="list-unstyled contact-us-social-link">
<li>
<a href="https://api.whatsapp.com/send?phone=+919591835716&text=I%27m%20interested%20in%20CodeGama"
target="_blank">
<img src="assets/img/contact/whatsapp.svg" class="social-link-icon" alt="CodeGama">
</a>
</li>
<!-- <li>
<a href="#" target="_blank">
<img src="assets/img/contact/skype.svg" class="social-link-icon">
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="assets/img/contact/telegram.svg" class="social-link-icon">
</a>
</li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
$('button').on('click', function () {
function random(max) {
return Math.random() * (max - 0) + 0;
}
var c = document.createDocumentFragment();
for (var i = 0; i < 100; i++) {
var styles = 'transform: translate3d(' + (random(500) - 250) + 'px, ' + (random(200) - 150) + 'px, 0) rotate(' + random(360) + 'deg);\
background: hsla('+ random(360) + ',100%,50%,1);\
animation: bang 700ms ease-out forwards;\
opacity: 0';
var e = document.createElement("i");
e.style.cssText = styles.toString();
c.appendChild(e);
}
// document.body.appendChild(c);
$(this).append(c);
})
</script>
</body>
</html>
Back to Directory
File Manager