<!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">
  <title>Anyar-HTML Bootstrap theme</title>

  <!-- Bootstrap -->
  <link href="<?php echo base_url(); ?>/depan/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="<?php echo base_url(); ?>/depan/css/font-awesome.min.css">
  <link rel="stylesheet" href="<?php echo base_url(); ?>/depan/css/font-awesome.css">
  <link rel="stylesheet" href="<?php echo base_url(); ?>/depan/css/animate.css">
  <link href="<?php echo base_url(); ?>/depan/css/style.css" rel="stylesheet" />
  <!-- =======================================================
    Theme Name: Anyar
    Theme URL: https://bootstrapmade.com/anyar-free-multipurpose-one-page-bootstrap-theme/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
  ======================================================= -->
</head>

<body>
  <header>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
            <div class="navbar-brand">
              <a href="<?php echo base_url(); ?>"><h1>MAGIC MONEY</h1></a>
            </div>
          </div>

          <div class="navbar-collapse collapse">
            <div class="menu">
              <ul class="nav nav-tabs" role="tablist">
                <li role="presentation"><a href="#home" class="active">Home</a></li>
                <li role="presentation"><a href="#about">Convert Pulsa</a></li>
                <li role="presentation"><a href="#services">Transfer Bank</a></li>
                <li role="presentation"><a href="#contact">Kontak</a></li>
				<li role="presentation"><a href="<?=base_URL()?>admin/">Login</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </nav>
  </header>

  <div id="home">
    <div class="slider">
      <div class="">
        <div id="about-slider">
          <div id="carousel-slider" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators visible-xs">
              <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-slider" data-slide-to="1"></li>
              <li data-target="#carousel-slider" data-slide-to="2"></li>
            </ol>

            <div class="carousel-inner">
              <div class="item active">
                <img src="<?php echo base_url(); ?>/depan/img/11.jpg" class="img-responsive" alt="">
              </div>
              <div class="item">
                <img src="<?php echo base_url(); ?>/depan/img/5.jpg" class="img-responsive" alt="">
              </div>
			  <div class="item">
                <img src="<?php echo base_url(); ?>/depan/img/6.jpg" class="img-responsive" alt="">
              </div>
              <div class="item">
                <img src="<?php echo base_url(); ?>/depan/img/22.jpg" class="img-responsive" alt="">
              </div>
            </div>

            <a class="left carousel-control hidden-xs" href="#carousel-slider" data-slide="prev">
							<i class="fa fa-angle-left"></i>
						</a>

            <a class=" right carousel-control hidden-xs" href="#carousel-slider" data-slide="next">
							<i class="fa fa-angle-right"></i>
						</a>
          </div>
          <!--/#carousel-slider-->
        </div>
        <!--/#about-slider-->
      </div>
    </div>
  </div>

  <section id="about">
    <div class="container">
      <div class="center">
        <div class="col-md-6 col-md-offset-3">
          <h2>NILAI TUKAR PULSA</h2>
          <hr>
          <p class="lead">Selalu cek nilai tukar provider anda sebelum melakukan transaksi</br>
		  Cepat aman dan terpercaya !</p>
        </div>
      </div>
    </div>

	
     <div class="container">
      <div class="text-center">
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
          <img src="<?php echo base_url(); ?>/depan/img/telkomsel.jpg">
          <h3>TELOMSEL</h3>
		  
                  <?php

                        foreach($telkomsel->result_array() as $i):
						$rate=$i['rate'];

                  ?>

          <p>Rate = <?php echo  $rate/100;?></p>
		 <?php endforeach;?>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
          <img src="<?php echo base_url(); ?>/depan/img/xl.png">
          <h3>XL AXIATA</h3>
           <?php

                        foreach($xl->result_array() as $i):
						$rate=$i['rate'];
			?>

          <p>Rate = <?php echo  $rate/100;?></p>
		 <?php endforeach;?>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms">
          <img src="<?php echo base_url(); ?>/depan/img/indosat.jpg">
          <h3>INDOSAT</h3>
          <?php

                        foreach($indosat->result_array() as $i):
						$rate=$i['rate'];
			?>

          <p>Rate = <?php echo  $rate/100;?></p>
		 <?php endforeach;?>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms">
          <img src="<?php echo base_url(); ?>/depan/img/three.png">
          <h3>THREE</h3>
         <?php

                        foreach($tri->result_array() as $i):
						$rate=$i['rate'];
			?>

          <p>Rate = <?php echo  $rate/100;?></p>
		 <?php endforeach;?>
        </div>
      </div>
    </div>
    <!--/.container-->
  </section>
  <!--/#about-->

  <div id="services">
    <div class="container">
      <div class="center">
        <div class="col-md-6 col-md-offset-3">
          <h2>TRANSFER BANK</h2>
          <hr>
          <p class="lead">Lakukan transfer uang antar bank tanpa biaya admin</br>
		  Cepat aman dan terpercaya !</p>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="text-center">
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
          <img src="<?php echo base_url(); ?>/depan/img/bri.png">
          <h3>BRI<h3>
		  <p>789201003016533</p>
		  <p>MUSTAQIM</p>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
          <img src="<?php echo base_url(); ?>/depan/img/bni2.png">
          <h3>BNI</h3>
		  <p>78920100876</p>
		  <p>MUSTAQIM</p>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms">
          <img src="<?php echo base_url(); ?>/depan/img/mandiri.png">
          <h3>MANDIRI</h3>
		  <p>1590001578433</p>
		  <p>MUSTAQIM</p>
        </div>
        <div class="col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms">
          <img src="<?php echo base_url(); ?>/depan/img/permata.png">
          <h3>PERMATA</h3>
		  <p>4129772772</p>
		  <p>MUSTAQIM</p>
        </div>
      </div>
    </div>
  </div>

  <div id="contact">
    <div class="container">
      <div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
        <h4>Kontak Kami</h4>
        <p>Kami merupakan Layanan Jasa Convert Pulsa dan Transfer uang.</br>
		   Disini kami hadir untuk memberikan kemudahan kepada orang - orang yang ingin bertransaksi secara online.<br>
           Jam oprasional layanan Senin - Minggu, Pukul 07.30 - 21.00 WIB.</p>
        <div class="contact-info">
          <ul>
            <li><i class="fa fa-home fa"></i>Benua anyar, Banjarmasin, Kalimantan Selatan</li>
            <li><i class="fa fa-phone fa"></i> +628 2254 8392 18</li>
            <li><i class="fa fa-envelope fa"></i> mustaqim.stmik@gmail.com</li>
          </ul>
        </div>
      </div>

      <div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
        <div class="text-center">
          <h4>Photo Gallery</h4>
          <ul class="sidebar-gallery">
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery1.png" alt="" /></a></li>
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery2.png" alt="" /></a></li>
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery3.png" alt="" /></a></li>
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery4.png" alt="" /></a></li>
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery5.png" alt="" /></a></li>
            <li><a href="#"><img src="<?php echo base_url(); ?>/depan/img/gallery6.png" alt="" /></a></li>
          </ul>
        </div>
      </div>

      <div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms">
        <div class="">
          <h4>Ketentuan Layanan</h4>
          <p>- Untuk jasa transfer uang dibatasi hanya Rp 1.000.000 untuk satu transaksi<br>
          - Hubungi nomor admin jika terjadi kesalahan<br>
          - Permintaan transaksi selambatnya akan di proses selama 1x24 jam</p>
        </div>
      </div>

    </div>
  </div>

   



 
</div>
   <div class="sub-footer">
    <div class="container">
      <div class="social-icon">
        <div class="col-md-6">
          <ul class="social-network">
            <li><a href="#" class="fb tool-tip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#" class="twitter tool-tip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#" class="gplus tool-tip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#" class="linkedin tool-tip" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
            <li><a href="#" class="ytube tool-tip" title="You Tube"><i class="fa fa-youtube-play"></i></a></li>
          </ul>
        </div>
      </div>

      <div class="col-md-6 ">
        <div class="copyright text-right">
          <marquee>&copy; Mustaqim STMIK. All Rights Reserved.</marquee>
          <div class="credits">
            <!--
              All the links in the footer should remain intact.
              You can delete the links only if you purchased the pro version.
              Licensing information: https://bootstrapmade.com/license/
              Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Anyar
            -->
           
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="<?php echo base_url(); ?>/depan/js/jquery.js"></script>
  <!-- Include <?php echo base_url(); ?>/depan/all compiled plugins (below), or include individual files as needed -->
  <script src="<?php echo base_url(); ?>/depan/js/bootstrap.min.js"></script>
  <script src="<?php echo base_url(); ?>/depan/js/wow.min.js"></script>
  <script src="<?php echo base_url(); ?>/depan/js/jquery.easing.min.js"></script>
  <script src="<?php echo base_url(); ?>/depan/js/jquery.isotope.min.js"></script>
  <script src="<?php echo base_url(); ?>/depan/js/functions.js"></script>
  <script src="<?php echo base_url(); ?>/depan/contactform/contactform.js"></script>

</body>

</html>
