Merge pull request #5 from awindsr/main

minor ui fixes

assets/css/execom.css

@@ -0,0 +1,145 @@
+/* Global styles */
+body {
+  background: #172238 url("../images/choosing-bg.jpg") no-repeat;
+}
+
+#mentors {
+  width: 100%;
+}
+
+.mentors-heading,
+.execom-heading {
+  height: 12rem;
+  color: white;
+  text-align: center;
+  padding: 4rem;
+  margin: auto;
+}
+
+.mentor-container {
+  margin-top: 80px !important;
+  margin: auto;
+}
+
+.mentors-heading h2,
+.execom-heading h2 {
+  margin: auto;
+  color: white;
+  width: fit-content;
+  padding: 1rem;
+  border: 2px solid #2e384b;
+}
+
+.mentors-img {
+  width: 100%;
+}
+
+/* Hide scrollbars */
+::-webkit-scrollbar {
+  display: none;
+}
+
+/* Gallery styles */
+#container {
+  overflow: scroll hidden;
+  height: auto;
+  width: 100vw;
+}
+
+.gallery {
+  background: #172238 url(../images/choosing-bg.jpg) no-repeat;
+}
+
+ul.images {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  width: auto;
+  overflow-x: auto;
+  list-style: none;
+}
+
+ul.images li {
+  flex: 0 0 auto;
+  width: auto;
+  height: auto;
+  margin-right: 5px;
+}
+
+ul.images li:not(:last-child) {
+  margin-right: 5px;
+}
+
+ul.images li img {
+  width: 70rem;
+  height: 40rem;
+  object-fit: fit;
+
+}
+/* Responsive styles for screens <= 768px */
+@media screen and (max-width: 768px) {
+  #container {
+    overflow: hidden auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  ul.images li {
+    height: auto;
+  }
+
+  ul.images {
+    margin: 5px;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  ul.images li img {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+}
+
+@media screen and (max-width: 950px) {
+  .main-menu { padding-right: 0!important; }
+  .main-header .logo {
+    line-height: 73px;
+
+  }
+  .main-menu li {
+    display: none;
+    line-height: 1;
+    margin-left: 0 !important;
+  }
+
+  .main-menu li .sub-menu {
+    opacity: 1;
+    visibility: visible;
+    position: static;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+  .main-menu li .sub-menu li:last-child {
+    border-bottom: 1px solid rgba(250,250,250,0.25);
+  }
+}
+
+@media screen and (max-width: 950px) and (max-height: 400px) {
+  nav[role="navigation"].active {
+    max-height: calc(80px + 100vh);
+    overflow-y: auto;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  footer p {
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.25px;
+  }
+}

assets/css/templatemo-grad-school.css

@@ -325,6 +325,7 @@ a.menu-link { display: none; }
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
+  z-index: 5;
 }
 
 .main-banner .caption h6 {

execom.html

@@ -13,7 +13,7 @@
 
   <!-- Bootstrap core CSS -->
   <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-  <link rel="stylesheet" href="./execom.css">
+  <link rel="stylesheet" href="./assets/css/execom.css">
 
   <!-- Additional CSS Files -->
   <link rel="stylesheet" href="assets/css/fontawesome.css">
@@ -40,10 +40,10 @@
           <ul class="sub-menu">
             <li><a href="./index.html#section2" rel="sponsored" class="external">Who we are?</a></li>
             <li><a href="./index.html#section2" rel="sponsored" class="external">What we do?</a></li>
-            <li><a href="./index.html#section2" rel="sponsored" class="external">Membership</a></li>
+            <li><a href="./index.html#section3" rel="sponsored" class="external">Membership</a></li>
             <li><a href="https://forms.gle/jb2dPLwHFQ1uG87U6" rel="sponsored" class="external">LMS</a></li>
           </ul>
-        <li><a href="#">Execom</a></li>
+        <li class="active"><a href="#">Execom</a></li>
 
         </li>
         <li><a href="./index.html#section4" rel="sponsored" class="external">Courses</a></li>