index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Home | Nikhil</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css?family=Manrope&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">


</head>

<body>

  <section id="title">
    <div class="container-fluid">

      <!-- navigation bar -->

      <nav class="navbar navbar-expand-lg navbar-dark">
        <a class="navbar-brand" href="">Nikhil Dugar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul id = "nav-nav" class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="#cover-statement">About me</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#work-experience">Projects</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#skills">Skills</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#education">Education & Training</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#contact-me">Contact me</a>
            </li>
          </ul>
        </div>
      </nav>

      <!-- Title name -->

      <div class="title-name d-flex align-items-center">
        <h1 class="big-name">Nikhil Dugar</h1>
      </div>
    </div>
  </section>

  <!-- cover statement -->

  <section id="cover-statement">
    <div class="container-fluid">
      <div class="statement">
        <h2>Cover statement</h2>
        <p class="statement-text">In the vast expanse of knowledge in the Universe, I yearn to learn the best use of my skills and to expand those skills, I'm seeking a project or position where I can grow, develop and make an impact. With an ever expanding skill set, I know I can bring creative ideas and successful solutions to the table while keeping the morale high. Take a look through my CV to find out more about what I have to offer, or get in touch to discuss how I can help you with your project.</p>

          <!-- cv button -->

        <a href="Nikhil Dugar CV.pdf" class="btn btn-outline-dark cv-btn btn-md">My CV</a>
      </div>
      <!-- personal profile and pic -->


      <div class="row">
        <div class="profile col-lg-8">
          <h2>Personal profile</h2>

          <p class="statement-text ">I am a simple person who enjoys coding, puzzles, humor, and music. I have a genuine liking of Machine Learning and Data Analytics and I want to improve my proficiency to become an expert in the field.<br> <br>
            In a line: I am a totally real human being studying Machine Learning. Nothing apocalyptic. <b>TERMINATE MESSAGE.</b></p>

          <a href="https://www.linkedin.com/in/nikhil-dugar-71b66614b/?originalSubdomain=in" target="_blank" class="btn btn-block btn-outline-dark"><span id = "btn-link-1" class="iconify" data-icon="bx:bxl-linkedin-square" data-inline="false"></span>My profile</a>
        </div>
        <div class="col-lg-4 image-robot">
          <img class="robot " src="images/img.jpg" alt="robot">
        </div>

      </div>
    </div>

  </section>

<!-- work experience timeline -->

  <section id="work-experience">
    <div class="container-fluid">
      <div class="work-experience">
        <div class="container mt-5 mb-5">
          <div class="row">
            <div class="col-md-6 offset-md-3">
              <h2 class="work-exp-title">Work Experience</h2>
              <ul class="timeline">
                <li>
                  <p class = "work-exp" >Front end developer</p>
                  <p class="float-right">5 Jan - 21 Jan,2019</p>
                  <p class="timeline-text">I have worked on building the NIIT University community website at the time. My contribution was mostly in the form of HTML and CSS.</p>
                </li>

              </ul>
            </div>
          </div>
        </div>

        <div class="container mt-5 mb-5">
          <div class="row">
            <div class="col-md-6 offset-md-3">
              <h2 class="work-exp-title">Projects</h2>
              <ul class="timeline">
                <li>
                  <a target="_blank" class="exp-link" href="https://github.com/NIKHILDUGAR/SVN">Fraudulent website detector</a>
                  <p class="float-right">Oct 2019</p>
                  <p class="timeline-text">Made in a hackathon in a group of 3. This project is a web app wherein a user can add a URL and get to know if that site is unsafe. It employs a machine learning algorithm that uses traits of fraudulent websites for detection. </p>
                </li>
                
                <li>
                  <a target="_blank" class="exp-link" href="github.com/V-coder036/Universal-Safety-Button">Universal Safety Button</a>
                  <p class="float-right">Jun 2018</p>
                  <p class="timeline-text">Group project. Android app that alerts 5 people from the user's contacts and calls one person at the press of a button. Sends out the user's location. </p>
                </li>
                <li>
                  <a target="_blank" class="exp-link" href="https://github.com/V-coder036/disastersimulation">Disaster Simulation </a>
                  <p class="float-right">Jun 2019</p>
                  <p class="timeline-text">A Unity based application which simulates an earthquake. </p>
                </li>
                
              </ul>
            </div>
          </div>
        </div>
        <a href="https://github.com/NIKHILDUGAR" id = "btn-link-2" target="_blank" class="btn btn-outline-dark"><span id="btn-link-3" class="iconify" data-icon="bx:bxl-github" data-inline="false"></span>Other projects</a>
      </div>
    </div>
  </section>

  <!-- skills -->

  <section id="skills">
    <div class="container-fluid">
      <div class="skills-list">
        <h2 class="skills-heading">Skills</h2>
        <div class="row skills-row-top">
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="bx:bxs-data" data-inline="false"></span>
            <p>Data Structures</p>
          </div>
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="cib:python" data-inline="false"></span>
            <p>Python</p>
          </div>
        </div>

        <div class="row skills-row-bot">
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="cib:tensorflow" data-inline="false"></span>
            <p>Tensorflow</p>
          </div>
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="bx:bx-brain" data-inline="false"></span>
            <p>Pytorch</p>
          </div>
        </div>

                
        <div class="row skills-row-bot">
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="cib:octave" data-inline="false"></span>
            <p>Octave</p>
          </div>
          <div class="col-lg-6 col-md-6">
          <img src="images/opencv.svg" class="opencv" alt="">
            <p>Opencv</p>
          </div>
          
        </div>
        
        
        <div class="row skills-row-bot">
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="ant-design:console-sql-outlined" data-inline="false"></span>
            <p>MySQL</p>
          </div>
          <div class="col-lg-6 col-md-6">
            <img src="https://funthon.files.wordpress.com/2017/05/bs.png?w=128 alt="">
            <p>BeautifulSoup</p>
          </div>
        </div>
        
        <div class="row skills-row-bot">
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="icomoon-free:html-five" data-inline="false"></span>
            <p>HTML5</p>
          </div>
          <div class="col-lg-6 col-md-6">
            <span class="iconify" data-icon="bx-bxl-css3" data-inline="false"></span>
            <p>CSS3</p>
          </div>
        </div>
        

      </div>

    </div>
  </section>

  <section id="education">
    <div class="container-fluid">
      <div class="education-timeline">
        <div class="container mt-5 mb-5">
          <div class="row">
            <div class="col-md-6 offset-md-3">
              <h2 class="work-exp-title">Education</h2>
              <ul class="timeline">
                <li>
                  <p class="headline-edu">B.Tech, Computer Science</p>
                  <p class="float-right">2017-2021</p>
                  <p class="edu-timeline-text">NIIT University <br> CGPA: 7.66</p>
                </li>
                <li>
                  <p class="headline-edu">
                    XII (Senior Secondary), Science</p>
                  <p class="float-right">2017</p>
                  <p class="edu-timeline-text">Bhartiya Vidya Bhavan, CBSE Board <br> Percentage:77.00%</p>
                </li>
                <li>
                  <p class="headline-edu">
                    X (Secondary)</p>
                  <p class="float-right">2014</p>
                  <p class="edu-timeline-text">Bhartiya Vidya Bhavan, CBSE Board <br> CGPA 8.00</p>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="carousel">
          <h2 class= "carousel-title">Training</h2>
          <div id="training-carousel" class="carousel slide" data-ride="false">
            <ol class="carousel-indicators">
              <li data-target="#training-carousel" data-slide-to="0" class="active"></li>
              <li data-target="#training-carousel" data-slide-to="1"></li>
              <li data-target="#training-carousel" data-slide-to="2"></li>
              <li data-target="#training-carousel" data-slide-to="3"></li>
              <li data-target="#training-carousel" data-slide-to="4"></li>
            </ol>
               <div class="carousel-inner">
              <div class="carousel-item active">
                <a href="https://www.coursera.org/account/accomplishments/certificate/7DX4E99TD88E">  <h4 class="training-title link-training">Machine Learning</h4></a>
                <h6>Coursera (online)</h6>
                <em>Jul 2019-Sep 2019</em>
              </div>
              <div class="carousel-item">
                <a href="https://coursera.org/share/e3d115cd874710862c28c6f94b7a3558"><h4 class="training-title link-training">Neural Networks and Deep Learning</h4></a>
                <h6>Coursera (online)</h6>
                <em>April 2020-May 2020</em>
              </div>
              <div class="carousel-item">
                <h4 class="training-title">Python for Data Science</h4>
                <h6>Swayam (online)</h6>
                <img class="swayam-cert" src="images/swayam.png" alt="swayam-certificate">
                <em>Jul 2019-Oct 2019</em>
              </div>
              <div class="carousel-item">
                <a href="https://www.coursera.org/account/accomplishments/certificate/UPBDLZ7RRUGN"><h4 class="training-title link-training">Getting Started with AWS Machine Learning</h4></a>
                <h6>Coursera (online)</h6>
                <em>Dec 2019-Jan 2020</em>
              </div>
              <div class="carousel-item">
                <a href="https://www.coursera.org/account/accomplishments/certificate/JL6PNQUX2UL4">  <h4 class="training-title link-training">AWS Fundamentals: Going Cloud-Native</h4></a>
                <h6>Coursera (online)</h6>
                <em>Aug 2019-Sep 2019</em>
              </div>
            </div>
            <a class="carousel-control-prev" href="#training-carousel" 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="#training-carousel" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>

    </div>
  </section>

<section id = "contact-me">
  <div class="container-fluid">
    <div class="contact">
      <h2>Contact me</h2>
      <h6 class="contact-footer">Phone: +91 82403 46570</h6>
      <h6 class="contact-footer">Email-id: nikhil4709@gmail.com</h6>

  <a href="https://www.linkedin.com/in/nikhil-dugar-71b66614b/?originalSubdomain=in"><span class="iconify footericon" data-icon="brandico:linkedin-rect" data-inline="false"></span></a>
  <a href="https://www.github.com/NIKHILDUGAR"><span class="iconify footericon" data-icon="ant-design:github-outlined" data-inline="false"></span></a>
</div>

  </div>



</section>



  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  <script src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>

</body>

</html>