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">
  <meta name="keywords" content="actuallyroy, roy, Amit Kumar, Amit Kumar Amity">
  <meta name="author" content="Roy">
  <link rel="stylesheet" href="./assets/css/style.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
  <script src="https://unpkg.com/phosphor-icons"></script>
  <title>actuallyroy</title>
</head>
<body>
  <div class="header" id="header">
    <span class="headerBtns">Home</span>
    <span class="headerBtns">My works</span>
    <span class="headerBtns">Education</span>
    <span class="headerBtns">Skills</span>
    <span class="headerBtns">Blog</span>
    <span class="headerBtns">Contacts</span>
  </div>


  <!----------------------------------- Home container ------------------------------->
  <div class="home cont" id="home">
    <!-- <img alt="" class="a" src="img.png" height="400"> -->
    <!-- <img alt="" class="pImg a" src="web.png" height="250"> -->
    <div class="b a">
      <div class="typeEffCont">
        <div class="typeEffect"></div>
        <span class="typeEffect caret">&nbsp;</span>
      </div>
    </div>
    <div class="viewCount"><i class="bi bi-eye-fill"></i><span id="vCount">Views</span></div>
    <img alt="My Image" class="big-img" id="bigImg"/>
  </div>

  <!------------------------------------------ Work Container ---------------------------------->
  <div class="cont" id="work">
    <div class="subcont" >
      <div class="cards-cont" id="cardsCont">
        
      </div>
    </div>
  </div>
  <!------------------------ Left and Right Button ----------------------------->
  <i class="bi bi-arrow-left-circle-fill rl-btn l"></i>
  <i class="bi bi-arrow-right-circle-fill rl-btn r"></i>

  <!------------------------------------- Education Container --------------------------------------->
  <div class="cont" id="edu">
    <div class="edu-sub-cont">
      <div class="labeltext">Education</div>
      <div class="edu-cards-cont">
        <div class="edu-card">
          <div class="edu-img-cont">
            <img alt="Amity University Kolkata" src="./assets/images/menu_amity11.jpg">
          </div>
          <div class="edu-des-cont">
            <div>
              <a rel="noopener" href="https://amity.edu/kolkata/" target="_blank">
              Amity University<br>Kolkata
              </a>
            </div><br>
            <div>
              <b><i class="bi bi-mortarboard-fill e-ico"></i>Bachelor of Technology</b><br>
              <i class="bi bi-book-fill e-ico"></i>Computer Science & Engineering<br>
              <i class="bi bi-calendar-range-fill e-ico"></i>2019 - 2023
            </div>
          </div>
        </div>

        <div class="edu-card">
          <div class="edu-img-cont">
            <img alt="Amity University Kolkata" src="./assets/images/rbscollege.jpg">
          </div>
          <div class="edu-des-cont">
            <div>
              <a rel="noopener" href="http://www.rbscollegeteyai.com/" target="_blank">
                R.B.S College<br>Teyai
              </a>
            </div><br>
            <div>
              <b><i class="bi bi-mortarboard-fill e-ico"></i>Intermediate</b><br>
              <i class="bi bi-book-fill e-ico"></i>Mathematics, Physics, Chemistry<br>
              <i class="bi bi-calendar-range-fill e-ico"></i>2016 - 2018
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="labeltext" >Certificates</div></b><br>
    <div class="edu-cards-cont cert-cont" id="cert-cont">
    </div>
  </div>


  <!------------------------------------- Skills Container --------------------------------------->
  <div class="cont" id="skills">
    <div class="subcont">
        <div id="skills-cont" class="skills-cont">
        </div>
    </div>
  </div>


  <!------------------------------------- Blog Container --------------------------------------->

  <div class="cont" id="blog">
    <div class="subcont">
      <div class="blog-cont" id="blog-cont">
      </div>
    </div>
  </div>


  <!------------------------------------- Contact Container --------------------------------------->


  <div class="cont" id="contact">
    <div class="subcont">
      <div class="contacts-page">
        <span class="big-name">
          AMIT KUMAR
        </span>
        <div>Engineer, Developer, Learner </div>
        <div class="c-logo-cont">
          <a href="https://www.github.com/actuallyroy" target="_blank">
            <i class="ph-github-logo-fill c-logo"></i>
          </a>
          <a href="https://wa.me/919534029487" target="_blank">
            <i class="ph-whatsapp-logo-fill c-logo"></i>
          </a>
          <a href="http://discordapp.com/users/465958188290801686" target="_blank">
            <i class="ph-discord-logo-fill c-logo"></i>
          </a>
          <a href="https://www.instagram.com/actuallyroy" target="_blank">
            <i class="ph-instagram-logo-fill c-logo"></i>
          </a>
          <a href="https://www.linkedin.com/in/actuallyroy/" target="_blank">
            <i class="ph-linkedin-logo-fill c-logo"></i>
          </a>
          <a href="mailto:amitkumar93525@gmail.com" target="_blank">
            <i class="ph-at-bold c-logo"></i>
          </a>
          <a href="tel:+919304761760">
            <i class="ph-phone-fill c-logo"></i>
          </a>
        </div>
        <div class="line"></div>
      </div>
    </div>
  </div>
  <script type="module" src="./assets/scripts/script.js"></script>
</body>
</html>