TRacks Added

DSC-ChitkaraUniv · Jul 21, 2019 · 0ce6657 · 0ce6657
1 parent 34abc31
commit 0ce6657
Show file tree

Hide file tree

Showing 28 changed files with 95 additions and 30 deletions.
diff --git a/css/style.css b/css/style.css
@@ -115,6 +115,7 @@ section {
     /* min-height: 100vh; */
     height: auto;
     width: 100vw;
+    border-top: 2px solid rgb(233, 230, 230); 
 
 }
 .Container {
@@ -587,23 +588,25 @@ article{
 .code-of-conduct {
     height: auto;
     width: 100vw;
-    background: #e3e3e3;
+    /* background: #e3e3e3; */
+    background: white;
 }
 .wave {
-    height: 200px;
+    height: 240px;
     width: 100vw;
     background: #8166cd;
 }
 .wave::after {
     content: "";
     position: absolute;
     display: block;
-    background: url(../images/logo.png);
+    background: url(../images/back-4.png);
     width: 100vw;
     height: 200px;
     margin-top: 10%;
     z-index: 0;
     background-size: cover;
+    transform: rotate(180deg);
 }
 .Heading-right {
     width: 50%;
@@ -1235,25 +1238,52 @@ article{
     width: 100vw;
     height: auto;
     margin: auto;
-    background: whitesmoke;
+    background: #8166cd;
+    margin-top: 20%;
+
+}
+
+.tracks-article{
+    background: #8166cd;
+    height: auto;
+    width: auto;
+}
+
+.tracks-article::before{
+    content: '';
+    width: 100vw;
+    background: url(../images/back-4.png);
+    height: 200px;
+    position: absolute;
+    display: block;
+    z-index: 0;
+    background-size: cover;
+
 }
 
 .tracks-box{
-    width:80vw;
+    width: 90vw;
     height: auto;
     margin: auto;
 
 }
 
+
+
+
+
+
+
 .tracks{
     width: 25%;
     height: 300px;
-    border: 2px solid #000;
+    border: 1px solid #000;
     float: left;
     overflow: hidden;
     transition: 1s;
     margin: 3%;
     border-radius: 20px;
+    box-shadow: 2px 2px 20px 15px rgba(0, 0, 0, 0.25);
 }   
 
 .tracks img{
@@ -1287,6 +1317,7 @@ article{
 
 .tracks:hover{
     background: #000;
+    box-shadow: 0 0 0 0 rgba(255,255,255,1);
     opacity: 0.7;
     transition: 1s;
 }
@@ -1302,6 +1333,11 @@ article{
         overflow: hidden;
     }
 
+    .tracks-box{
+        margin-top: 20%;
+
+    }
+
 
 }
 
@@ -1311,11 +1347,25 @@ article{
 .text-details p {
     font-size: 1em;
 }
+
+
+.tracks-box{
+    margin-top: 25%;
+
+}
+
+.tracks{
+    box-shadow: 2px 2px 15px 10px rgba(0,0,0,0.2);
+}
+
+
 }
 
 @media all and (max-width:550px){
     .track-container{
-        width: 100vw;
+        width: 80vw;
+        margin: auto;
+        margin-top: 40%;
 
     }
     .Head-bar h1{
@@ -1328,10 +1378,18 @@ article{
     }
 
     .tracks {
-        width: auto;
+        width: 70%;
+        box-shadow: 2px 2px 15px 10px rgba(0,0,0,0.2);
     }
     .Image-alignment img {
         margin: 0;
         object-fit: contain;
     }
+}
+
+
+.white-text{
+    color: #f5f5f5!important;
+    margin-top: 0!important;
+
 }
diff --git a/images/17378fe5-c318-4895-ab57-94d6695ee59a.jpeg b/images/17378fe5-c318-4895-ab57-94d6695ee59a.jpeg
diff --git a/images/60.jpg b/images/60.jpg
diff --git a/images/74.jpg b/images/74.jpg
diff --git a/images/F.jpg b/images/F.jpg
diff --git a/images/Things.png b/images/Things.png
diff --git a/images/app.jpg b/images/app.jpg
diff --git a/images/ar.jpg b/images/ar.jpg
diff --git a/images/back-4.png b/images/back-4.png
diff --git a/images/bitcoin.png b/images/bitcoin.png
diff --git a/images/code.png b/images/code.png
diff --git a/images/dhushfinal2.jpg b/images/dhushfinal2.jpg
diff --git a/images/er.gif b/images/er.gif
diff --git a/images/f.png b/images/f.png
diff --git a/images/img.jpeg b/images/img.jpeg
diff --git a/images/iot.png b/images/iot.png
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/ml.png b/images/ml.png
diff --git a/images/privacy.jpg b/images/privacy.jpg
diff --git a/images/web.png b/images/web.png
diff --git a/images/web_ocean_preview.png b/images/web_ocean_preview.png
diff --git a/index.html b/index.html
@@ -51,7 +51,7 @@
   </head>
 
   <body>
-    <header>
+    <!-- <header>
       <div class="top-bar">
         <div class="top-bar-logo">
           <div class="left">
@@ -79,7 +79,7 @@ <h1 id="octahacks-animations" class="data">
           </ul>
         </nav>
       </div>
-    </header>
+    </header> -->
 
     <section id="Homepage">
       <div class="Container">
@@ -108,7 +108,7 @@ <h1 class="Branding">
                   <i class="fa fa-calendar-o"></i>
                   <br>
                   <strong>
-                    21 Aug
+                    21-22 Sep
                   </strong>
                   <br>
 
@@ -173,60 +173,67 @@ <h3>
       </div>
     </section>
 
-    <article>
+    <article class="tracks-article">
       <div class="container">
           <div class="track-container">
+
+              <div class="text-headline">
+                  <h1 class="white-text">
+                    The 8 tracks of the Octahacks
+                   </h1>
+                </div>
             <div class="tracks-box">
+
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/ml.png">
                 <p class="caption">
-                    Artificial Intelligence
+                    Artificial Intelligence &<br> Machine Learning
 
                 </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/17378fe5-c318-4895-ab57-94d6695ee59a.jpeg">
                 <p class="caption">
-                  Block Chain
+                  Robotics
               </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/web.png">
                 <p class="caption">
-                  Artificial Intelligence
+                 Web Development
               </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/iot.png">
                 <p class="caption">
-                  Artificial Intelligence
+                  I.O.T
               </p>
               </div>
               <div class="tracks">
                 <img src="./images/avento.gif">
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/app.jpg">
                 <p class="caption">
-                  Artificial Intelligence
+                  App Development
               </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/f.png">
                 <p class="caption">
-                  Artificial Intelligence
+                  Cloud Computing
               </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/ar.jpg">
                 <p class="caption">
-                  Artificial Intelligence
+                  A.R/V.R
               </p>
               </div>
               <div class="tracks">
-                <img src="./images/ai.png">
+                <img src="./images/bitcoin.png">
                 <p class="caption">
-                  Artificial Intelligence
+                 Block Chain
               </p>
               </div>
             </div>
@@ -259,7 +266,7 @@ <h1 class="white" id="F">
 
             <div class="Image-box-left" id="scene">
               <div class="Image-alignment" data-depth="1">
-                <img src="./images/dhushfinal2.jpg" alt="thinkers and doers" />
+                <img src="./images/er.gif" alt="thinkers and doers" />
               </div>
             </div>
 
@@ -470,7 +477,7 @@ <h1>
           </div>
           <div class="download-box">
             <div class="brochure">
-              <a href="#" class="button">
+              <a href="./assets/brochure" download="./assets/brochure" class="button">
                 Dowload Brochure
               </a>
             </div>

diff --git a/manav/avento.gif b/manav/avento.gif
diff --git a/manav/dd.png b/manav/dd.png
diff --git a/manav/js.png b/manav/js.png
diff --git a/manav/pro.jpg b/manav/pro.jpg
diff --git a/manav/programing.png b/manav/programing.png
diff --git a/manav/q2.png b/manav/q2.png