<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>App Showcase</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
  <link rel="website icon" type="png" href="./img/dj.png">
  <link rel="stylesheet" href="./css/style.css" />
</head>
<body>


  <section class="hero">
    <h1>Damian J - App Showcase</h1>
    <p>Welcome to my portfolio. Below you'll find projects built with passion, code and curiosity.</p>
    <a href="/cv/index.php" class="btn btn-outline-light"><i class="fa-solid fa-file-lines me-2"></i>View CV</a>
    <a href="https://github.com/DamJanJot/" class="btn btn-outline-light"><i class="fa-brands fa-github"></i> GitHub</a>
    <a href="https://codepen.io/Damian-J/" class="btn btn-outline-light"><i class="fa-brands fa-codepen"></i> CodePen</a>
    
    
     <!-- </section>
    
  <section class="project-section py-5"> -->

    <div class="srodkowy">
      
      <div class="card mb-3">
  <div class="row g-0">
      <div class="col-md-4">
          <img src="./img/projekt1.png" class="img-fluid rounded-start p-1 py-2" style="max-width: 130px;" alt="...">
        </div>
        <div class="col-md-8">
            <div class="card-body">
                <h5 class="card-title text-light">My App</h5>
                <p class="card-text">My App to zintegrowany system aplikacji osobistych do organizacji, współpracy i zarządzania zadaniami w mobilnym stylu.</p>
                <a href="https://projekty-d.j.pl/autologin-redirect.php?token=gosc_projekty016541154601001100105" class="btn btn-outline-light"> Live</a>
            </div>
        </div>
    </div>
</div>


  
      
      <div class="card mb-3">
  <div class="row g-0">
      <div class="col-md-4">
          <img src="./img/projekt2.png" class="img-fluid rounded-start p-1 py-2" style="width: 100%;"  alt="...">
        </div>
        <div class="col-md-8">
            <div class="card-body">
                <h5 class="card-title text-light">Code Editor</h5>
                <p class="card-text">Interaktywny internetowy edytor kodu, który umożliwia pisanie i podgląd HTML, CSS i JavaScript na żywo — wszystko na jednym ekranie.</p>
                <a href="https://projekty-d.j.pl/terminal/" class="btn btn-outline-light"> Live</a>
            </div>
        </div>
    </div>
</div>

  
      
      <div class="card mb-3">
  <div class="row g-0">
      <div class="col-md-4">
          <img src="./img/projekt3.png" class="img-fluid rounded-start p-1 py-2" style="width: 100%;" alt="...">
        </div>
        <div class="col-md-8">
            <div class="card-body">
                <h5 class="card-title text-light">Notes</h5>
                <p class="card-text">Aplikacja do tworzenia notatek samoprzylepnych z możliwością personalizacji przechowywania danych przez użytkownika.</p>
                <a href="https://projekty-d.j.pl/autologin-redirect.php?token=gosc35123453636234654346" class="btn btn-outline-light"> Live</a>
            </div>
        </div>
    </div>
</div>



</div>






</section>  

     




<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq" crossorigin="anonymous"></script>

<script src="./js/script.js"></script>

</body>
</html>	