Add files via upload

Shubhangi22kumari · Jun 13, 2024 · d467bd1 · d467bd1
1 parent dda597e
commit d467bd1
Show file tree

Hide file tree

Showing 7 changed files with 236 additions and 0 deletions.
diff --git a/amazon.jpg b/amazon.jpg
diff --git a/code.jpg b/code.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="wrapper">
+      <div class="container">
+        <div class="box" id="image">
+          <img src="logo.png" alt="" height="98%" />
+        </div>
+        <div class="box" id="header">
+          <ul>
+            <li><a href="#project">Projects</a></li>
+            <li><a href="#wor">Work-Experience</a></li>
+            <li><a href="#contact"> Contact</a></li>
+          </ul>
+        </div>
+        <div class="box" id="obj">
+          <h2>Objective</h2>
+          <p>
+            I am a second-year information technology student seeking a
+            responsible position in a reputable IT-based industry in order to
+            gain practical experience and serve my organization.
+          </p>
+          <h2>Skills</h2>
+          <p>
+            I have proficient skills in C,python pandas and data structures. I am
+            interested in web development domain and have previously worked in
+            this field at DRDO , Sparks foundation and oasis info. I am
+            interested in learning about new technologies and expanding my
+            knowledge
+          </p>
+        </div>
+        <div class="box" id="profile">
+          <img src="profit.jpg" alt="" height="98%" />
+        </div>
+
+        <div class="box" id="project">
+          <h2>Projects</h2>
+          <h3>Mini - Bank website</h3>
+          <p>
+            In this project, I used HTML, CSS Server.
+             </p>
+
+          <h3>amazon Clone Website</h3>
+          <p>
+            I made the clone of amazon shopping website using HTML and CSS.
+          </p>
+
+          <h3>Feedback Software</h3>
+          <p>
+            I made a complete working feedback giving website using HTML, CSS 
+            Server.
+          </p>
+
+          <h3>Foodie-Blog Website</h3>
+          <p>I made a basic Foodie blog website using HTML and CSS.</p>
+        </div>
+        <div class="box" id="sample">
+          <img src="amazon.jpg" alt="" height="50%" width="90%" /> <br />
+          <br />
+          <img src="sparks.png" alt="" width="90%" />
+        </div>
+        <div class="box" id="wor">
+          <h2>Work-Experience</h2>
+          <h3>Encryptix</h3>
+          <p>Web-Developement Intern</p>
+          <p>May 2024 - Current</p>
+         </div>
+        <div class="box" id="code">
+          <img src="code.jpg" alt="" width="100%" />
+        </div>
+        <div class="box" id="contact">
+          <h2>Contact</h2>
+          <a
+            href="https://www.linkedin.com/in/shubhangi-kumari-1aa923289?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"
+            target="_blank"
+            >Linkedin</a
+          >
+          <a href="mailto: [email protected]"> Email</a>
+          <a href="https://github.com/Shubhangi22kumari" target="_blank">github</a>
+
+          <br/>
+          <br/>
+          <br/>
+          &copy;Copyright. All Rights Reserved. shubhangi kumari
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/profit.jpg b/profit.jpg
diff --git a/sparks.png b/sparks.png
diff --git a/style.css b/style.css
@@ -0,0 +1,140 @@
+html {
+    scroll-behavior: smooth;
+    background-color: black;
+  }
+  body {
+    color: white;
+  }
+  #sample img {
+    border-radius: 20px;
+    border: 7px double orangered;
+    box-shadow: 5px 5px 5px green;
+  }
+  #sample img:hover {
+    transform: rotate(-5deg);
+  }
+  .wrapper {
+    display: flex;
+    justify-content: center;
+  }
+  #header ul li {
+    list-style: none;
+    display: inline-block;
+    margin: 20px;
+  }
+  .container {
+    display: grid;
+    grid-template-rows: 15vh 55vh 1fr 0.5fr 35vh;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 3%;
+    grid-template-areas:
+      "img head head head"
+      "obj obj profile profile"
+      "project project pro pro"
+      "work work co co"
+      "con con con con";
+    width: 70vw;
+    padding: 20px;
+  }
+  #footer {
+    grid-area: foot;
+    text-align: center;
+  }
+  #code {
+    grid-area: co;
+  }
+  #sample {
+    grid-area: project;
+    text-align: center;
+  }
+  #image {
+    grid-area: img;
+    text-align: center;
+    box-shadow: 5px 5px 5px rgb(3, 153, 246);
+    border-radius: 50%;
+  }
+  #header {
+    grid-area: head;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 2px solid white;
+    box-shadow: 5px 5px 5px skyblue;
+    background-image: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0),
+      rgb(3, 153, 246)
+    );
+  }
+  #obj {
+    grid-area: obj;
+    border-radius: 15px;
+    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), mediumvioletred);
+    color: white;
+    box-shadow: 5px 5px 5px pink;
+    border: 2px solid white;
+  }
+  #profile {
+    grid-area: profile;
+    text-align: center;
+    border-radius: 50%;
+    box-shadow: 5px 5px 5px whitesmoke;
+  }
+  #profile img {
+    border-radius: 20px;
+  }
+  #project {
+    grid-area: pro;
+    border-radius: 15px;
+    background-image: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0),
+      rgb(15, 126, 104)
+    );
+    color: white;
+    box-shadow: 5px 5px 5px greenyellow;
+    border: 2px solid white;
+  }
+  #wor {
+    grid-area: work;
+    border-radius: 15px;
+    background-image: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0),
+      rgb(126, 74, 15)
+    );
+    color: white;
+    box-shadow: 5px 5px 5px orange;
+    border: 2px solid white;
+  }
+  #contact {
+    grid-area: con;
+    text-align: center;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(179, 59, 59));
+    border: 2px solid white;
+    box-shadow: 5px 5px 5px yellow;
+  }
+  .box {
+    border-radius: 20px;
+    padding: 10px;
+  }
+  a {
+    color: white;
+    font-weight: bold;
+    font-size: larger;
+    font-style: italic;
+  }
+  a:hover {
+    color: yellow;
+  }
+  #contact a {
+    margin-left: 30px;
+  }
+  h2 {
+    text-decoration: underline;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  }
+  h3 {
+    color: yellow;
+    font-style: italic;
+  }