Project Tab layout added #2

0xPrateek · Jun 7, 2019 · f480e17 · f480e17
1 parent 9f3f301
commit f480e17
Showing 1 changed file with 46 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -16,6 +16,8 @@
   <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-72x72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-114x114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-144x144-precomposed.png">
+  <link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
+  <link href='https://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet'>
   <link rel="stylesheet" href="css/normalize.min.css">
   <link rel="stylesheet" href="css/main.css">
 
@@ -301,14 +303,50 @@ <h3>
     <!-- Projects Tab Data -->
       <div id="portfolio">
         <section class="clearfix">
-
-          <h1>
-            <center>  Add Your Projects </center>
-          </h1>
-          <h2>
-            <center> Here </center>
-          </h2>
-
+          <table>
+                  <tbody id = "table-body">
+                    <tr>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image</div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image  </div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image</div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image</div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image</div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                      <td>
+                        <div class="project-div">
+                          <div class="image">Project image</div>
+                          <div class="data">Project</div>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
         </section>
       </div>
     <!-- End Projects tab -->