Image and name changed for portfolio (jwalapc#41)

* change in profilephoto * changed image and name
awantikamallick · Oct 26, 2021 · ec43f1f · ec43f1f
1 parent 2a45c32
commit ec43f1f
Show file tree

Hide file tree

Showing 9 changed files with 125 additions and 0 deletions.
diff --git a/Anamika.code-workspace b/Anamika.code-workspace
@@ -0,0 +1,7 @@
+{
+	"folders": [
+		{
+			"path": ".."
+		}
+	]
+}
diff --git a/Anamika/Anamika.jpeg b/Anamika/Anamika.jpeg
diff --git a/Anamika/bg.jpg b/Anamika/bg.jpg
diff --git a/Anamika/facebook.png b/Anamika/facebook.png
diff --git a/Anamika/github.png b/Anamika/github.png
diff --git a/Anamika/index.html b/Anamika/index.html
@@ -0,0 +1,118 @@
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="style.css">
+    <title>Personal WebSite</title>
+    <style>
+      body{
+        margin: 0;
+        padding: 0;
+        background-size: cover;
+       background: url('bg.jpg');
+      }
+      .box{
+        width: 450px;
+        background: rgba(0, 0, 0, 0.4);
+        padding: 40px;
+        text-align: center;
+        margin: auto;
+        margin-top: 5%;
+        color: white;
+        font-family: 'Century Gothic',sans-serif;
+      }
+      .box-img{
+        border-radius: 50%;
+        width: 200px;
+        height: 200px;
+      }
+      .box h1{
+        font-size: 40px;
+        letter-spacing: 4px;
+        font-weight: 100;
+      }
+      .box h5{
+        font-size: 20px;
+        letter-spacing: 3px;
+        font-weight: 100;
+      }
+      .box p{
+        text-align: justify;
+      }
+      ul{
+        margin: 0;
+        padding: 0;
+      }
+      .box li{
+        display: inline-block;
+        margin: 6px;
+        list-style: none;
+      }
+      .box li a{
+        color: white;
+        text-decoration: none;
+        font-size: 60px;
+        transition: all ease-in-out 250ms;
+      }
+      .box li a:hover{
+        color: #b9b9b9;
+      }
+        p {
+        text-align: center;
+        font-size: 18px;
+        margin-top: 0px;
+        }
+      </style>
+  </head>
+  <body>
+<div class="box">
+  <img src="Anamika.jpeg" alt="" class="box-img">
+  <h1>Anamika</h1>
+<h5>
+Web Devloper - Web Designer</h5>
+<p>
+A web developer is a programmer who specializes in, or is specifically engaged in, the development of World Wide Web applications, or applications that are run over HTTP from a web server to a web browser.</p>
+<ul>
+<li><a href="https://twitter.com/Jwala49327368"><img src="twitter.png" width="50" height="50"></i></a></li>
+<li><a href="https://www.instagram.com/jwala____/"><img src="instagram.png" width="50" height="50"></i></a></li>
+<li><a href="https://www.facebook.com/jwala.chorasiya"><img src="facebook.png" width="50" height="50"></i></a></li>
+<li><a href="https://github.com/jwalapc"><img src="github.png" width="50" height="50"></i></a></li>
+<li><a href="https://www.linkedin.com/in/jwala-chaurasiya-34048b1b2"><img src="linkedin.png" width="50" height="50"></i></a></li>
+</ul>
+</div>
+<p id="demo"></p>
+
+<script>
+// Set the date we're counting down to
+var countDownDate = new Date("Dec 31, 2021 15:37:25").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+
+  // Time calculations for days, hours, minutes and seconds
+  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "More to be come";
+  }
+}, 1000);
+</script>
+</body>
+</html>
+
diff --git a/Anamika/instagram.png b/Anamika/instagram.png
diff --git a/Anamika/linkedin.png b/Anamika/linkedin.png
diff --git a/Anamika/twitter.png b/Anamika/twitter.png