acch.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">
    <title>Document</title>
    <link href="min.css" rel="stylesheet" />
</head>
<body>
    <section id="projects" class="projects">
        <div class="title-heading">
          <h2>Achievement</h2>
          <p>these are some of my recent Achievement</p>
        </div>
        <div class="project-item">
          <div class="project-img has-margin-right">
            <img src="jeet.jpg" height="350px" width="375px" />
          </div>
          <div class="project-description">
            <h2>Quiz Competitions</h2>
            <p>
              This is a system for monitoring projects' progress of final year
              students. It have three levels of users i.e Students, Supervisors
              and the Project Coordinator. Each user have a specific role in the
              system. Students have the lowest privilege. I developed this
              system using React, Redux and Firebase
            </p>
          </div>
        </div>

        <div class="project-item">
          <div class="project-description has-margin-right">
            <h2>Coding Badges ON Hackerrank</h2>
            <p>
              This is a simple to-do app I developed for educational purpose on
              my YouTube Channel. It allows the user to perform CRUD operations
              e.g adding and removing tasks from the database. Users must
              register and login for them to use the app. A user can only see
              the tasks that he/she have added. I developed this app using
              React, Redux and Firebase.
            </p>
          </div>
          <div class="project-img">
            <img src="badge.png" height="300px" width="600px" />
          </div>
        </div>

        <div class="project-item">
          <div class="project-img has-margin-right">
            <img src="certi.jpg" height="400px" width="450px" />
          </div>
          <div class="project-description">
            <h2>Online Cource Certificate</h2>
            <p>
              This is a simple calculator which performs the most common
              arithmetic operations. It have cool design and buttons are
              arranged nicely using CSS grid. I used JavaScript to receive
              input, perform computation and display the correct result on
              "screen".
            </p>
          </div>
        </div>
        <hr />
      </section>
</body>
</html>