added banner layout

swaaz · swaaz · commit 7836a9b8805c · 2020-07-16T14:47:55.000+05:30
diff --git a/assets/css/banner.css b/assets/css/banner.css
@@ -0,0 +1,24 @@
+.banner {
+    text-align: center;
+    width: 100%;
+    height: fit-content;
+    background-color: #c64236;
+}
+.banner-text {
+    line-height: normal;
+    font-family: profontwindows;
+    font-size: 1.7rem;
+    color: #ffffff;
+    margin-bottom: 0;
+    padding: 1% 0 1% 0;
+}
+.banner-text strong {
+    font-family: 'Quicksand', sans-serif;
+    font-size: 2rem;
+}
+.banner-text a {
+    color: #ffffff;
+}
+.banner-text a:hover {
+    color: #202020;
+}
diff --git a/index.html b/index.html
@@ -28,7 +28,8 @@
 
      <link rel="stylesheet" type="text/css" href="assets/slick.css">
      <link rel="stylesheet" type="text/css" href="slick-theme.css">
-     
+     <link rel="stylesheet" type="text/css" href="./assets/css/banner.css">
+     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet"> 
 
       <style>
         @font-face{
@@ -241,7 +242,7 @@
   <header style="position: absolute;">
         <nav class="navbar navbar-toggleable-sm navbar-fixed-top" style="background-color: black;">
 
-          <div><a href="http://www.codezoned.com" class="navbar-brand mb-0" style=""><img src="assets/img/CZmainsmall.png" style="width: 12%; min-width: 150px;"></a></div>
+          <div><a href="http://www.codezoned.com" class="navbar-brand mb-0" style=""><img src="/home/swaaz/swaaz/github/codezoned.com/assets/img/CZmainSmall.png" style="width: 12%; min-width: 150px;"></a></div>
 
             <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#headerNav" aria-controls="headerNav" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon" style="color: white; width: 80px; background-color: #343434; padding-top: 2px; margin-top: 5px;">Menu</span>
@@ -271,6 +272,10 @@
             </ul>
           </div>
         </nav>
+
+        <div class="banner" onclick="window.location.href='https://hac.codezoned.com';" value="Hac">
+          <p class="banner-text"><a href="https://hac.codezoned.com">Codezoned's latest hackathon -<strong> HAC "HackAgainstCovid" </strong> is open for registration</a> </p>
+        </div>
     </header>
    <br>
 
