EnigmaVSSUT · imadr17 · Apr 2, 2024 · Apr 2, 2024 · Apr 2, 2024 · Apr 2, 2024
diff --git a/Web Development/Task/README.md b/Web Development/Task/README.md
@@ -1,28 +1,28 @@
-1. First of all, **`pull the upstream repository`** (like you did in Open Source Task-2) to update your local repository
-
-2.	Create a **webpage** having **`About Me`**, **`My Interests`**, **`Gallery`**, **`Contact Me`**. You can add other sections, images or multiple pages, that's up to your creativity. To get you started, a screenshot of a sample webpage is provided.
-   <p align="center"> 
-        <img src="./Sample.png" width="50%">
-   </p>
-
-4.	Change the text and images according to your preferences.
-
-5.	You can select color codes and font styles of your own choice but make sure that the format of the webpage is same as the sample given to you.
-
-6. Main points to keep in mind:<br>
-    i) Your page should be [**`Responsive`**](https://web.dev/learn/design/)<br>
-    ii) **`Do not copy the sample`**. The fields should be same but play with your creativity
-
-7.	Next, you have to **host your website** on your GitHub Account. [Click here to learn how to host a website in GitHub.](https://youtu.be/OltY8JIaP-4)
-
-8.	After completion of the above steps, make a folder of **`<Your Name>`** inside the [Task Submission](./Task%20Submission/) folder.
-
-9.	**Inside your designated folder add your `HTML` file, `CSS` file , a `link` text file containing the URL of your webpage hosted on GitHub and a **`screenshot`** of your task**. Make sure that you have added the images used in the website in the <Your name> folder.
-The folder `Induction-2024/Web Development/Task/Task Submission/Khitish Kumar Pradhan/` is uploaded for reference.
-
-10.	Finally commit your changes and `create a pull request` along with the **URL of your webpage hosted in the description section of the Pull request**.
-
-If you are facing any problems or having any doubts feel free to ask in the discord server.
-
-All the best!!<br>
-Team Enigma 💚
+1. First of all, **`pull the upstream repository`** (like you did in Open Source Task-2) to update your local repository
+
+2.	Create a **webpage** having **`About Me`**, **`My Interests`**, **`Gallery`**, **`Contact Me`**. You can add other sections, images or multiple pages, that's up to your creativity. To get you started, a screenshot of a sample webpage is provided.
+   <p align="center"> 
+        <img src="./Sample.png" width="50%">
+   </p>
+
+4.	Change the text and images according to your preferences.
+
+5.	You can select color codes and font styles of your own choice but make sure that the format of the webpage is same as the sample given to you.
+
+6. Main points to keep in mind:<br>
+    i) Your page should be [**`Responsive`**](https://web.dev/learn/design/)<br>
+    ii) **`Do not copy the sample`**. The fields should be same but play with your creativity
+
+7.	Next, you have to **host your website** on your GitHub Account. [Click here to learn how to host a website in GitHub.](https://youtu.be/OltY8JIaP-4)
+
+8.	After completion of the above steps, make a folder of **`<Your Name>`** inside the [Task Submission](./Task%20Submission/) folder.
+
+9.	**Inside your designated folder add your `HTML` file, `CSS` file , a `link` text file containing the URL of your webpage hosted on GitHub and a **`screenshot`** of your task**. Make sure that you have added the images used in the website in the <Your name> folder.
+The folder `Induction-2024/Web Development/Task/Task Submission/Khitish Kumar Pradhan/` is uploaded for reference.
+
+10.	Finally commit your changes and `create a pull request` along with the **URL of your webpage hosted in the description section of the Pull request**.
+
+If you are facing any problems or having any doubts feel free to ask in the discord server.
+
+All the best!!<br>
+Team Enigma 💚
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/2.jpeg b/Web Development/Task/Task Submission/Aditya portfolio/2.jpeg
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/Link.txt b/Web Development/Task/Task Submission/Aditya portfolio/Link.txt
@@ -0,0 +1 @@
+https://imadr17.github.io/Aditya-Ranjan-Nayak/
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/bg.png b/Web Development/Task/Task Submission/Aditya portfolio/bg.png
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/github.png b/Web Development/Task/Task Submission/Aditya portfolio/github.png
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/index.html b/Web Development/Task/Task Submission/Aditya portfolio/index.html
@@ -0,0 +1,74 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>My Portfolio </title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="first-section">
+    <div class="first-text-section">
+      <h1>Hello, I'm <br><span class="name-colour">Aditya Ranjan Nayak</span></h1>
+      <h2>About Me!</h2>
+      <b><p>Greetings to everyone,I am a budding programmer, and a tech enthusiast from VSSUT,Burla. I have keen interest in Web development,and to explore the various horizons of tech fields. I am also interested in playing eSports. I am looking forward to connect with more and more people and collabrate with them to build some awesome projects.  </p>
+      <style class="background">
+        body {
+          background-image: url("bg.png");
+         object-fit: cover;
+        }
+        </style>
+
+    </div>
+    <div class="image-first-section">
+      <img src="pic.jpeg" alt="profile picture" class="firstimage">
+      <h1>Frontend <span class="developer-colour">Developer</span></h1>
+    </div> <!--end of the first section-->
+
+  </div>
+
+  <!--begining of the second section-->
+    <div class="second-section">
+      <h2 class="second-section-heading">Gallery</h2>
+      <div class="images">
+
+
+        <div id="pic3">
+          <img src="2.jpeg">
+        </div>
+
+
+      </div>
+    </div>
+    <div class="interests">
+      <h2 class="interest-heading">Interests</h2>
+      <li>Web dev</li>
+      <li>Cloud computing</li>
+      <li>Playing eSports</li>
+
+    </div>
+
+    <footer>
+        <h1>Contact Me</h1>
+
+        <div class="buttons">
+          <div id="github">
+            <a href="https://github.com/imadr17"><img src="github.png" alt="github"></a>
+
+          </div>
+          <div id="instagram">
+            <a href="https://www.instagram.com/im.adr17/"><img src="instagram.jpg" alt="instagram"></a>
+
+          </div>
+        </div>  
+
+
+
+
+    </footer>
+
+
+</body>
+</html>
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/instagram.jpg b/Web Development/Task/Task Submission/Aditya portfolio/instagram.jpg
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/pic.jpeg b/Web Development/Task/Task Submission/Aditya portfolio/pic.jpeg
diff --git a/Web Development/Task/Task Submission/Aditya portfolio/style.css b/Web Development/Task/Task Submission/Aditya portfolio/style.css
@@ -0,0 +1,97 @@
+
+
+body{
+    margin: 0;
+    padding: 0;
+  }
+  .first-section{
+    display: flex;
+    height: max-content;
+    width: 100%;
+    padding: 50px;
+  }
+  .first-text-section{
+    width: 50%;
+    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+  .first-text-section>h1{
+    font-size: 69px;
+  }
+  .first-text-section>h2{
+    font-size: 55px;
+    margin-bottom: 0;
+  }
+  .name-colour{
+    color : mediumblue 
+
+    ;
+  }
+  .image-first-section{
+    width: 50%;
+    margin-left: 25%;
+
+  }
+
+  .firstimage{
+    height: 450px;
+    border-radius: 10%;
+
+  }
+  .developer-colour{
+    color:rgb(253, 186, 3);
+
+  }
+  .second-section-heading{
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+  .images{
+    height: 350px;
+    display: flex;
+    justify-content: space-evenly;
+
+  }
+
+
+  #pic2 img{
+    height: 350px;
+    display:flex;
+    justify-content: space-evenly;
+  }#pic3 img{
+    height: 350px;
+    display:flex;
+    justify-content: space-evenly;
+  }
+
+
+
+
+
+  footer{
+    border-top: 3px solid black;
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+  .buttons{
+    display: flex;
+    justify-content: space-around;
+  }
+  #github img{
+    height:50px;
+
+  }
+  #linkedin img{
+    height:50px ;
+
+  }
+  #instagram img{
+    height:50px;
+
+
+  }
+
+.interests{
+  border-top: 3px solid black;
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
diff --git a/Web Development/Task/Task Submission/Khitish Kumar Pradhan/index.html b/Web Development/Task/Task Submission/Khitish Kumar Pradhan/index.html
@@ -1,54 +1,54 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-
-    <link rel="stylesheet" href="styles.css">
-
-    <title>Portfolio</title>
-</head>
-
-<body>
-    <div class="container">
-
-        <main class="wrapper">
-
-            <section class="demo-box" id="home">
-                <div class="demo-text">
-                    <div class="demo-text-card">
-                        <span>Hello</span>
-                    </div>
-                    <div class="demo-name">
-                        <p>I'm<strong> Khitish Kumar Pradhan</strong><span class="typedText"></span></p>
-                    </div>
-
-                    <p style="margin-top: 10px; margin-bottom: 20px;font-size: 30px;">About Me!<span
-                            class="typedText"></span>
-
-                    <div class="demo-text-info">
-                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
-                            galley of type and scrambled it to make a type specimen book. It has survived not only five
-                            centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
-                            It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
-                            passages, and more recently with desktop publishing software like Aldus PageMaker including
-                            versions of Lorem Ipsum .
-                        </p>
-                    </div>
-
-
-                </div>
-                <div class="demo-image">
-                    <div class="image">
-                        <img src="Khitish Img.jpg" alt="avatar">
-                    </div>
-                </div>
-
-
-    </div>
-</body>
-
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+
+    <link rel="stylesheet" href="styles.css">
+
+    <title>Portfolio</title>
+</head>
+
+<body>
+    <div class="container">
+      
+        <main class="wrapper">
+         
+            <section class="demo-box" id="home">
+                <div class="demo-text">
+                    <div class="demo-text-card">
+                        <span>Hello</span>
+                    </div>
+                    <div class="demo-name">
+                        <p>I'm<strong> Khitish Kumar Pradhan</strong><span class="typedText"></span></p>
+                    </div>
+
+                    <p style="margin-top: 10px; margin-bottom: 20px;font-size: 30px;">About Me!<span
+                            class="typedText"></span>
+
+                    <div class="demo-text-info">
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
+                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
+                            galley of type and scrambled it to make a type specimen book. It has survived not only five
+                            centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
+                            It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
+                            passages, and more recently with desktop publishing software like Aldus PageMaker including
+                            versions of Lorem Ipsum .
+                        </p>
+                    </div>
+
+
+                </div>
+                <div class="demo-image">
+                    <div class="image">
+                        <img src="Khitish Img.jpg" alt="avatar">
+                    </div>
+                </div>
+
+
+    </div>
+</body>
+
 </html>