added map to overview page

shahsawoodshinwari · Sep 2, 2022 · 51de06f · 51de06f
1 parent 33b5819
commit 51de06f
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -94,4 +94,4 @@ textarea[name="comments"] {
         border-bottom-left-radius: 0 !important;
     }
 
-}
+}
diff --git a/images/finger-print-outline.svg b/images/finger-print-outline.svg
diff --git a/overview.html b/overview.html
@@ -125,6 +125,7 @@ <h5 class="card-title">Card title</h5>
                 </div>
             </div>
         </div>
+        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3303.9771075908866!2d71.1358319!3d34.0957269!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38d99f70c6523b49%3A0x556e2d8b3c1bcd!2sHamza%20Public%20High%20School.!5e0!3m2!1sen!2s!4v1662151925635!5m2!1sen!2s" class="w-100" height="450" style="border:2px solid var(--bs-orange);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
     <footer style="background-color: var(--bs-orange);" class="px-3 py-5">
         <div class="container">

diff --git a/vr.html b/vr.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <title>Vertical Line Between Two Cards</title>
+</head>
+
+<body>
+    <div class="container my-5">
+        <div class="row shadow rounded p-3">
+            <div class="col-md-5">
+                <div class="card">
+                    <div class="card-body">
+                        <h4 class="card-title">Card title</h4>
+                        <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-2">
+                <div class="vr h-100"></div>
+            </div>
+            <div class="col-md-5">
+                <div class="card">
+                    <div class="card-body">
+                        <h4 class="card-title">Card title</h4>
+                        <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>