diff --git a/Web Development/Task/web devlopment/index.html b/Web Development/Task/web devlopment/index.html new file mode 100644 index 00000000..d2df92e7 --- /dev/null +++ b/Web Development/Task/web devlopment/index.html @@ -0,0 +1,37 @@ + + + + + + + Personle Portfolio website + + + +
+ +
+

I,m Ankit Biswal

+

This is my official portfolio website to showes all +
Details and work exiprins web development +

+ DOWNLOAD CV +
+ +
+ + +
+
+ + + \ No newline at end of file diff --git a/Web Development/Task/web devlopment/styles.css b/Web Development/Task/web devlopment/styles.css new file mode 100644 index 00000000..00c584c4 --- /dev/null +++ b/Web Development/Task/web devlopment/styles.css @@ -0,0 +1,92 @@ +*{ + + margin: 0; + padding: 0; + font-family: sans-serif; +} + .herof{ + position: relative; + width: 100%; + height: 100vh; + background:#eff4fd; + } + + nav{ + display: flex; + width: 84%; + margin: auto; + padding: 20px 0; + align-items: center; + justify-content: space-between; + + } + + nav ul li{ + display: inline-block; + list-style: none; + margin: 10px 20px; + } + + nav ul li a{ + text-decoration: none; + color: #000; + font-weight: bold; + + } + + nav ul li a:hover{ + color: crimson; + } + + .detel{ + + margin-left: 8%; + margin-top: 15%; + } + .detel h1{ + font-size: 50px; + color: #212121; + margin-bottom: 20px; + } + + span{ + color: orange; + } + + .detel{ + color: #555; + line-height: 22px; + + } + + .detel a{ + background: #212121; + padding: 10px 18px; + text-decoration: none; + font-weight: bold; + color: #fff; + display: inline-block; + margin: 30px 0; + border-radius: 5px; + } + + .images{ + width: 45%; + height: 75%; + position: absolute; + bottom: 0; + top: 20%; + right: 100px; + + } + + .images img{ + height: 100%; + position: absolute; + left: 100%; + bottom: 0; + transform: translateX(-85%); + transition: bottom 1s, left 1s; + } + + \ No newline at end of file