index.html

<!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">
    <link rel="stylesheet" href="style.css">
    <title>Vaishno Pampatwar</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  
   
</head>
<body> 
  <header>
    <section id="header1">
      <div class="header1 container" style="background-color:transparent;">
        <div class="nav-bar" id="nav">
          <nav>
            <div class="hamburger" id="hamburger"><div class="bar"></div></div>
            <ul class="nav-list">
              <li><a href="#home" data-after="Home">Home</a></li>
              <li><a href="#about-me" data-safter="About">About</a></li>
              <li><a href="#projects" data-after="Projects">Projects</a></li>
              <li><a href="#blog" data-after="Service">Blog</a></li>
              <li><a href="#connect" data-after="Contact">Contact</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </section>
    <section id="home">
      <div class='container'>
        <div class="header">             
                <div class="c1">
                    <h1>Vaishnavi Ram Pampatwar</h1>
                    <p>Developer &#9830; Innovator &#9830; Learner</p>
                </div>
               
        </div> 
      </section>
       
      </header>
      
    <section id="about-me">
      <div class="my-det">
          <h1>About me</h1>
          <img src="./img/about.JPG" alt="MY images" width="20%" class="me"><br>
          <p> 
            <br>
            Hello , my name is Vaishnavi Ram Pampatwar . I am pursuing B-TECH degree in Computer Science and Engineering at Walchand College of Engineering, Sangli, Maharashtra ,India . 
            Experienced MS-CIT Controller with a demonstrated history of working in the computer software industry at Sumitra InfoTech private limited Nanded. 
            Skilled in C, C++, Java, Python (Programming Language), WordPress, and Android Development ,HTML ,CSS. 
            <br>My Hobbies are Reading ,Music and Travelling .
            Like to explore and share the knowledge . Believe in helping . Willing to innovate stuff that will help minkind.<br><br>
          </p>
            <div class="thought">
            <p>"Continue to plant <span class="col">wonderful seeds of thoughts </span>in the garden of your mind <br>and you will reap <span  class="col"> glorious harvest</span> "<br></p>
            <div class="auth">-Joseph Murphy</p></div>
            </div>
        </div>
    </section>



    <section id="projects">
      <div class="projects container">
        <div class="projects-header">
          <h1 class="section-title">Projects</h1>
        </div>
        <div class="all-projects">
          <div class="project-item">
            <div class="project-info">
              <h1>Hospital Management Project</h1>
              <p>The project HMS is based on the database, object oriented .  This project uses java as a front end software which is an object oriented programming and has connectivity with MS Access Database.</p>
            </div>           
            <div class="project-img">
              <img src="./img/hms.png" alt="img" height="300px" width="500px">
            </div>
          </div>

          <div class="project-item">
            <div class="project-info">
              <h1>Chatting Application</h1>
              <p>This Chatting Application is written in Java with the help of AWT and NET package. This chatting will end when someone of says Bye. Enjoy Chatting!!!
            </div>
            <div class="project-img">
              <img src="./img/ui_chat.png" alt="img" height="300px" width="500px">
            </div>
          </div>

          <div class="project-item">
            <div class="project-info">
              <h1>Converter Application</h1>
              <p>Converter Application which accurately convert temperature or currency or weight </p>
            </div>
            <div class="project-img">  
              <img src="./img/and_proj1.png" alt="img" height="300px" width="220px">  
              <img src="./img/and_proj.png" alt="img" height="300px" width="250px">
              
            </div>
          </div>

          <div class="project-item">
            <div class="project-info">
              <h1>Chat Application</h1>
              <p>Chatbots with Dialogflow <br>created a great conversational experience for users </p>
            </div>
            <div class="project-img">
              <img src="./img/bot_proj.png" alt="img" height="300px" width="500px">
            </div>
          </div>

          <div class="project-item">
            <div class="project-info">
              <h1>Web Development</h1>
              <p>A Web Developer is responsible for the coding, design and layout of a website according to a company's specifications. As the role takes into consideration user experience and function, a certain level of both graphic design and computer programming is necessary.</p>
            </div>
            <div class="project-img">
              <img src="./img/wed.png" alt="img" height="300px" width="500px">
            </div>
          </div>
        </div>
      </div>
    </section>





    <section id="blog">
      <div class="blog-container">
          <div class="blog">
            <div class="blog-up">
              <h1>Blog</h1>
            </div>
            <div class="blog-down" >
              <div class="post">
                <p>Android</p>
              </div>
              <div class="post">
                <p>Python</p>
              </div>
              <div class="post">
                <p>Kotlin</p>
              </div>
              <div class="post">
                <p>Technology </p>
              </div>
            </div>   
          </div>
      </div>
    </section>

   

    
    <section id="connect">
      <div class="connect">
        <div class="lets">
          <h1>Let's Connect</h1>
          <div class="cta">
            get in touch
          </div>
          <p>vaishnavipampatwar77@gmail.com</p>
        </div>
        <div class="link">       
          <p><a href="https://www.instagram.com/vaishno_rp/">Instagram</a></p>       
          <p><a href="https://www.linkedin.com/in/vaishnavi-pampatwar-0519461aa/">Linkedin</a></p>
          <p><a href="https://twitter.com/VaishnaviPampa3">Twitter</a></p>
          <p><a href="https://github.com/vaishnopampatwar">Github</a></p>
      </div>
      </div>
    </section>

    <footer class="footer">
        <p>&#169; Vaishnavi Pampatwar, 2021 . All rights reserved</p>
    </footer>




    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="./effect.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
</body>
</html>
