<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Selamat Datang Di Web SMK Komputer Al-bashry</title>
    <link rel="shorcut icon" href="<?php echo base_url().'theme/images/logo1.png'?>">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/bootstrap.min.css'?>">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/font-awesome.min.css'?>">
    <!-- Simple Line Font -->
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/simple-line-icons.css'?>">
    <!-- Slider / Carousel -->
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/slick.css'?>">
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/slick-theme.css'?>">
    <link rel="stylesheet" href="<?php echo base_url().'theme/css/owl.carousel.min.css'?>">
    <!-- Main CSS -->
    <link href="<?php echo base_url().'theme/css/style.css'?>" rel="stylesheet">
    <?php
        function limit_words($string, $word_limit){
            $words = explode(" ",$string);
            return implode(" ",array_splice($words,0,$word_limit));
        }
    ?>
</head>

<body>
   
  <div data-toggle="affix" style="border-bottom:solid 1px #f2f2f2;">
      <div class="container nav-menu2">
          <div class="row">
              <div class="col-md-12">
                  <nav class="navbar navbar2 navbar-toggleable-md navbar-light bg-faded">
                      <button class="navbar-toggler navbar-toggler2 navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown">
                          <span class="icon-menu"></span>
                      </button>
                      <a href="<?php echo site_url('');?>" class="navbar-brand nav-brand2"><img class="img img-responsive" width="280px;" src="<?php echo base_url().'theme/images/8.png'?>"></a>
                      <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
                          <ul class="navbar-nav">
                              <li class="nav-item">
                                  <a class="nav-link" href="<?php echo site_url('');?>">Beranda</a>
                              </li>
                              <li class="nav-item">
                                  <div class="dropdown">
                                    <a class="dropdown-toggle" class="nav-link" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                      Profil
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                      <a class="dropdown-item"  href="<?php echo site_url('visimisi');?>">Visi&misi</a>
                                      <a class="dropdown-item"  href="<?php echo site_url('sejarah');?>">Sejarah</a>
                                      <a class="dropdown-item"  href="<?php echo site_url('guru');?>">Guru</a>
                                      <a class="dropdown-item" href="<?php echo site_url('staptu');?>">Staff TU</a>
                                    </div>
                                  </div>
                              </li>
                              <li class="nav-item">
                                  
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" href="<?php echo site_url('blog');?>">Informasi</a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" href="<?php echo site_url('pengumuman');?>">Pengumuman</a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" href="<?php echo site_url('agenda');?>">Agenda</a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" href="https://docs.google.com/forms/d/15TwR0mFDdqDyZjZNkKM1TKE5OdcxvWvgKONEPWebqX8/viewform?edit_requested=true">Daftar</a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" href="<?php echo site_url('galeri');?>">Gallery</a>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" href="<?php echo site_url('contact');?>">Contact</a>
                              </li>
                        </ul>
                  </div>
                </nav>
              </div>
            </div>
          </div>
        </div>
    <section>
</section>
    <div class="slider_img layout_two">
        <div id="carousel" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
                <li data-target="#carousel" data-slide-to="1" ></li>
                <li data-target="#carousel" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                    <img class="d-block" src="<?php echo base_url().'theme/images/2.png'?>" alt="First slide">
                    <div class="carousel-caption d-md-block">
                        <div class="slider_title">       
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="d-block" src="<?php echo base_url().'theme/images/ak.png'?>" alt="Second slide">
                    <div class="carousel-caption d-md-block">
                        <div class="slider_title">
                            
                            </div>
                        </div>
                    </div>

                  <div class="carousel-item">
                    <img class="d-block" src="<?php echo base_url().'theme/images/mitra.png'?>" alt="Third slide">
                    <div class="carousel-caption d-md-block">
                        <div class="slider_title">
                            
                            </div>
                        </div>
                    </div>
               
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                <i aria-hidden="true"></i>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                <i aria-hidden="true"></i>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</section>
<!--//END HEADER -->
<!--============================= ABOUT =============================-->
<section class="clearfix about about-style2">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
              <div class="tulisn">
               <h2>Selamat Datang</h2>
               <p>Assalamu'alaikum Wr. Wb </br>
                Selamat datang di website SMK Komputer Al-bashry. Website ini adalah website resmi sekolah yang berfungsi sebagai pemberi informasi, penghubung antara warga sekolah dan masyarakat serta stakeholder. Dengan adanya website ini, kami akan berusaha untuk transparan, jujur, akuntable dan berintegrasi. Mudah-mudahan dengan hadirnya website ini dapat menjadikan SMK Kompute Al-bashry selalu terdepan dalam memajukan pendidikan dan mencerdaskan bangsa.</br>
                Wassalamu'alaikum Wr. Wb </p>
                </div>
            </div>
            <div class="col-md-4">
                <img src="<?php echo base_url().'theme/images/kepala.jpg'?>" class="img-fluid" alt="#">

            </div>
        </div>
    </div>
</section>
<!--//END ABOUT -->
<!--============================= OUR COURSES =============================-->
<section class="our_courses">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 style="text-align: center;">Informasi Terbaru</h2>
            </div>
        </div>
        <div class="row">
          <?php foreach ($berita->result() as $row) :?>
            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
                <div class="courses_box mb-4">
                    <div class="course-img-wrap">
                        <img src="<?php echo base_url().'assets/images/'.$row->tulisan_gambar;?>" class="img-fluid" alt="courses-img">
                    </div>
                    <!-- // end .course-img-wrap -->
                    <a href="<?php echo site_url('artikel/'.$row->tulisan_slug);?>" class="course-box-content">
                        <h3 style="text-align:center;"><?php echo $row->tulisan_judul;?></h3>
                    </a>
                </div>
            </div>
          <?php endforeach;?>
        </div> <br>
        <div class="row">
            <div class="col-md-12 text-center">
                <a href="<?php echo site_url('artikel');?>" class="btn btn-default btn-courses">View More</a>
            </div>
        </div>
    </div>
</section>
<!--//END OUR COURSES -->
<!--============================= EVENTS =============================-->
<section class="event" style="text-align: center;"> <h2> ========== NEWS =========== </h2>
    <div class="container" style="text-align: left;" style="text-decoration-color: #292b2c;">
      <br>
        <div class="row">
            <div class="col-lg-6">
                <div class="event-img2"> 
                <?php foreach ($pengumuman->result() as $row) :?>
                <div class="row">
                    <div class="col-sm-3"> <img src="<?php echo base_url().'theme/images/announcement-icon.png'?>" class="img-fluid" alt="event-img"> <!-- Pengumuman --> </div><!-- // end .col-sm-3 -->
                    <div class="col-sm-9"> <h4><a href="<?php echo site_url('pengumuman');?>"><?php echo $row->pengumuman_judul;?></a></h4>
                      <span><?php echo $row->tanggal;?></span>
                      <p><?php echo limit_words($row->pengumuman_deskripsi,10).'...';?></p>

                    </div><!-- // end .col-sm-7 -->
                </div><!-- // end .row -->
                <?php endforeach;?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-md-12">
                    <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23039BE5&amp;ctz=Asia%2FJakarta&amp;src=dmU3YnRjOGcyNnYxZ2s4aGo0dmdzNjFuYnNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;src=YWFuaGFyaTEwMUBnbWFpbC5jb20&amp;src=YWxpcmFobWF0MTAwMjk4QGdtYWlsLmNvbQ&amp;src=aGFuZGF5YW5pYWFuMjJAZ21haWwuY29t&amp;color=%23E4C441&amp;color=%23B39DDB&amp;color=%23B39DDB&amp;color=%23009688&amp;showTabs=0&amp;showPrint=0" style="border-width:0" width="600" height="300" frameborder="0" scrolling="no"></iframe>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--============================= FOOTER =============================-->
<footer>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="foot-logo">
                <p><?php echo date('Y');?> © copyright by <br> SMK KOMPUTER AL-BASHRY<br>All rights reserved.</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="sitemap">
                    <h3>Menu Utama</h3>
                    <ul>
                        <li><a href="<?php echo site_url();?>">Beranda</a></li>
                        <li><a href="<?php echo site_url('visimisi');?>">Profil</a></li>
                        <li><a href="<?php echo site_url('artikel');?>">Informasi </a></li>
                        <li><a href="<?php echo site_url('galeri');?>">Gallery</a></li>
                        <li><a href="<?php echo site_url('contact');?>">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3">
              <div class="sitemap">
                  <h3>Akademik</h3>
                  <ul>
                      <li><a href="<?php echo site_url('guru');?>">Guru</a></li>
                      <li><a href="<?php echo site_url('pengumuman');?>">Pengumuman</a></li>
                      <li><a href="<?php echo site_url('agenda');?>">Agenda</a></li>
                      <li><a href="<?php echo site_url('download');?>">Pendaftaran</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3">
                <div class="address">
                    <h3>Hubungi Kami</h3>
                    <p><span>Alamat: </span> Jl.Palasarigirang No.39 Kalapanunggal-Sukabumi 40552 </p>
                    <p><span>Email : </span> smkkomputeralbashry@rocketmail.com
                         <br><span> Phone :</span> (0266)620309 </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--//END FOOTER -->
    <!-- jQuery, Bootstrap JS. -->
    <script src="<?php echo base_url().'theme/js/jquery.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/tether.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/bootstrap.min.js'?>"></script>
    <!-- Plugins -->
    <script src="<?php echo base_url().'theme/js/slick.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/waypoints.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/counterup.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/owl.carousel.min.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/validate.js'?>"></script>
    <script src="<?php echo base_url().'theme/js/tweetie.min.js'?>"></script>
    <!-- Subscribe -->
    <script src="<?php echo base_url().'theme/js/subscribe.js'?>"></script>
    <!-- Script JS -->
    <script src="<?php echo base_url().'theme/js/script.js'?>"></script>
</body>

</html>