index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="The portfolio of Mahesh Vishwanath Wattamwar from Nanded. I am completed my Engineering Diploma From GPNanded.Strong accounting professional with a Diploma focused in Information Technology from Government polytechnic Nanded. ">
    <meta name="keywords" content="mahesh wattamwar, wattamwar mahesh, maheshwattamwar, guruji, mahiwattamwar, itzmahi, itzmahiofficial,MaheshMahi, Mahesh Mahi, Mahi Mahesh">
  <meta name="msvalidate.01" content="9F561B7DE46FCC1CB4C9FFCE0C1A6591" />
    <meta name="author" content="Mahesh Wattamwar">

  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">


<link rel="stylesheet" href="newcss.css">

  <title>Mahesh Wattamwar</title>
</head>
<body>
  <!-- Header -->
  <section id="header">
    <div class="header container">
      <div class="nav-bar">
        <div class="brand">
          <a href="#hero"><h1><span>M</span>ahi <span>W</span>attamwar</h1></a>
        </div>
        <div class="nav-list">
          <div class="hamburger"><div class="bar"></div></div>
          <ul>
            <li><a href="#hero" data-after="Home">Home</a></li>
            <li><a href="#services" data-after="Service">Services</a></li>
            <li><a href="#projects" data-after="Projects">Projects</a></li>
            <li><a href="#about" data-after="About">About</a></li>
            <li><a href="#contact" data-after="Contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- End Header -->


  <!-- Hero Section  -->
  <section id="hero">
    <div class="hero container">
      <div>
        <h1>Hello, <span></span></h1>
        <h1>My Name is <span></span></h1>
        <h1>Mahesh <span></span></h1>
        <a href="#projects" type="button" class="cta">Portfolio</a>
      </div>
    </div>
  </section>
  <!-- End Hero Section  -->

  <!-- Service Section -->
  <section id="services">
    <div class="services container">
      <div class="service-top">
        <h1 class="section-title">Serv<span>i</span>ces</h1>
        <p>"Help the life of one person and you can help the community"</p>
      </div>
      <div class="service-bottom">
        <div class="service-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png"/></div>
          <h2>Android Developement</h2>
          <p>Android is an open source operating system, based on Linux kernel and used in mobile devices like smartphones, tablets etc. Further, it was developed for smart watches and Android TV</p>
        </div>
        <div class="service-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png"/></div>
          <h2>Java Applications</h2>
          <p>Java provides high security and simple coding, two elements that attract web application developers. Servlets, Struts, and JSPs give effective support to web applications and offer the potential to develop whatever kind of programs needed</p>
        </div>
        <div class="service-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png"/></div>
          <h2>Web Development</h2>
          <p>It includes aspects such as web design, web publishing, web programming, and database management. ... A web developer may be involved in designing a website, but may also write web scripts in languages such as PHP and ASP</p>
        </div>
        <div class="service-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png"/></div>
          <h2>Digital Marketing</h2>
          <p>Digital marketing encompasses all aspects and activities of marketing an organization, business, or brand across digital channels on the internet. Digital </p>
        </div>
      </div>
    </div>
  </section>
  <!-- End Service Section -->

  <!-- Projects Section -->
  <section id="projects">
    <div class="projects container">
      <div class="projects-header">
        <h1 class="section-title">Recent <span>Projects</span></h1>
      </div>
      <div class="all-projects">
        <div class="project-item">
          <div class="project-info">
            <h1>Project 1</h1>
            <h2>Coding is Love</h2>
            <p>Coding is a list of step-by-step instructions that get computers to do what you want them to do. Coding makes it possible for us to create computer software, games, apps and websites</p>
          </div>
          <div class="project-img">
            <img src="./img/coding.jpg" alt="img">
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>Project 2</h1>
            <h2>MSCIT Exam Controller</h2>
            <p>The Controller of Examinations shall be responsible for the conduct of all examinations of the College and it shall be his/her duty to arrange for preparation, scheduling, conduct of examinations of the College and all other contingent matters connected with examinations.</p>
          </div>
          <div class="project-img">
            <img src="./img/mahiii.jpg" alt="img">
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>Project 3</h1>
            <h2>Android Developer</h2>
            <p>The main responsibility of an Android Developer is to develop applications for devices that are powered by the Android operating system. In addition, an Android developer must pay special attention to the application's compatibility with multiple versions of Android and device types</p>
          </div>
          <div class="project-img">
            <img src="./img/android.jpg" alt="img">
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>Project 4</h1>
            <h2>Java Chat Application</h2>
            <p>Java provides high security and simple coding, two elements that attract web application developers. Servlets, Struts, and JSPs give effective support to web applications and offer the potential to develop whatever kind of programs needed</p>
          </div>
          <div class="project-img">
            <img src="./img/work.jpg" alt="img">
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>Project 5</h1>
            <h2>Web Development</h2>
            <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/web.png" alt="img">
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Projects Section -->

  <!-- About Section -->
  <section id="about">
    <div class="about container">
      <div class="col-left">
        <div class="about-img">
          <img src="./img/img-3.jpg" alt="img">
        </div>
      </div>
      <div class="col-right">
        <h1 class="section-title">About <span>me</span></h1>
        <h1 class="myhead">Web Developer</h1>
        <p class="myabout">Myself Mahesh Wattamwar from Nanded. I am pursuing Engineering from SGGSIE&T Vishnupuri Nanded.Experience MS-CIT Controller with a demonstrated history of working in the computer software industry at Sumitra InfoTech private limited Nanded. Skilled in Python (Programming Language), WordPress, C++, Java, and Android Development. Strong accounting professional with a Diploma focused in Information Technology from Government polytechnic Nanded.</p>
        
        <a href="img/cv.pdf" target="_blank" class="cta">Download Resume</a>
      </div>
    </div>
  </section>
  <!-- End About Section -->

  <!-- Contact Section -->


<div class="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="img/img-2.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/mahiii.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/mahesh.jpg" class="d-block w-100" alt="...">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>


  <section id="contact">
    <div class="contact container">
      <div><h1 class="section-title">Contact <span>info</span></h1></div>
      <div class="contact-items">
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/phone.png"/></div>
          <div class="contact-info">
            <h1>Phone</h1>
            <h2>+917218232383</h2>
          
          </div>
        </div>
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/new-post.png"/></div>
          <div class="contact-info">
            <h1>Email</h1>
            <h2>maheshwattamwar001@gmail.com</h2>
            
          </div>
        </div>
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/map-marker.png"/></div>
          <div class="contact-info">
            <h1>Address</h1>
            <h2>At Kudli,Nanded,Maharashtra </h2>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Contact Section -->

 <section id="email-contact">
      
      <div class="contact-me">
        <h2 class="color-text-gold mg-auto">Get In Touch with Me</h2>
        <h3 class="color-text-portion mg-auto sin">You can <span>Contact Me</span> any time and I will solve your problem in 48 hours.</h3>
        <h3 class="color-text-portion mg-auto cos">You can contact me on maheshwattamwar001@gmail.com . The link is given below to mail me</h3>
        <div class="btn"><a class="btn-text" href="mailto:maheshwattamwar001@gmail.com">Email Me</a></div>


        <div class="call"><a class="call-text" href="tel:7218232383">Click Here To Call Support</a></div>

  
  </div>
    </section>
  <!-- Footer -->

  <section id="footer">
    <div class="footer container">
      <div class="brand"><h1><span>M</span>ahesh <span>W</span>atta<span>mw</span>ar</h1></div>
      <h2>Your Complete Web Solution</h2>
      <div class="social-icon">
        <div class="social-item">
          <a href="https://www.facebook.com/maheshwattamwar7218" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/facebook-new.png"/></a>
        </div>
        <div class="social-item">
          <a href="https://www.instagram.com/___itz_mahi___/" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png"/></a>
        </div>
        <div class="social-item">
          <a href="https://www.instagram.com/___itz_mahi___" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/twitter.png"/></a>
        </div>
        <div class="social-item">
          <a href="https://www.linkedin.com/in/maheshwattamwar" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/behance.png"/></a>
        </div>
      </div>
      <div class="LI-profile-badge"  data-version="v1" data-size="medium" data-locale="en_US" data-type="horizontal" data-theme="dark" data-vanity="maheshwattamwar"><a class="LI-simple-link" href='https://in.linkedin.com/in/maheshwattamwar?trk=profile-badge'>Mahesh Wattamwar</a></div>
      <p>Copyright © 2020 Mahesh. All rights reserved</p>
    </div>
  </section>
  <!-- End Footer -->
  <script src="./app.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>


<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>