adding contact page

utsab · Jul 18, 2015 · ad70e87 · ad70e87
1 parent 048a6c8
commit ad70e87
Show file tree

Hide file tree

Showing 6 changed files with 88 additions and 1 deletion.
diff --git a/contact.html b/contact.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Utsab Saha</title>
+
+
+<link rel="stylesheet" type="text/css" href="styles/default.css">
+
+</head>
+
+<body>
+
+<section id="canvas">
+
+<header>
+
+<section id="myName">
+   Utsab Saha
+</section>
+
+<nav> 
+    <ul>
+        <li>
+            <a href="http://utsab.github.io/blog/index.html">Blog</a>
+        </li>
+        <li>
+            <a href="#">Portfolio</a>
+        </li>
+        <li>
+            <a href="#">About</a>
+        </li>
+        <li>
+            <a href="contact.html">Contact</a>
+        </li>
+    </ul>
+</nav>
+<div class="divider"></div>
+</header>
+
+<section id="email_address">
+Contact Utsab at [email protected]
+</section>
+
+<section id="social_media">
+    <a href="#"><img src="imgs/facebook_logo_round.png"></img></a>
+    <a href="#"><img src="imgs/linkedin-icon.png"></img></a>
+    <a href="#"><img src="imgs/twitter-icon.png"></img></a>
+</section>
+
+</section>
+
+</body>
+
+</html>
+
diff --git a/imgs/facebook_logo_round.png b/imgs/facebook_logo_round.png
diff --git a/imgs/linkedin-icon.png b/imgs/linkedin-icon.png
diff --git a/imgs/twitter-icon.png b/imgs/twitter-icon.png
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
             <a href="#">About</a>
         </li>
         <li>
-            <a href="#">Contact</a>
+            <a href="contact.html">Contact</a>
         </li>
     </ul>
 </nav>

diff --git a/styles/default.css b/styles/default.css
@@ -61,3 +61,34 @@
         text-align: center; 
         margin-bottom: 20px; 
     }
+
+
+
+/* contact us */
+
+
+    #email_address {
+        text-align: center; 
+    }
+
+
+    #social_media img {
+        height: 50px; 
+    }
+
+    #social_media a {
+        margin-right: 100px; 
+    }
+
+    #a :last-child {
+        margin-right: 0px
+    }
+
+    #social_media {
+        text-align: center;         
+    }
+
+
+
+
+
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,7 +31,7 @@ @@
                 <a href="#">About</a>
             </li>
             <li>
-                <a href="#">Contact</a>
+                <a href="contact.html">Contact</a>
             </li>
         </ul>
     </nav>
@@ Expand Down @@