added maps in contact section (Eduhub-Community#367)

index.html

@@ -1294,21 +1294,11 @@ <h2>Contact</h2>
           <div class="col-lg-6">
             <div class="row">
               <div class="col-md-12">
-                <div class="info-box dark">
-                  <i class="bx bx-map"></i>
-                  <h3>Our Address</h3>
-                  <p>Chomu Udaipuria Mod, Jaipur, Rajasthan</p>
-                </div>
-              </div>
-              <div class="col-md-12">
-                <div class="info-box dark mt-4">
-                  <i class="bx bx-envelope"></i>
-                  <h3>Email Us</h3>
-                  <p>
-                    <a target="_blank" href="mailto:[email protected]">[email protected]</a>
-                  </p>
+                <div class="maps">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14191.716529499217!2d75.69560724880994!3d27.22137469113723!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396d002800624821%3A0x53cf763f532947cd!2sUdaipuriya%2C%20Rajasthan%20303702!5e0!3m2!1sen!2sin!4v1687247246286!5m2!1sen!2sin" width="546" height="367" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                 </div>
               </div>
+
               <!-- <div class="col-md-6">
                   <div class="info-box mt-4">
                     <i class="bx bx-phone-call"></i>
@@ -1354,6 +1344,17 @@ <h3>Call Us</h3>
             </form>
           </div>
         </div>
+        <div class="row">
+          <div class="col-lg-12">
+            <div class="info-box dark mt-4">
+              <i class="bx bx-envelope"></i>
+              <h3>Email Us</h3>
+              <p>
+                <a target="_blank" href="mailto:[email protected]">[email protected]</a>
+              </p>
+            </div>
+          </div>
+        </div>
       </div>
     </section>
     <!-- End Contact Section -->

style.css

@@ -1276,6 +1276,13 @@ section {
   padding: 20px 0 30px 0;
   background: #fff;
 }
+.contact .maps iframe{
+  color: #2d405f;
+  text-align: center;
+  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
+  padding: 20px 0 30px 0;
+  background: #fff;
+}
 .contact .info-box i {
   font-size: 32px;
   color: #3b4ef8;