Mengatur Template - PortalberitaFrontend Part03

1. application/controllers/BerandaUsr .php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class BerandaUsr extends CI_Controller {
private $view  = "frontend/v_beranda/";
private $redirect = "berandausr";

public function __construct(){
parent::__construct();
//Load model
}

public function index(){
$data = array(
'read'=> ''
);
$this->template->load('frontend/template',$this->view.'read', $data);
}
}

2. application/controllers/BeritaUsr.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class BeritaUsr extends CI_Controller {
private $view  = "frontend/v_berita/";
private $redirect = "beritausr";

public function __construct(){
parent::__construct();
//Load model
}

public function index(){
$data = array(
'read'=> ''
);
$this->template->load('frontend/template',$this->view.'read', $data);
}
}

3. application/controllers/Kontak.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class kontak extends CI_Controller {
private $view  = "frontend/v_kontak/";
private $redirect = "kontak";

public function __construct(){
parent::__construct();
//Load model
}

public function index(){
$data = array(
'read'=> ''
);
$this->template->load('frontend/template',$this->view.'read', $data);
}
}

4. application/views/frontend/v_beranda/read.php

<div class="col-12 col-md-6">
    <div class="single-blog-post style-3">
        <div class="post-thumb">
            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/12.jpg" alt=""></a>
        </div>
        <div class="post-data">
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Finance</a>
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                <h6>Dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placer. Sed varius leo ac...</h6>
            </a>
            <div class="post-meta d-flex align-items-center">
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Post -->
<div class="col-12 col-md-6">
    <div class="single-blog-post style-3">
        <div class="post-thumb">
            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/13.jpg" alt=""></a>
        </div>
        <div class="post-data">
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Finance</a>
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                <h6>Dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placer. Sed varius leo ac...</h6>
            </a>
            <div class="post-meta d-flex align-items-center">
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Post -->
<div class="col-12 col-md-6">
    <div class="single-blog-post style-3">
        <div class="post-thumb">
            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/14.jpg" alt=""></a>
        </div>
        <div class="post-data">
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Finance</a>
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                <h6>Dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placer. Sed varius leo ac...</h6>
            </a>
            <div class="post-meta d-flex align-items-center">
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Post -->
<div class="col-12 col-md-6">
    <div class="single-blog-post style-3">
        <div class="post-thumb">
            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/15.jpg" alt=""></a>
        </div>
        <div class="post-data">
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Finance</a>
            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                <h6>Dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placer. Sed varius leo ac...</h6>
            </a>
            <div class="post-meta d-flex align-items-center">
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

5. application/views/frontend/v_berita/read.php

<!-- Single Featured Post -->
<div class="single-blog-post featured-post mb-30">
    <div class="post-thumb">
        <a href="#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/25.jpg" alt=""></a>
    </div>
    <div class="post-data">
        <a href="#" class="post-catagory">Finance</a>
        <a href="#" class="post-title">
            <h6>Financial news: A new company is born today at the stock market</h6>
        </a>
        <div class="post-meta">
            <p class="post-author">By <a href="#">Christinne Williams</a></p>
            <p class="post-excerp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placerat. Sed varius leo ac leo fermentum, eu cursus nunc maximus. Integer convallis nisi nibh, et ornare neque ullamcorper ac. Nam id congue lectus, a venenatis massa. Maecenas justo libero, vulputate vel nunc id, blandit feugiat sem. </p>
            <!-- Post Like & Post Comment -->
            <div class="d-flex align-items-center">
                <a href="#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Featured Post -->
<div class="single-blog-post featured-post mb-30">
    <div class="post-thumb">
        <a href="#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/26.jpg" alt=""></a>
    </div>
    <div class="post-data">
        <a href="#" class="post-catagory">Finance</a>
        <a href="#" class="post-title">
            <h6>Pompeo moves to reassure skeptical Dems in bid to be US diplomat</h6>
        </a>
        <div class="post-meta">
            <p class="post-author">By <a href="#">Christinne Williams</a></p>
            <p class="post-excerp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placerat. Sed varius leo ac leo fermentum, eu cursus nunc maximus. Integer convallis nisi nibh, et ornare neque ullamcorper ac. Nam id congue lectus, a venenatis massa. Maecenas justo libero, vulputate vel nunc id, blandit feugiat sem. </p>
            <!-- Post Like & Post Comment -->
            <div class="d-flex align-items-center">
                <a href="#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Featured Post -->
<div class="single-blog-post featured-post mb-30">
    <div class="post-thumb">
        <a href="#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/27.jpg" alt=""></a>
    </div>
    <div class="post-data">
        <a href="#" class="post-catagory">Finance</a>
        <a href="#" class="post-title">
            <h6>Most investors think 2018 is the peak year for stocks</h6>
        </a>
        <div class="post-meta">
            <p class="post-author">By <a href="#">Christinne Williams</a></p>
            <p class="post-excerp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placerat. Sed varius leo ac leo fermentum, eu cursus nunc maximus. Integer convallis nisi nibh, et ornare neque ullamcorper ac. Nam id congue lectus, a venenatis massa. Maecenas justo libero, vulputate vel nunc id, blandit feugiat sem. </p>
            <!-- Post Like & Post Comment -->
            <div class="d-flex align-items-center">
                <a href="#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>

<!-- Single Featured Post -->
<div class="single-blog-post featured-post mb-30">
    <div class="post-thumb">
        <a href="#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/28.jpg" alt=""></a>
    </div>
    <div class="post-data">
        <a href="#" class="post-catagory">Finance</a>
        <a href="#" class="post-title">
            <h6>Facebook is offering facial recognition again in Europe</h6>
        </a>
        <div class="post-meta">
            <p class="post-author">By <a href="#">Christinne Williams</a></p>
            <p class="post-excerp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu metus sit amet odio sodales placerat. Sed varius leo ac leo fermentum, eu cursus nunc maximus. Integer convallis nisi nibh, et ornare neque ullamcorper ac. Nam id congue lectus, a venenatis massa. Maecenas justo libero, vulputate vel nunc id, blandit feugiat sem. </p>
            <!-- Post Like & Post Comment -->
            <div class="d-flex align-items-center">
                <a href="#" class="post-like"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/like.png" alt=""> <span>392</span></a>
                <a href="#" class="post-comment"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/chat.png" alt=""> <span>10</span></a>
            </div>
        </div>
    </div>
</div>


<nav aria-label="Page navigation example">
    <ul class="pagination mt-50">
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item"><a class="page-link" href="#">...</a></li>
        <li class="page-item"><a class="page-link" href="#">10</a></li>
    </ul>
</nav>

6. application/views/frontend/v_kontak/read.php

<div class="contact-title">
    <h2>Contact us</h2>
</div>

<div class="contact-form-area">
    <form action="#" method="post">
        <div class="row">
            <div class="col-12 col-lg-6">
                <input type="text" class="form-control" id="name" placeholder="Name">
            </div>
            <div class="col-12 col-lg-6">
                <input type="email" class="form-control" id="email" placeholder="E-mail">
            </div>
            <div class="col-12">
                <input type="text" class="form-control" id="subject" placeholder="Subject">
            </div>
            <div class="col-12">
                <textarea name="message" class="form-control" id="message" cols="30" rows="10" placeholder="Message"></textarea>
            </div>
            <div class="col-12 text-center">
                <button class="btn newspaper-btn mt-30 w-100" type="submit">Send Message</button>
            </div>
        </div>
    </form>
</div>

7. application/views/frontend/template.php utuk template yang digunakan diambil dari

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

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>The News Paper - News &amp; Lifestyle Magazine Template</title>

    <!-- Favicon -->
    <link rel="icon" href="<?php echo base_url(); ?>assets/frontend/img/core-img/favicon.ico">

    <!-- Core Stylesheet -->
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/frontend/style.css">

</head>

<body>
    <!-- ##### Header Area Start ##### -->
    <header class="header-area">

        <!-- Top Header Area -->
        <div class="top-header-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="top-header-content d-flex align-items-center justify-content-between">
                            <!-- Logo -->
                            <div class="logo">
                                <a href="<?php echo base_url(); ?>assets/frontend/index.html"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/logo.png" alt=""></a>
                            </div>

                            <!-- Login Search Area -->
                            <div class="login-search-area d-flex align-items-center">
                                <!-- Login -->
                                <div class="login d-flex">
                                    <a href="<?php echo base_url(); ?>assets/frontend/#">Login</a>
                                    <a href="<?php echo base_url(); ?>assets/frontend/#">Register</a>
                                </div>
                                <!-- Search Form -->
                                <div class="search-form">
                                    <form action="#" method="post">
                                        <input type="search" name="search" class="form-control" placeholder="Search">
                                        <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Navbar Area -->
        <div class="newspaper-main-menu" id="stickyMenu">
            <div class="classy-nav-container breakpoint-off">
                <div class="container">
                    <!-- Menu -->
                    <nav class="classy-navbar justify-content-between" id="newspaperNav">

                        <!-- Logo -->
                        <div class="logo">
                            <a href="<?php echo base_url(); ?>assets/frontend/index.html"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/logo.png" alt=""></a>
                        </div>

                        <!-- Navbar Toggler -->
                        <div class="classy-navbar-toggler">
                            <span class="navbarToggler"><span></span><span></span><span></span></span>
                        </div>

                        <!-- Menu -->
                        <div class="classy-menu">

                            <!-- close btn -->
                            <div class="classycloseIcon">
                                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                            </div>

                            <!-- Nav Start -->
                            <div class="classynav">
                                <ul>
                                    <li class="active"><a href="<?php echo site_url('berandausr') ?>">Beranda</a></li>
                                    <li><a href="<?php echo base_url(); ?>assets/frontend/#">Pages</a>
                                        <ul class="dropdown">
                                            <li><a href="<?php echo base_url(); ?>assets/frontend/index.html">Home</a></li>
                                            <li><a href="<?php echo base_url(); ?>assets/frontend/catagories-post.html">Catagories</a></li>
                                            <li><a href="<?php echo base_url(); ?>assets/frontend/single-post.html">Single Articles</a></li>
                                            <li><a href="<?php echo base_url(); ?>assets/frontend/about.html">About Us</a></li>
                                            <li><a href="<?php echo base_url(); ?>assets/frontend/contact.html">Contact</a></li>

                                        </ul>
                                    </li>
                                    <li><a href="<?php echo site_url('beritausr') ?>">Berita</a></li>
                                    <li><a href="<?php echo site_url('kontak') ?>">Kontak</a></li>
                                </ul>
                            </div>
                            <!-- Nav End -->
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ##### Header Area End ##### -->

    <!-- ##### Hero Area Start ##### -->
    <div class="hero-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-lg-8">
                    <!-- Breaking News Widget -->
                    <div class="breaking-news-area d-flex align-items-center">
                        <div class="news-title">
                            <p>Breaking News</p>
                        </div>
                        <div id="breakingNewsTicker" class="ticker">
                            <ul>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Welcome to Colorlib Family.</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Nam eu metus sitsit amet, consec!</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Hero Add -->
                <div class="col-12 col-lg-4">
                    <div class="hero-add">
                        <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/hero-add.gif" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ##### Hero Area End ##### -->

    <!-- ##### Featured Post Area Start ##### -->
    <div class="featured-post-area">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6 col-lg-8">
                    <div class="row">
                      <!--isi content-->
                      <?php echo $contents ?>
                      <!--end isi content-->
                      <!-- Single Post -->

                    </div>
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <!-- Single Featured Post -->
                    <div class="single-blog-post small-featured-post d-flex">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/19.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Finance</a>
                            <div class="post-meta">
                                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                    <h6>Pellentesque mattis arcu massa, nec fringilla turpis eleifend id.</h6>
                                </a>
                                <p class="post-date"><span>7:00 AM</span> | <span>April 14</span></p>
                            </div>
                        </div>
                    </div>

                    <!-- Single Featured Post -->
                    <div class="single-blog-post small-featured-post d-flex">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/20.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Politics</a>
                            <div class="post-meta">
                                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                    <h6>Sed a elit euismod augue semper congue sit amet ac sapien.</h6>
                                </a>
                                <p class="post-date"><span>7:00 AM</span> | <span>April 14</span></p>
                            </div>
                        </div>
                    </div>

                    <!-- Single Featured Post -->
                    <div class="single-blog-post small-featured-post d-flex">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/21.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-catagory">Health</a>
                            <div class="post-meta">
                                <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                    <h6>Pellentesque mattis arcu massa, nec fringilla turpis eleifend id.</h6>
                                </a>
                                <p class="post-date"><span>7:00 AM</span> | <span>April 14</span></p>
                            </div>
                        </div>
                    </div>

                    <br><br>
                    <div class="section-heading">
                        <h6>World News</h6>
                    </div>

                    <!-- Single Post -->
                    <div class="single-blog-post style-2">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/7.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                <h6>Orci varius natoque penatibus et magnis</h6>
                            </a>
                            <div class="post-meta">
                                <div class="post-date"><a href="<?php echo base_url(); ?>assets/frontend/#">February 11, 2018</a></div>
                            </div>
                        </div>
                    </div>

                    <!-- Single Post -->
                    <div class="single-blog-post style-2">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/8.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                <h6>Orci varius natoque penatibus et magnis</h6>
                            </a>
                            <div class="post-meta">
                                <div class="post-date"><a href="<?php echo base_url(); ?>assets/frontend/#">February 11, 2018</a></div>
                            </div>
                        </div>
                    </div>

                    <!-- Single Post -->
                    <div class="single-blog-post style-2">
                        <div class="post-thumb">
                            <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/9.jpg" alt=""></a>
                        </div>
                        <div class="post-data">
                            <a href="<?php echo base_url(); ?>assets/frontend/#" class="post-title">
                                <h6>Orci varius natoque penatibus et magnis</h6>
                            </a>
                            <div class="post-meta">
                                <div class="post-date"><a href="<?php echo base_url(); ?>assets/frontend/#">February 11, 2018</a></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- ##### Featured Post Area End ##### -->


    <!-- ##### Footer Add Area Start ##### -->
    <div class="footer-add-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="footer-add">
                        <a href="<?php echo base_url(); ?>assets/frontend/#"><img src="<?php echo base_url(); ?>assets/frontend/img/bg-img/footer-add.gif" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ##### Footer Add Area End ##### -->

    <!-- ##### Footer Area Start ##### -->
    <footer class="footer-area">

        <!-- Main Footer Area -->
        <div class="main-footer-area">
            <div class="container">
                <div class="row">

                    <!-- Footer Widget Area -->
                    <div class="col-12 col-sm-6 col-lg-4">
                        <div class="footer-widget-area mt-80">
                            <!-- Footer Logo -->
                            <div class="footer-logo">
                                <a href="<?php echo base_url(); ?>assets/frontend/index.html"><img src="<?php echo base_url(); ?>assets/frontend/img/core-img/logo.png" alt=""></a>
                            </div>
                            <!-- List -->
                            <ul class="list">
                                <li><a href="<?php echo base_url(); ?>assets/frontend/mailto:contact@youremail.com">contact@youremail.com</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/tel:+4352782883884">+43 5278 2883 884</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/http://yoursitename.com">www.yoursitename.com</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Footer Widget Area -->
                    <div class="col-12 col-sm-6 col-lg-2">
                        <div class="footer-widget-area mt-80">
                            <!-- Title -->
                            <h4 class="widget-title">Politics</h4>
                            <!-- List -->
                            <ul class="list">
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Business</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Markets</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Tech</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Luxury</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Footer Widget Area -->
                    <div class="col-12 col-sm-4 col-lg-2">
                        <div class="footer-widget-area mt-80">
                            <!-- Title -->
                            <h4 class="widget-title">Featured</h4>
                            <!-- List -->
                            <ul class="list">
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Football</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Golf</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Tennis</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Motorsport</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Horseracing</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Equestrian</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Sailing</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Skiing</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Footer Widget Area -->
                    <div class="col-12 col-sm-4 col-lg-2">
                        <div class="footer-widget-area mt-80">
                            <!-- Title -->
                            <h4 class="widget-title">FAQ</h4>
                            <!-- List -->
                            <ul class="list">
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Aviation</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Business</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Traveller</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Destinations</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Features</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Food/Drink</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Hotels</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Partner Hotels</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Footer Widget Area -->
                    <div class="col-12 col-sm-4 col-lg-2">
                        <div class="footer-widget-area mt-80">
                            <!-- Title -->
                            <h4 class="widget-title">+More</h4>
                            <!-- List -->
                            <ul class="list">
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Fashion</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Design</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Architecture</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Arts</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Autos</a></li>
                                <li><a href="<?php echo base_url(); ?>assets/frontend/#">Luxury</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bottom Footer Area -->
        <div class="bottom-footer-area">
            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <div class="col-12">
                        <!-- Copywrite -->
                        <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="<?php echo base_url(); ?>assets/frontend/https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- ##### Footer Area Start ##### -->

    <!-- ##### All Javascript Files ##### -->
    <!-- jQuery-2.2.4 js -->
    <script src="<?php echo base_url(); ?>assets/frontend/js/jquery/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="<?php echo base_url(); ?>assets/frontend/js/bootstrap/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="<?php echo base_url(); ?>assets/frontend/js/bootstrap/bootstrap.min.js"></script>
    <!-- All Plugins js -->
    <script src="<?php echo base_url(); ?>assets/frontend/js/plugins/plugins.js"></script>
    <!-- Active js -->
    <script src="<?php echo base_url(); ?>assets/frontend/js/active.js"></script>
</body>

</html>

untuk lebih jelasnya bisa dilihat pada tutorial
1. Tutorial untuk memilih template klik disini
2. Tutorial untuk mengatur template frontend part01 klik disini
3. Tutorial untuk mengatur template frontend part02 klik disini
4. Tutorial untuk mengatur template frontend part03 klik disini