Added project: Luhn

Author: dic14svi

ccv.png

@@ -64,18 +64,18 @@ <h1>Projects</h1>
     <div class="wrapper">
       <div class="box">
         <div class="project-title-box">
-          <h3 class="project-item project-title">Djupviks Hamn</h3>
+          <h3 class="project-item project-title">Luhn</h3>
         </div>
         <div class="project-top">
-          <img class="project-image" src="djupvik.png" alt="">
+          <img class="project-image" src="ccv.png" alt="">
           <div class="flex-col">
-            <p class="project-item">Tech: HTML, CSS, Javascript</p>
-            <p class="project-item">Website with responsive CSS and JS-navbar.</p>
+            <p class="project-item">Tech: HTML, Bootstrap, Javascript</p>
+            <p class="project-item">Validation of credit cards.</p>
           </div>
         </div>
         <div class="project-bottom">
-          <a class="green-hover" href="https://seaxwi.github.io/djupvik"><i class="fa fa-external-link"></i> DEMO</a>
-          <a class="red-hover" href="https://github.com/seaxwi/djupvik"><i class="fa fa-code"></i> CODE</a>
+          <a class="green-hover" href="https://seaxwi.github.io/luhn"><i class="fa fa-external-link"></i> DEMO</a>
+          <a class="red-hover" href="https://github.com/seaxwi/luhn"><i class="fa fa-code"></i> CODE</a>
         </div>
       </div>
       <div class="box">
@@ -96,6 +96,22 @@ <h3 class="project-item project-title">seaxwi.github.io</h3>
           <a class="red-hover" href="https://github.com/seaxwi/seaxwi.github.io"><i class="fa fa-code"></i> CODE</a>
         </div>
       </div>
+      <div class="box">
+        <div class="project-title-box">
+          <h3 class="project-item project-title">Djupviks Hamn</h3>
+        </div>
+        <div class="project-top">
+          <img class="project-image" src="djupvik.png" alt="">
+          <div class="flex-col">
+            <p class="project-item">Tech: HTML, CSS, Javascript</p>
+            <p class="project-item">Website with responsive CSS and JS-navbar.</p>
+          </div>
+        </div>
+        <div class="project-bottom">
+          <a class="green-hover" href="https://seaxwi.github.io/djupvik"><i class="fa fa-external-link"></i> DEMO</a>
+          <a class="red-hover" href="https://github.com/seaxwi/djupvik"><i class="fa fa-code"></i> CODE</a>
+        </div>
+      </div>
     </div>
 
     <div class="contact-box center">

index.html

@@ -196,6 +196,7 @@ div.contact-box {
   float: left;
   margin-right: 20px;
   margin-bottom: 20px;
+  max-width: 200px;
 }
 
 .project-item {