Day 1

GDGJIITNOIDA · Sep 15, 2017 · 3463bef · 3463bef
1 parent ec22221
commit 3463bef
Show file tree

Hide file tree

Showing 13 changed files with 74 additions and 0 deletions.
diff --git a/basic/Day 1/References Day 1 b/basic/Day 1/References Day 1
@@ -0,0 +1,11 @@
+HTML Attributes Reference :
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
+
+CSS Selectors Reference :
+https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
+
+CSS Background properties Reference :
+https://www.w3schools.com/css/css3_backgrounds.asp
+
+CSS Display property Reference :
+https://developer.mozilla.org/en-US/docs/Web/CSS/display
diff --git a/basic/Day 1/index.css b/basic/Day 1/index.css
@@ -0,0 +1,39 @@
+body {
+  margin: 0;
+}
+
+nav{
+  display: flex;
+  position: fixed;
+  height: 100px;
+  width: 100%;
+  background-color: rgb(59, 89, 152);
+}
+
+#logo{
+  margin-top: 20px;
+  margin-left: 80px;
+  height: 80px;
+  width: 700px;
+  background-image: url("webimages/facebook-logo.jpg");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+nav ul{
+  display: flex;
+  height: 100px;
+  width: 700px;
+  margin-left: 300px;
+  margin-top: 50px;
+}
+
+nav ul li{
+  margin-left: 50px;
+  display: inline;
+}
+
+nav ul li a{
+  color: white;
+  text-decoration: none;
+}
diff --git a/basic/Day 1/index.html b/basic/Day 1/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html> <!-- <html lang="en-US">-->
+  <head>
+    <meta charset="utf-8">
+    <title>Facebook Home Page</title>
+    <link rel="stylesheet" type="text/css" href="index.css">
+    <link rel="icon" href="webimages/fb.png" sizes="16x16" type="image/png">
+  </head>
+  <body>
+    <nav>
+			<div id="logo"></div>
+			<div id ="ulwrapper">
+			<ul>
+				<li><a href="index.html">Home</a></li>
+				<li><a href="index.html">About</a></li>
+				<li><a href="index.html">Team</a></li>
+				<li><a href="index.html">Gallery</a></li>
+				<li><a href="#bottom">Contact Us</a></li>
+			</ul>
+			</div>
+		</nav>
+    <a name="bottom"></a>
+    </body>
+  </html>
diff --git a/basic/Day 1/webimages/facebook-logo.jpg b/basic/Day 1/webimages/facebook-logo.jpg
diff --git a/basic/Day 1/webimages/fb.png b/basic/Day 1/webimages/fb.png
diff --git a/basic/Day 1/webimages/insta.png b/basic/Day 1/webimages/insta.png
diff --git a/basic/Day 1/webimages/link.png b/basic/Day 1/webimages/link.png
diff --git a/basic/Day 1/webimages/twi.png b/basic/Day 1/webimages/twi.png
diff --git a/basic/Day 1/webimages/user1.jpeg b/basic/Day 1/webimages/user1.jpeg
diff --git a/basic/Day 1/webimages/user2.jpg b/basic/Day 1/webimages/user2.jpg
diff --git a/basic/Day 1/webimages/user3.jpg b/basic/Day 1/webimages/user3.jpg
diff --git a/basic/Day 1/webimages/user4.jpg b/basic/Day 1/webimages/user4.jpg
diff --git a/basic/Day 1/webimages/user5.jpg b/basic/Day 1/webimages/user5.jpg