color with popup intigrate

This commit is contained in:
sujan
2024-09-01 14:04:37 +05:45
parent 63eff0bd2e
commit c4c8493d33
3 changed files with 166 additions and 17 deletions

View File

@ -15,18 +15,92 @@
<div class="cta-wrapr">
<div class="wpo-section-title">
<h3>Secure Your Future Today</h3>
<a href="contact.html" class="apply-btn">Apply Now</a> </div>
<a href="#popup" class="apply-btn">Apply Now</a>
<!--pop up div-->
<div class="popup-link"> </div>
<!--popup1-->
<div id="popup" class="popup-container">
<div class="popup-content"> <a href="#" class="close">&times;</a>
<h3>Popup 1</h3>
<div class="quote-form">
<div class="title">
<h3>Reach Out for Assistance</h3>
</div>
<form id="quoteForm">
<div class="row">
<div class="item col-lg-6 col-12">
<label>Personal Information</label>
<input class="form-control" type="text" name="name" id="name" placeholder="Full Name">
</div>
<div class="item col-lg-6 col-12">
<label>Study Destination</label>
<select name="city" id="city" class="form-control">
<option value="">Select Country</option>
<option value="city1">Australia</option>
<option value="city2">USA</option>
<option value="city3">UK</option>
<option value="city4">Canada</option>
<option value="city5">New Zealand</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Email Address</label>
<input class="form-control" type="email" name="email" id="email" placeholder="Email">
</div>
<div class="item col-lg-6 col-12">
<label>Contact Number</label>
<input class="form-control" type="text" name="phone" id="phone" placeholder="Phone">
</div>
<div class="item col-lg-6 col-12">
<label>Office Location</label>
<select name="type" id="type" class="form-control">
<option value="">Select Location</option>
<option value="type1">Putalisadak Office</option>
<option value="type2">Baneshwor Office</option>
<option value="type3">Pokhara Office</option>
<option value="type4">Kumaripati Office</option>
<option value="type5">Chitwan Office</option>
<option value="type6">Butwal Office</option>
<option value="type7">Biratnagar Office</option>
<option value="type8">Access Canada Office</option>
<option value="type9">Access New Zealand Office</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Counseling Options</label>
<select name="incoter" id="incoter" class="form-control">
<option value="">Select Options</option>
<option value="incoter1">In-Person / Visit Office Location</option>
<option value="incoter2">Online / Distance Counselling</option>
</select>
</div>
<div class="item col-lg-12 col-12">
<label>Enquiry Details</label>
<textarea name="message" class="form-control field-message" placeholder="Enquiry Message"></textarea>
</div>
<div class="item col-12">
<input class="submit-btn" type="submit" value="Submit">
</div>
</div>
</form>
</div>
</div>
</div>
<!--pop up div End-->
</div>
<div class="contact-info">
<div class="item">
<div class="icon"> <i class="flaticon-phone-call"></i> </div>
<div class="text"> <span>Call For Inquiry</span>
<p>+236 (456) 896 22</p>
<p>+977-9801570070</p>
</div>
</div>
<div class="item">
<div class="icon"> <i class="flaticon-email"></i> </div>
<div class="text"> <span>Send Us Email</span>
<p>contact@logistika.com</p>
<p>info@accessnepal.net</p>
</div>
</div>
</div>
@ -160,6 +234,9 @@
<script src="assets/js/jquery.dlmenu.js"></script>
<script src="assets/js/jquery-plugin-collection.js"></script>
<!-- Custom script for this template -->
<script src="assets/js/script.js"></script>
<script src="assets/js/script.js"></script>
<!--PopUp JS-->
<!--PopUp JS End-->
</body><!-- Mirrored from wpocean.com/html/tf/logistika/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:16 GMT -->
</html><!-- Footer Section End-->