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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="kanamagroup.com">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript">
    <meta name="author" content="kanama">
    <meta name="viewport" content="width=device-width">
    <meta name="viewport" content="initial-scale=1.0">
    <meta name="viewport" content="maximum-scale=1.0">
    <meta charset="utf-8" id="home">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="index, follow">
    <meta http-equiv="refresh" content="300">

    <title>Kanama Prima Energi</title>
    <link href="<?= base_url(); ?>images/favicon.png" rel="icon" type="image/png">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Audiowide&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style.css">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-logo.css">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-porto.css">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-screen.css">
    <!--<link rel="stylesheet" href="<?= base_url(); ?>css/style-timeline.css">-->
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-gallery.css">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-contact.css">
    <link rel="stylesheet" href="<?= base_url(); ?>css/style-footer.css">

    <!-- Gallery -->
    <link rel="stylesheet" href="<?= base_url(); ?>vendor/css/magnific-popup.min.css">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"> -->

    <!-- Bootstrap core CSS -->
    <link href="<?= base_url(); ?>vendor/bootstrap/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="<?= base_url(); ?>css/style-carousel.css" rel="stylesheet">
    
    <!-- protect futures-->

    <script type="text/javascript">
        /**
         * Disable back-page on page
         */
        function preventBack() {
            window.history.forward();
        }
        setTimeout("preventBack()", 0);
        window.onunload = function() {
            null
        };
    </script>
    
    <script language="JavaScript">
        /**
         * Disable mouse right-click on page
         */
        document.addEventListener("contextmenu", function(e) {
            e.preventDefault();
        }, false);
    </script>

</head>

<body>

    <div class="banner-area-logo mb-5" id="tophome">
        
        <video autoplay muted loop id="myVideo">
            <source src="<?= base_url(); ?>images/kpe.mp4" type="video/mp4">
        </video>

        <div class="equal-height-7-container mt-5">
            <div class="first-7">
                <img class="dots" src="<?= base_url(); ?>porto/kpe-1.jpg" alt="">
            </div>


            <div class="second-7">

                <h1>Kanama Prima Energi</h1>

                <form class="user" method="post" action="<?= base_url('home/page5'); ?>">

                    <div class="txtb">
                        <label>Full Name : <small>[max: 25 char]</small></label>
                        <textarea name="nama" id="nama" cols="30" rows="1" maxlength="25" placeholder="Enter Your Name"></textarea>
                        <small><span id="huruf_na"> </span><span id="jumlah_na"></span></small>
                        <?= form_error('nama', '<small class="text-danger pl-3">', '</small>'); ?>
                    </div>
                    <div class="txtb">
                        <label>Email : <small>[max: 35 char]</small></label>
                        <textarea name="email" id="email" cols="30" rows="1" maxlength="35" placeholder="Enter Your Email"></textarea>
                        <small><span id="huruf_em"> </span><span id="jumlah_em"></span></small>
                        <?= form_error('email', '<small class="text-danger pl-3">', '</small>'); ?>
                    </div>
                    <div class="txtb">
                        <label>Phone Number : <small>[max: 15 char]</small></label>
                        <textarea name="phone" id="phone" cols="30" rows="1" maxlength="15" placeholder="Enter Your Whatsapp Number"></textarea>
                        <small><span id="huruf_ph"> </span><span id="jumlah_ph"></span></small>
                        <?= form_error('phone', '<small class="text-danger pl-3">', '</small>'); ?>
                    </div>
                    <div class="txtb">
                        <label>Message : <small>[max: 100 char]</small></label>
                        <textarea name="pesan" id="pesan" cols="30" rows="3" maxlength="100" placeholder="Only sort message - No Adv.."></textarea>
                        <small><span id="huruf_pe"> </span><span id="jumlah_pe"></span></small>
                        <?= form_error('pesan', '<small class="text-danger pl-3">', '</small>'); ?><br>
                    </div>
                    <button type="submit" name="submit" style="width: 100%;" class="btn btn-primary mt-3 mx-auto">Send</button>
                    <a href="<?= base_url(); ?>" style="text-decoration: none;" class="btn btn-danger mb-5" role="button">Cancel</a>
                </form>
                
                <h1></h1>
                <br><p>

            </div>

        </div>

    </div>

</body>

</html>