View difference between Paste ID: x2zQX4Tm and KUQSx1Kb
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
6
<title><?= $title; ?></title>
7
<link href="<?= base_url();?>assets/style/main.less" rel="stylesheet/less" type="text/css" />
8
<link href="<?= base_url();?>assets/style/normalize.css" rel="stylesheet" type="text/css" />
9
<link href="<?= base_url();?>assets/style/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
10
<link href="<?= base_url();?>assets/style/component.css" rel="stylesheet" type="text/css" />
11
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
12
<script type="text/javascript" src="<?= base_url();?>assets/js/less.js"></script>
13
14
<script src="<?= base_url();?>assets/js/jquery-1.11.0.min.js"></script>
15
<script src="<?= base_url();?>assets/js/jquery.mCustomScrollbar.min.js"></script>
16
<script type="text/javascript" src="<?= base_url();?>assets/js/jssor.core.js"></script>
17
<script type="text/javascript" src="<?= base_url();?>assets/js/jssor.utils.js"></script>
18
<script type="text/javascript" src="<?= base_url();?>assets/js/jssor.slider.min.js"></script>
19
20
<script>
21
$(document).ready(function(){
22
    $("#pop").hover(function(){
23
        $(this).addClass("most-act");
24
        $("#comment").removeClass("most-act");
25
        $("#shared").removeClass("most-act");
26
        $("#pop-view").show();
27
        $("#comment-view").hide();
28
        $("#shared-view").hide();
29
    });
30
    $("#comment").hover(function(){
31
        $(this).addClass("most-act");
32
        $("#pop").removeClass("most-act");
33
        $("#shared").removeClass("most-act");
34
        $("#pop-view").hide();
35
        $("#comment-view").show();
36
        $("#shared-view").hide();
37
    });
38
    $("#shared").hover(function(){
39
        $(this).addClass("most-act");
40
        $("#comment").removeClass("most-act");
41
        $("#pop").removeClass("most-act");
42
        $("#pop-view").hide();
43
        $("#comment-view").hide();
44
        $("#shared-view").show();
45
    });
46
});
47
</script>
48
49
<script>
50
    function edgeHeight(){
51
        var t=0; // Tinggi box latest
52
        var t_elem;  // Box latest tertinggi
53
        $(".max").each(function () {
54
            $this = $(this);
55
            if ( $this.outerHeight() > t ) {
56
                t_elem=this;
57
                t=$this.outerHeight();
58
                $(".max" ).animate({height: t+"px"}, 500);
59
            }
60
        });
61
    };
62
    setTimeout(edgeHeight,500);
63
</script>
64
65
</head>
66
67
<body>
68
  <!-- WRAP -->
69
  <div class="wrap">
70
      <!-- TOP MENU -->
71
        <div class="topstick">
72
            <div class="topmenu">
73
                <ul class="topleft">
74
                    <li><a href="#"><img src="<?= base_url();?>assets/image/favicon_new.png" alt="mtvn"/></a></li>
75
                    <li><a href="#">E-paper</a></li>
76
                    <li><a href="#">Live Streaming</a></li>
77
                </ul>
78
                
79
                <!-- SEARCH -->
80
                <form role="search" method="GET" action="" id="search-box">
81
                    <p>
82
                        <input type="text" placeholder="Search here" value="" class="search_query ac_input" name="s" id="search_query_top">
83
                        <a href="javascript:document.getElementById('searchbox').submit();" class="btsrc"><img src="<?= base_url();?>assets/image/icon-search.png" alt="search" /></a>
84
                    </p>
85
                </form>
86
                <!-- SEARCH END -->
87
                
88
                <ul class="topright">
89
                    <li><a href="#"><img src="<?= base_url();?>assets/image/icon-fb.png" alt="facebook"/></a></li>
90
                    <li><a href="#"><img src="<?= base_url();?>assets/image/icon-tw.png" alt="twitter"/></a></li>
91
                    <li><a href="#"><img src="<?= base_url();?>assets/image/icon-rss.png" alt="rss"/></a></li>
92
                </ul>  
93
            </div>
94
        </div>    
95
        <!-- TOP MENU END -->
96
        
97
        <!-- BG HEADER -->
98
        <!--<div class="bgheader"></div>-->
99
        <!-- BG HEADER END-->
100
        
101
        <div class="ct-wrap">
102
        
103
            <!-- HEADER -->
104
                <div class="header">
105
              <div class="lead">
106
                    <div class="logo">
107
                        <a href="<?= base_url();?>"><img src="<?= base_url();?>assets/image/logo-mi-footer_new.png" alt="mediaindonesia.com"/></a>
108
                    </div>
109
                    <div class="banner1">
110
                        <img src="<?= base_url();?>assets/image/greg.JPEG" alt="banner 1" />
111
                    </div>
112
                </div>    
113
                <!-- STICK 1
114
                <div class="stick">
115
                    <ul>
116
                        <li class="bthome"><a href="#"><img src="default/image/home.png" alt="home" /></a></li>
117
                        <li><a href="#">PERISTIWA</a></li>
118
                        <li><a href="#">NASIONAL</a></li>
119
                        <li><a href="#">INTERNASIONAL</a></li>
120
                        <li><a href="#">BISNIS</a></li>
121
                        <li><a href="#">OLAHRAGA</a></li>
122
                        <li><a href="#">FOTO</a></li>
123
                        <li><a href="#">VIDEO</a></li>
124
                        <li><a href="#">INTERACTIVITAS</a></li>
125
                    </ul>
126
                    <div class="bt-live"><a href="#">METRO TV LIVE</a></div>
127
                </div>
128
                STICK 1 -->
129
                
130
                <div class="stick">
131
                    <ul>
132
                        <li>
133
                            <div class="btn2 btn-1 btn-1b pad2"><a href="<?= base_url();?>"><img src="<?= base_url();?>assets/image/home.png" alt="home" /></a></div>
134
                        </li>
135
                        <li>
136
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>ekonomi">EKONOMI</a></div>
137
                        </li>
138
                        <li>
139
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>nasional">NASIONAL</a></div>
140
                        </li>
141
                        <li>
142
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>internasional">INTERNASIONAL</a></div>
143
                        </li>
144
                        <li>
145
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>opini">OPINI</a></div>
146
                        </li>
147
                        <li>
148
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>olahraga">OLAHRAGA</a></div>
149
                        </li>
150
                        <li>
151
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>muda">MUDA</a></div>
152
                        </li>
153
                        <li>
154
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>video">VIDEO</a></div>
155
                        </li>
156
                        <li>
157
                            <div class="btn btn-1 btn-1b pad1"><a href="<?= base_url();?>humaniora">HUMANIORA</a></div>
158
                        </li>
159
                    </ul>
160
                    <div class="bt-live"><a href="#">METRO TV LIVE</a></div>
161
                </div>
162
                
163
            </div>
164
            <!-- HEADER END -->
165
            
166
            <!-- NEWS -->
167
            <div class="news">
168
                <!-- LEFT CONTENT -->
169
                <div class="left-ct w639 max">
170
                    <!-- BREADCHRUMB -->
171
                    <div class="bread">
172-
                         <?php 
172+
                         <?php  //perbaikan dibawah
173-
                            $total = count($detail);
173+
                            //$total = count($detail);
174
                            $total_detail = isset($detail)&&is_array($detail)?count($detail):0;
175
                            for($i=0; $i<$total; $i++){
176
                                                                           
177
                            ?>
178
                        <span>
179
180
                            <a href="<?= base_url();?>">Home</a>
181
                            Β»
182
                            <a href="<?= base_url();?>"><?php echo $detail[$i]['nama']; ?></a>
183
                        </span>
184
                        <?php } ?>
185
                    </div>
186
                    
187-
                            $total = count($detail);
187+
188-
                            for($i=0; $i<$total; $i++)
188+
                            //$total = count($detail);
189-
                            if(is_array($detail)){
189+
                            for($i=0; $i<$total_detail; $i++)
190
                           { // if(is_array($detail))
191
                                                                           
192
                      ?>
193
                      
194
                    <!-- BREADCHRUMB END -->
195
                    <div class="w100 pcd">
196
                        <h1><?php echo $detail[$i]['title']; ?></h1>
197
                        <span class="red"><?php echo $detail[$i]['news_author']; ?> - <?php echo $detail[$i]
198
                        ['datepublish']; ?> Wib</span>
199
                    </div>
200
                    <div class="share">
201
                        <img src="<?= base_url();?>assets/image/share-fb.png" style="float: left; margin-right: 20px;"/>
202
                        <img src="<?= base_url();?>assets/image/share-tw.png" style="float: left; margin-right: 20px;"/>
203
                        <img src="<?= base_url();?>assets/image/share-g+.png" style="float: left; margin-right: 20px;"/>
204
                    </div>
205
                    <div class="w620 pcd">
206
                        <img src="http://mediaindonesia.com/thumbs/600x400c/news/2017/08/<?php echo $detail[$i]['image']; ?>" class="dt-img" alt="images" />
207
                        <span class="caption"><?php echo $detail[$i]['image_source']; ?></span>
208
                        <div class="related">
209
                            <div class="tfeature w160">
210
                                BERITA TERKAIT
211
                            </div>
212
                            <ul>
213
                                <li>
214
                                    <h3><a href="<?php echo base_url();?>read/detail/<?php echo $detail[$i]['slug'];?>" title="<?php echo $detail[$i]['nama']; ?>"><?php echo $detail[$i]['title']; ?></a></h3>
215
                                </li>
216
                            </ul>
217
                        </div>    
218
                        <div class="article">
219
                            <p><?php echo $detail[$i]['content']; ?></p>
220
                        </div>
221
                         <?php } ?>
222
                    </div> 
223
                    <!-- FACEBOOK COMMENT -->
224
                    <div class="comment bb4">
225
                        <img src="<?= base_url();?>assets/image/comment-sample.jpg"/>
226
                    </div>
227
                    <!-- FACEBOOK COMMENT END -->
228
                    
229
                    <div class="sky-ads">
230
                        <img src="<?= base_url();?>assets/image/skycrapper.jpg" alt="banner" />
231
                    </div>
232
                    <div class="also bl1 w478">
233
                        <div class="tfeature w478">
234
                            BACA JUGA
235
                        </div>
236
                        
237
                        <div class="list w478">
238
                            <img src="<?= base_url();?>assets/image/breaking-thumb8.jpg" class="f-breaking" alt="breaking-thumb" />
239
                            <div class="tbox w343">
240
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Jangan Pakai Aditif BBM, Cermati Peringatannya di Motor</a></h3>
241
                                <span><img src="<?= base_url();?>assets/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
242
                            </div>
243
                        </div>
244
                        <div class="list w478">
245
                            <img src="<?= base_url();?>assets/image/breaking-thumb2.jpg" class="f-breaking" alt="breaking-thumb" />
246
                            <div class="tbox w343">
247
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Bursa Saham Asia Rontok karena Harga Minyak Anjlok</a></h3>
248
                                <span><img src="<?= base_url();?>assets/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
249
                            </div>
250
                        </div>
251
                        <div class="list w478">
252
                            <img src="<?= base_url();?>assets/image/breaking-thumb3.jpg" class="f-breaking" alt="breaking-thumb" />
253
                            <div class="tbox w343">
254
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Rodgers: Juara Piala FA Jadi Kado Manis untuk Gerrard</a></h3>
255
                                <span><img src="<?= base_url();?>assets/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
256
                            </div>
257
                        </div>
258
                        <div class="list w478">
259
                            <img src="<?= base_url();?>assets/image/breaking-thumb4.jpg" class="f-breaking" alt="breaking-thumb" />
260
                            <div class="tbox w343">
261
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Bamsoet Sebut Upaya Islah Kubu Ical dan Agung Hanya Basa-basi</a></h3>
262
                                <span><img src="<?= base_url();?>assets/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
263
                            </div>
264
                        </div>
265
                        <div class="list w478">
266
                            <img src="<?= base_url();?>assets/image/breaking-thumb5.jpg" class="f-breaking" alt="breaking-thumb" />
267
                            <div class="tbox w343">
268
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Lenovo Rilis Arloji Pintar VIBE Band</a></h3>
269
                                <span><img src="<?= base_url();?>assets/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
270
                            </div>
271
                        </div>
272
                        <div class="list w478">
273
                            <img src="<?= base_url();?>assets/image/breaking-thumb6.jpg" class="f-breaking" alt="breaking-thumb" />
274
                            <div class="tbox w343">
275
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Konsumen Berebut Elpiji Tabung Hijau di Banyumas</a></h3>
276
                                <span><img src="default/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
277
                            </div>
278
                        </div>
279
                        <div class="list w478">
280
                            <img src="<?= base_url();?>assets/image/breaking-thumb7.jpg" class="f-breaking" alt="breaking-thumb" />
281
                            <div class="tbox w343">
282
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Penjualan Tiket AirAsia Terjun Bebas Usai Tragedi QZ8501</a></h3>
283
                                <span><img src="default/image/clock-icon.jpg" alt="clock-icon" />12 November 2014, 13:23</span>
284
                            </div>
285
                        </div>
286
                            
287
                    </div>
288
                    
289
                </div>
290
                <!-- LEFT CONTENT END -->
291
                
292
                <!-- RIGHT NEWS -->
293
                <div class="right max">
294
                    <div class="showcase">
295
                        <img src="<?= base_url();?>assets/image/showcase.jpg" alt="showcase ads" />
296
                    </div>
297
                    <div class="rightcon">
298
                        <div class="tmost w300">
299
                            <ul>
300
                                <li class="most mb15 most-act" id="pop"><a href="#">POPULAR</a></li>
301
                                <li class="most mb15" id="comment"><a href="#">COMMENTED</a></li>
302
                                <li class="most" id="shared"><a href="#">SHARED</a></li>
303
                            </ul>
304
                        </div>
305
                        <?php 
306
                            $total = count($read);
307
                            for($i=0;$i<4;$i++){
308
                         ?>
309
                        <!-- POPULAR -->
310
                        <ul id="pop-view">
311
                            <li>
312
                                <span><?=$read[$i]['hits']; ?></span>
313
                                <h3><a href="<?php echo base_url();?>read/detail/<?php echo $read[$i]['slug'];?>" class="newsl" title="<?=$read[$i]['title']; ?>"><?=$read[$i]['title']; ?></a></h3>
314
                            </li>
315
                            
316
                        </ul>
317
                        <?php } ?>
318
                        <!-- POPULAR END -->
319
                        
320
                        <!-- MOST COMMENTED -->
321
                        <ul id="comment-view">
322
                            <li>
323
                                <span>1</span>
324
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Para Menteri Sepakati PTSP</a></h3>
325
                            </li>
326
                            <li>
327
                                <span>2</span>
328
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Sedot Banjir, Pemprov Siapkan Pompa Mobile</a></h3>
329
                            </li>
330
                            <li>
331
                                <span>3</span>
332
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Akhir Maret 2015, Pemerintah Janji Bayar Sisa Ganti Rugi Lumpur Lapindo</a></h3>
333
                            </li>
334
                            <li>
335
                                <span>4</span>
336
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Mesin Ngonci Mengancam Nyawa, Yamaha Recall YZ250 2015</a></h3>
337
                            </li>
338
                            <li>
339
                                <span>5</span>
340
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Jembatani Keluarga Penumpang QZ8501, AirAsia Buka Saluran Telepon Khusus</a></h3>
341
                            </li>
342
                            <li>
343
                                <span>6</span>
344
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Wismoyo Ari, Pramugara AirAsia QZ8501 asal Klaten Harusnya Libur</a></h3>
345
                            </li>
346
                            <li>
347
                                <span>7</span>
348
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Inzaghi Belum Berani Konfirmasi Pertukaran Torres-Cerci</a></h3>
349
                            </li>
350
                            <li>
351
                                <span>8</span>
352
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Karena Ini AirAsia QZ8501 Tak Diizinkan Naikkan Ketinggian</a></h3>
353
                            </li>
354
                            <li>
355
                                <span>9</span>
356
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Momen Penting dalam Perkembangan Musik Jazz</a></h3>
357
                            </li>
358
                            <li>
359
                                <span>10</span>
360
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Telkom Group Gandeng Basarnas Peduli Hilangnya Air Asia QZ8501</a></h3>
361
                            </li>
362
                        </ul>
363
                        <!-- MOST COMMENTED END -->
364
                        <!-- MOST SHARED -->
365
                        <ul id="shared-view">
366
                            <li>
367
                                <span>1</span>
368
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Warga Inggris di QZ8501 adalah Direktur Perusahaan Energi</a></h3>
369
                            </li>
370
                            <li>
371
                                <span>2</span>
372
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Pencarian QZ8501 di Selat Karimata Dibagi ke Dalam Lima Blok</a></h3>
373
                            </li>
374
                            <li>
375
                                <span>3</span>
376
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Jangan Pakai Aditif BBM, Cermati Peringatannya di Motor</a></h3>
377
                            </li>
378
                            <li>
379
                                <span>4</span>
380
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Penurunan Harga Saham AirAsia Hanya Sementara</a></h3>
381
                            </li>
382
                            <li>
383
                                <span>5</span>
384
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Tumpangi QZ8501, Istri Pemilik Toko Tenang Baru Madiun Tengah Hamil</a></h3>
385
                            </li>
386
                            <li>
387
                                <span>6</span>
388
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">BPPT: Siapkan Kapal yang Memiliki Peralatan Multi Eco Sounder</a></h3>
389
                            </li>
390
                            <li>
391
                                <span>7</span>
392
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Polri Siagakan Tim DVI di Bandara Juanda</a></h3>
393
                            </li>
394
                            <li>
395
                                <span>8</span>
396
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Sektor Agrikultur Pimpin Penguatan IHSG Sesi I</a></h3>
397
                            </li>
398
                            <li>
399
                                <span>9</span>
400
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Jones Menyesal United Main Tanpa Gol</a></h3>
401
                            </li>
402
                            <li>
403
                                <span>10</span>
404
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Feri Terbakar di Laut Adriatik, Ratusan Penumpang Terjebak</a></h3>
405
                            </li>
406
                        </ul>
407
                        <!-- MOST SHARED END -->
408
                    </div>
409
                    <div class="showcase">
410
                        <img src="<?= base_url();?>assets/image/showcase.jpg" alt="showcase ads" />
411
                    </div>
412
                    <div class="rightcon bb mc2">
413
                        <div class="tfeature w300">
414
                            <a href="#"><img class="mb" src="<?= base_url();?>assets/image/poskamling.png" alt="cal-icon" />RUANG WARGA</a>
415
                        </div>
416
                        <ul>
417
                            <li>
418
                                    <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Harga Tanah Gedung BUMN Bisa Capai Rp100 Juta/Meter</a></h3>
419
                            </li>
420
                            <li>
421
                                    <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">PM Australia Sampaikan Duka kepada Presiden Jokowi</a></h3>
422
                            </li>
423
                            <li>
424
                                    <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Kedubes Inggris Pastikan Ada Warganya di QZ8501</a></h3>
425
                            </li>
426
                            <li>
427
                                    <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">AirAsia QZ8501 Hilang, PM Najib: Malaysia Siap Bantu</a></h3>
428
                            </li>
429
                            <li>
430
                                    <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Obama Terima Laporan Hilangnya AirAsia QZ8501</a></h3>
431
                            </li>
432
                        </ul>
433
                        <div class="btmore">
434
                            <a href="#">More</a>
435
                        </div>
436
                    </div>
437
                    <div class="rightcon bt">
438
                        <div class="tfeature w300">
439
                            <a href="#"><img class="mb" src="<?= base_url();?>assets/image/calendar.png" alt="cal-icon" />AGENDA</a>
440
                        </div>
441
                        <ul>
442
                            <li>
443
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Flu Burung Tewaskan Empat Orang di Libya</a></h3>
444
                            </li>
445
                            <li>
446
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Mantan Presiden George Bush Masih Sakit</a></h3>
447
                            </li>
448
                            <li>
449
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Ajukan Banding, Pasangan Gay di Mesir Dapat Pengurangan Hukuman</a></h3>
450
                            </li>
451
                            <li>
452
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Ibu Ini Lebih Pilih Uang Dibanding Keselamatan Anak</a></h3>
453
                            </li>
454
                            <li>
455
                                <h3><a href="#" class="newsl" title="judul beritanya tulis disini ya">Tiga Negara Bagi-Bagi Laporan Intelijen Korut</a></h3>
456
                            </li>
457
                        </ul>
458
                        <div class="btmore">
459
                            <a href="#">More</a>
460
                        </div>
461
                    </div>
462
                </div>
463
                <!-- RIGHT NEWS END -->
464
                
465
            </div>
466
            <!-- NEWS END -->
467
            
468
               
469
            <!-- KANAL WRAP END -->
470
            
471
        </div>
472
        
473
        <!-- FOOTER -->
474
         <div class="footwrap">
475
            <div class="profile">                    
476
                <ul>
477
                    <li>
478
                        <div class="leftright">
479
                            <a data-hover="About Us" href="#"><span>About Us</span></a>
480
                        </div>
481
                    </li>
482
                    <li>
483
                        <div class="leftright">
484
                            <a data-hover="Contact Us" href="#"><span>Contact Us</span></a>
485
                        </div>
486
                    </li> 
487
                    <li>
488
                        <div class="leftright">
489
                            <a data-hover="Dari Redaksi" href="#"><span>Dari Redaksi</span></a>
490
                        </div>
491
                    </li> 
492
                    <li>
493
                        <div class="leftright">
494
                            <a data-hover="Advertise With Us" href="#"><span>Advertise With Us</span></a>
495
                        </div>
496
                    </li> 
497
                    <li>
498
                        <div class="leftright">
499
                            <a data-hover="Pedoman Media Siber" href="#"><span>Pedoman Media Siber</span></a>
500
                        </div>
501
                    </li> 
502
                    <li>
503
                        <div class="leftright">
504
                            <a data-hover="Disclaimer" href="#"><span>Disclaimer</span></a>
505
                        </div>
506
                    </li>
507
508
                </ul>
509
            </div>
510
            <div class="footer">
511
                
512
                <a class="logo_footer" href="<?= base_url();?>" title="mediaindonesia.com"><img src="<?= base_url();?>assets/image/logo_new.png" width="226" height="67" alt="mediaindonesia.com" /></a>
513
514
                <ul>
515
                    <li class="span1">
516
                        <h2>CONTACT US</h2>                    
517
                        <p  class="p10a">Phone: 021 582 1303 </p>
518
                        <p>Fax: 021 582 0476</p>
519
                        <p>marketing@mediaindonesia.com</p>
520
                    </li>
521
                    <li class="span2">
522
                        <p>PT. Citra Media Nusa Purnama</p>
523
                        <p>Jl. Pilar Mas Raya Kav. A-D</p>
524
                        <p>Kedoya - Kebon Jeruk</p>
525
                        <p>Jakarta 11520 - Indonesia</p>
526
                        <p>E: redaksi[at]mediaindonesia.com</p>
527
                    </li>
528
                    <li class="span3">
529
                        <p><a href="#">Peristiwa</a></p>
530
                        <p><a href="#">Nasional</a></p>
531
                        <p><a href="#">Internasional</a></p>
532
                        <p><a href="#">Bisnis</a></p>
533
                        <p><a href="#">Olahraga</a></p>
534
                        <p><a href="#">Interactivitas</a></p>
535
                    </li>
536
                    <li class="span3">
537
                    <p> Media Indonesia merupakan koran nasional</br>yang terbit sejak 19 Januari 1970.</p>
538
                    </li>
539
                </ul>
540
                <div class="closure">
541
                    <p class="fl">Β© Media Indonesia 2017. All rights reserved.</p>
542
                    <p class="fr">/ rendering in 0.3612 seconds [76]</p>
543
                </div>
544
                
545
            </div>
546
        </div>
547
        <!-- FOOTER END -->
548
        
549
    </div>
550
  <!-- WRAP END -->
551
        
552
</body>
553
</html>