Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Ecotani</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
        <link rel="icon" href="<?php echo base_url() ?>assets/image/kecil3.png" type="image/x-icon">
    </head>
    <style>
        body, html {
            height: 100%;
        }
        .footer th, td, a:link {
            padding-top: 5px;
            padding-bottom: 5px;
            text-decoration: none;
        }

        .footer table {
            width:50%;
        }

        .parallax {
            /* The image used */
            background-image: url("<?php echo base_url() ?>assets/banner/padi.jpg");

            /* Full height */
            height: 100%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        hr.new2 {
            border-top: 1px dashed #b3b3b3;
        }
    </style>
    <body>
        <nav class="navbar navbar-default navbar-fixed-top" style="background-color: #f2f2f2">
            <div class="container" >
                <?php $this->load->view('layout/top_menu') ?>
            </div>
        </nav>
            <br><br><br>
            <div class="container">
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                  <!-- Indicators -->
                  <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                  </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                          <img src="<?php echo base_url() ?>assets/banner/sawah1.jpg" alt="">
                        </div>

                        <div class="item">
                          <img src="<?php echo base_url() ?>assets/banner/padi2.jpg" alt="">
                        </div>

                        <div class="item">
                          <img src="<?php echo base_url() ?>assets/banner/petani1.jpg" alt="">
                        </div>
                         <div class="item">
                          <img src="<?php echo base_url() ?>assets/slider/padi3.jpg" alt="">
                        </div>
                    </div>

                    <!-- Left and right controls -->
                    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div><br>
            </div>

            <div class="container">
                <button type="button" class="btn btn-success">Benih</button>
                <button type="button" class="btn btn-info">Bibit Padi</button>
                <button type="button" class="btn btn-warning">Pupuk</button>
                <button type="button" class="btn btn-danger">Vitamin</button>
                <button type="button" class="btn btn-success">Hidroponik</button>
                <button type="button" class="btn btn-info">Bibit Buah</button>
            </div><br>

            <div class="container" >
                <div class="row">
                    <!-- looping products -->
                    <?php foreach($products as $product) : ?>
                        <div class="col-sm-3 col-md-3">
                            <div class="thumbnail" style="margin-top:10px;">
                                <?=img([
                                    'src'       => 'uploads/' . $product->image,
                                    'style'     => 'max-width: 100%; max-height:100%; height:100px;'
                                ])?>
                                <div class="caption">
                                    <h3 style="min-height:60px;"><?=$product->name?></h3>
                                    <p><?=$product->description?></p>
                                    <p>Rp. <?=$product->price?></p>
                                    <p>
                                        <?=anchor('welcome/add_to_cart/' . $product->id, 'Beli' , [
                                            'class' => 'btn btn-success',
                                            'role'  => 'button'
                                        ])?>
                                    </p>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                    <!-- end looping -->
                </div>
                <!-- no halaman -->
                <nav aria-label="row">
                  <ul class="pagination">
                    <li class="page-item"><a class="page-link" href="#">Sebelum</a></li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">Selanjutnya</a></li>
                  </ul>
                </nav>
            </div><br>
            <!-- halaman footer -->
            <div class="footer" style="background-color: #f2f2f2"><hr class="new2">
                <br>

                <div class="container">
                    <table>
                        <tr><th>Ecotani</th><th>Pembeli</th><th>Penjual</th></tr>
                        <tr><td><a href="#">Tentang Ecotani</a></td><td><a href="#">Cara Belanja</a></td><td><a href="#">Cara Berjualan</a></td></tr>
                        <tr><td><a href="#">Karir</a></td><td><a href="#">Pembayaran</a></td><td><a href="#">Keuntungan Jualan</a></td></tr>
                        <tr><td><a href="#">Blog</a></td><td><a href="#">Jaminan Aman</a></td><td><a href="#">Index Merek</a></td></tr>
                        <tr><td><a href="#">Official Store</a></td><td><a href="#">Jasa Pengadaan</a></td><td><a href="#">Direktori Pedagang</a></td></tr>
                        <tr><td><a href="#">Syarat dan Ketentuan</a></td><td><a href="#">Promo</a></td><td><a href="#">Beriklan</a></td></tr>
                        <tr><td><a href="#">Kebijakan Privasi</a></td><td><a href="#">Buka Review</a></td></tr>
                    </table><br>
                </div>


            <div style="background-color: #264E36"><hr class="new2">
                <div class="container">
                    <table>
                        <td style="color: #f1b750"><b>© 2019 Hak Cipta Terpelihara PT. Ecotani</b></td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none; color: white;">Arsip </a></td>
                        <td>&nbsp;&nbsp;&nbsp;&bull;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none; color: white;" >Mobile Site</a></td>
                        <td>&nbsp;&nbsp;&nbsp;&bull;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none; color: white;">Peta Situs</a></td>
                    </table><br><br><br>
                </div>
            </div>

    </body>
</html>