Fix venue image & Fix wrong university name (#8)

OpnTec · Dec 31, 2019 · f6550a8 · f6550a8
1 parent 096d609
commit f6550a8
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 8 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -201,4 +201,27 @@
     margin-bottom: 15px;
     margin-right: 8px;
   }
-}
+}
+
+.p-0 {
+  padding: 0;
+}
+
+@media all and (max-width: 767px) {
+  #venue .image-with-text {
+    padding-top: 0;
+  }
+
+  #venue .background-image-holder {
+    position: relative;
+    height: 400px;
+  }
+
+  #venue .side-image {
+    position: relative;
+  }
+
+  .image-with-text .vertical-align {
+    padding-top: 30px;
+  }
+}
diff --git a/index.html b/index.html
@@ -943,32 +943,32 @@ <h2>Eden Jade</h2>
             </div>
         </section>
 
-			<a id="venue" class="in-page-link"></a>
-			<section class="image-with-text background-dark preserve-3d">
-				<div class="go-left side-image col-sm-4 col-md-6">
+        <section id="venue" class="p-0">
+			<div class="image-with-text background-dark preserve-3d">
+				<div class="go-left side-image col-sm-6 col-md-6">
 					<div class="background-image-holder">
 						<img class="background-image" alt="query-server" src="img/venue.jpg">
 					</div>
 				</div>
 				<div class="container vertical-align">
 					<div class="row">
-						<div class="col-md-5 col-md-offset-7 col-sm-7 col-sm-offset-5">
+						<div class="col-md-5 col-md-offset-7 col-sm-6 col-sm-offset-6">
 							<h1 class="text-white">Summit Venue - University of Moratuwa</h1>
 							<p class="lead text-white">
 								The <a target="default" href="https://www.mrt.ac.lk/">University of Moratuwa</a> is hosting the OpenTechSummit as a partner of the event.<br>
 							</p>
 						</div>
 					</div>
 				</div>
-			</section>
-
+			</div>
+        </section>
         <a id="map" class="in-page-link"></a>
         <section class="contact-tweets">
             <div class="container vertical-align">
                 <div class="row">
                     <div class="col-md-5 col-sm-6">
                         <span class="text-white">
-                            <h1 class="text-white"><a target="default" href="https://www.mrt.ac.lk/">Muratowa University</a> is the event location for the OpenTechSummit.</h1>
+                            <h1 class="text-white"><a target="default" href="https://www.mrt.ac.lk/">Moratowa University</a> is the event location for the OpenTechSummit.</h1>
                             <h1 class="text-white">Address:<br>
                             Bandaranayake Mawatha<br>
                             Moratuwa 10400<br>