<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AdityaKapal362's Space</title>
  <link rel="stylesheet" href="/css/style.css">
  <link rel="shortcut icon" type="image/png" href="/mine/kapallogo.png">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="AdityaKapal362's Space">
  <meta name="twitter:description" content="A space where a css nerd play around with css.">
  <meta name="twitter:image" content="https://adityakapal362.github.io/mine/kapallogo.png">
</head>
<body>
  
  <div id="toolbar" class="toolbar hidden">
    <div class="toolbar-title-wrapper">
      <img src="/mine/kapallogo.png" class="toolbar-title-icon">
      <span class="toolbar-title">Space</span>
    </div>
    <div class="toolbar-menu">
      <img src="/mine/menu-icon.png" class="toolbar-menu-icon">
    </div>
    <div class="toolbar-links">
      <a href="unfinished.html">My Posts</a>
      <a href="unfinished.html">Timeline</a>
      <a href="unfinished.html">Gallery</a>
      <a href="unfinished.html">About Me</a>
    </div>
  </div>

  <ul class="dropdown-menu">
    <li><a href="unfinished.html">My Posts</a></li>
    <li><a href="unfinished.html">Timeline</a></li>
    <li><a href="unfinished.html">Gallery</a></li>
    <li><a href="unfinished.html">About Me</a></li>
  </ul>

  <header class="hero">
    <div class="linearlayout">
      <p class="textview">Hi! I'm</p>
      <h1><span class="typewriter"></span></h1>
      <div class="divid"></div>
    </div>    
    <div class="fade-effect"></div>
    <a href="#introduction" class="scroll-arrow" id="scrollArrow">
      &#x2193;
    </a>
  </header>

  <section id="introduction" class="mybio">
    <div class="profile-image">
      <img src="/mine/pfp.jpg">
    </div>
    <h2>AdityaKapal362</h2>
    <p class="campus"><i>HTML & CSS Nerd</i></p>
  </section>

  <div class="divider2"></div>
  <div class="divider"></div>

  <section class="introduction">
    <p>
      Hello! My name is Aditya Putra Ramadhan, known as AdityaKapal362, a passionate developer from Indonesia. You dont have to know much about me, but sure i love photography and explore something new.
    </p>
    <p>
      Im an introvert, curious with something new type, and a self-learning programmer. I have a dream to make my own startup company. Currently studying at <a href="https://www.linkedin.com/school/trisakti-institute-of-transportation-and-logistics-itl-trisakti" class="soft-purple-link">Institute of Transportation & Logistics Trisakti</a> as International Air Transport Management student. In my free time, im enjoys listening to spotify and honing my coding skills.
    </p>
  </section>

  <section class="projects">
    <h2>My Projects</h2>
    <div class="project-list">
    </div>
  </section>
  
  <section class="social-media">
    <a href="https://discord.gg/4BAtnZSD" target="_blank">
      <img src="https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord">
    </a>
    <a href="https://open.spotify.com/playlist/1q6tNgsqMuDQxYArvk7yJO?si=mRpNhkYBTgiR1Xwq3VAPuA&pi=x2Okc7YQSvaDW" target="_blank">
      <img src="https://img.shields.io/badge/Spotify-1ED760?&style=for-the-badge&logo=spotify&logoColor=white" alt="Spotify">
    </a>
    <a href="https://www.linkedin.com/in/adityakapal362" target="_blank">
      <img src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn">
    </a>
  </section>

  <footer>
    <p>Copyright &copy; 2024 <u>AdityaKapal362</u></p>
  </footer>
  
  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
  <script src="/js/kapal362.js"></script>
  <script src="/js/project-list.js"></script>
  <script src="/js/typewriter.js"></script>
</body>
</html>