github · Gaddam-megha · Dec 6, 2024 · Dec 6, 2024 · Dec 6, 2024 · Dec 6, 2024
diff --git a/README.md b/README.md
@@ -1,15 +1,59 @@
-# What is this?
+##**Resume Website**
 
-The github.dev web-based editor is a lightweight editing experience that runs entirely in your browser. You can navigate files and source code repositories from GitHub, and make and commit code changes.
+##**Overview**
 
-There are two ways to go directly to a VS Code environment in your browser and start coding:
+This project is a simple, responsive resume website created using HTML and CSS. It showcases key information about the individual, including contact details, skills, education, and work experience.
+Project Structure
 
-* Press the . key on any repository or pull request.
-* Swap `.com` with `.dev` in the URL. For example, this repo https://github.com/github/dev becomes http://github.dev/github/dev
+##**The project consists of two main files:**
 
-Preview the gif below to get a quick demo of github.dev in action.
+    index.html: The main structure of the resume.
+    styles.css: The styling for the webpage.
 
-![github dev](https://user-images.githubusercontent.com/856858/130119109-4769f2d7-9027-4bc4-a38c-10f297499e8f.gif)
+##**Features
+**
+    Header: Displays the name and title of the individual.
+    Contact Section: Includes email, GitHub profile, and LinkedIn link.
+    Skills Section: Lists technical skills in web development and programming.
+    Education Section: Shows the education details.
+    About Section: Provides a brief personal description and career goals.
+    Work Experience Section: Details internship experience, responsibilities, and achievements.
 
-# Why?
-It’s a quick way to edit and navigate code. It's especially useful if you want to edit multiple files at a time or take advantage of all the powerful code editing features of Visual Studio Code when making a quick change. For more information, see our [documentation](https://github.co/codespaces-editor-help).
+##**How to Use**
+
+    Clone or download this repository to your local machine.
+    Open index.html in your web browser to view the resume.
+    Modify the content in index.html to customize it for your own use.
+
+##**Technologies Used**
+
+    HTML for the structure of the webpage.
+    CSS for styling and layout.
+
+##**Installation Instructions**
+
+    Clone the repository:
+
+git clone https://github.com/yourusername/your-repo-name.git
+
+Navigate into the project directory:
+
+    cd your-repo-name
+
+    Open index.html in your preferred web browser to preview the project.
+
+##**Live Demo**
+
+[Insert your live demo link here, e.g., GitHub Pages, Netlify, or Vercel link]
+Customization
+
+    Modify the content in the index.html file to change the details like name, contact information, and work history.
+    Adjust the styles.css file to change the appearance, including colors, fonts, and layout.
+
+License
+
+This project is licensed under the MIT License.
+Acknowledgements
+
+    Inspired by modern resume designs.
+    Thanks to the open-source community for their resources.
diff --git a/index.html b/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Resume</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>GADDAM MEGHANA</h1>
+      <br>
+      <br>
+      <hr class="line">
+      <p class="title">RESUME</p>
+      <hr class="line">
+    </header>
+
+    <div class="main-content">
+      <div class="left-column">
+        <section class="contact">
+          <h2>CONTACT</h2>
+          <ul>
+            <li><a href="mailto:[email protected]">[email protected]</a></li>
+            <li><a href="https://github.com/Gaddam-megha/" target="_blank">Gh-Gaddam-meghana</a></li>
+            <li><a href="https://www.linkedin.com/in/gaddam-meghana-5a6a28310/" target="_blank">linkedin-Gaddam Meghana</a></li>
+          </ul>
+        </section>
+
+        <section class="skills">
+          <h2>SKILLS</h2>
+          <ul>
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>Javascript</li>
+            <li>React.js</li>
+            <li>Python</li>
+            <li>C</li>
+            <li>GitHub</li>
+            <li>VS Code</li>
+          </ul>
+        </section>
+
+        <section class="education">
+          <h2>EDUCATION</h2>
+          <p><strong>B-Tech(AIML)</strong></p>
+          <p>Teegala Krishna Reddy Engineering College</p>
+          <p>2022-2026</p>
+        </section>
+      </div>
+
+      <div class="right-column">
+        <section class="about">
+          <h2>ABOUT</h2>
+          <p>I am a driven and adaptable professional with a passion for continuous learning and collaboration. I thrive in dynamic environments where innovation, teamwork, and a shared commitment to excellence are valued. I'm looking to contribute to a forward-thinking company that fosters growth, encourages creativity, and aligns with my values of integrity and impact. An ideal workplace is one where diversity is valued, employees are important investments, and the organization strives to make a positive difference in the industry and community.</p>
+        </section>
+
+        <section class="work-experience">
+          <h2>WORK EXPERIENCE</h2>
+          <div class="job">
+            <h3>Internship</h3>
+            <p>Next Gen Employability Program – MongoDB</p>
+            <ul>
+              <li>Completed an intensive off-campus training programme in MongoDB technologies..</li>
+              <li>Built strong skills in design, querying, and performance tuning of databases with MongoDB.</li>
+              <li>Provided practical exercises and collaborative projects where important concepts are applied for solving real-world data challenges.</li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,107 @@
+/* General Reset */
+body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial, sans-serif;
+    color: #333;
+  }
+
+  /* Styling for Lines */
+.line {
+    width: 100%;
+    margin: 10px auto;
+    border: 0;
+    border-top: 2px solid #333;
+  }
+
+  /* Container */
+  .container {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 20px;
+  }
+
+  /* Header */
+  header {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+
+  header h1 {
+    font-size: 2.5em;
+    margin: 0;
+    letter-spacing: 5px;
+  }
+
+  header .title {
+    font-size: 1.2em;
+    color: #666;
+  }
+
+  .line {
+    width: 50%;
+    margin: 10px auto;
+    border: 0;
+    border-top: 2px solid #333;
+  }
+
+  /* Main Content */
+  .main-content {
+    display: flex;
+    gap: 20px;
+  }
+
+  .left-column {
+    flex: 1;
+  }
+
+  .right-column {
+    flex: 2;
+  }
+
+  /* Sections */
+  section {
+    margin-bottom: 20px;
+  }
+
+  h2 {
+    font-size: 1.2em;
+    margin-bottom: 10px;
+    text-transform: uppercase;
+    color: #333;
+  }
+
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  ul li {
+    margin-bottom: 5px;
+  }
+
+  ul li a {
+    color: #007BFF;
+    text-decoration: none;
+  }
+
+  ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Skills and Education */
+  .skills ul, .work-experience ul {
+    padding-left: 20px;
+    list-style-type: disc;
+  }
+
+  /* Work Experience */
+  .job h3 {
+    margin: 5px 0;
+    font-size: 1.2em;
+  }
+
+  .job p {
+    font-size: 0.9em;
+    color: #666;
+  }