<?php 
session_start();
require"inc/auth.php";
require"inc/conn.php";
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Capaian Pembelajaran & Peta Konsep Evocourse.com | Modul Pembelajaran Biologi Digital</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <?php 
  include"inc/conn.php";
  include"inc/session_siswa.php";
  include"inc/style.php";
  ?>
  
</head>

<body>

  <?php include"inc/menu.php";?>

  
  <main id="main">
    
    <!-- ======= Breadcrumbs ======= -->
    <section class="breadcrumbs">
      <div class="container">

      </div>
    </section><!-- End Breadcrumbs -->
    




    <!-- ======= Features Section ======= -->
    <section id="features" class="features" style="margin-top:-150px;">

      <div class="container" data-aos="fade-up">

      
        
        <!-- Feature Icons -->
        <div class="row feature-icons" data-aos="fade-up">
          <h3>Capaian Pembelajaran</h3>
          <br><br><br>
          <div class="row">


            <div class="col-xl-12 d-flex content">
              <div class="row align-self-center gy-4">


                <?php
                $delay=200;
                $q=mysqli_query($connect,"select * from tb_capaian order by id_capaian asc");
                while($r=mysqli_fetch_array($q)){
                ?>
                <div class="col-md-12 icon-box" data-aos="fade-up">
                  <i class="ri-line-chart-line"></i>
                  <div>
                    <h4><?php echo $r['judul'];?></h4>
                    <p><?php echo $r['isi'];?></p>
                  </div>
                </div>
                <?php }?>


              </div>
            </div>

          </div>

        </div><!-- End Feature Icons -->

      </div>

    </section><!-- End Features Section -->








    <!-- ======= Features Section ======= -->
    <section id="features" class="features" style="margin-top:-150px;">

      <div class="container" data-aos="fade-up">

      
        
        <!-- Feature Icons -->
        <div class="row feature-icons" data-aos="fade-up">
          <h3>Peta Konsep</h3>
          <br><br><br>
          <div class="row">


            <div class="col-xl-12 d-flex content">
              <div class="row align-self-center gy-4">

                <img src="assets/gambar/petakonsep.png" width="100%">
                

              </div>
            </div>

          </div>

        </div><!-- End Feature Icons -->

      </div>

    </section><!-- End Features Section -->






    
  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer" class="footer">

    <?php include"inc/footer.php";?>
    
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <?php include"inc/script.php";?>

</body>

</html>