diff --git a/1.jpg b/1.jpg new file mode 100644 index 0000000..232c225 Binary files /dev/null and b/1.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a45eba1 --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + + Static Website + + + + +
+
+ +
+ + +
+

I'm creating this simple website for my Internship purpose.
+ Currently I'm pursuing my B.Tech degree at NIT Agartala.
+ I'm passionate about coding and I know various coding languages.

+
+
+ + + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..d028fab Binary files /dev/null and b/logo.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..bb4fe78 --- /dev/null +++ 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; +}