uttamdasud · uttamdasud · Jan 8, 2021
diff --git a/1.jpg b/1.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Static Website</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+    <header>
+        <div class="main">
+            <ul>
+                <li class="active"><a href="#">Home</a><a /></li>
+                <li><a href="#">Services</a><a /></li>
+                <li><a href="#">Gallery</a><a /></li>
+                <li><a href="#">About</a><a /></li>
+                <li><a href="#">Contact</a><a /></li>
+                <li><a href="#">Facebook</a><a /></li>
+                <li><a href="#">Twitter</a><a /></li>
+                <li><a href="#">Linkedin</a><a /></li>
+            </ul>
+        </div>
+        <div class="logo"></figure>
+            <img src="logo.png" width="84px" height="auto">
+            <figcaption>UTTAM DAS</figcaption>
+        </div>
+    </figure>
+    <div class="description">
+        <h4>I'm creating this simple website for my Internship purpose.<br>
+            Currently I'm pursuing my B.Tech degree at NIT Agartala.<br>
+        I'm passionate about coding and I know various coding languages.</h4>
+    </div>
+    </header>
+</body>
+
+</html>
diff --git a/logo.png b/logo.png
diff --git a/style.css b/style.css
@@ -0,0 +1,55 @@
+*{
+    margin: 0;
+    padding: 0;
+    color: rgb(252, 252, 252);
+    font-family: Century Gothic;
+}
+header{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../1.jpg);
+height: 100vh;
+background-size: cover;
+background-position: center;
+}
+ul{
+    float: right;
+    list-style-type: none;
+    margin-top: 10px;
+}
+
+ul li{
+display: inline-block;
+}
+ul li a{
+text-decoration: none;
+color: rgb(254, 254, 255);
+padding: 5px 6px;
+border: 1px solid transparent;
+transition: 0.6s ease;
+}
+
+ul li a: hover{
+    background-color: #fff;
+    color:#000;
+
+}
+ul li.active a{
+    background-color: #fff;
+    color:#000;
+}
+
+.main {
+    max-width:1200px;
+    margin:auto;
+}
+.logo{
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-50%);
+}
+.description{
+    position: absolute;
+    top:68%;
+    left:55%;
+    transform: translate(-50%,-50%);
+    font-size: 15px;
+}