E-Paper Harian Bongkar Post

<!DOCTYPE html> <html lang=”en”> <head> <link href=”https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp” rel=”stylesheet”> <link rel=”stylesheet” href=”https://unpkg.com/flickity@2/dist/flickity.min.css”> <script src=”https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js”>
<link rel=”stylesheet” href=”4/w3.css”>
</script> <style> /* external css: flickity.css */ * { box-sizing: border-box; }

.carousel { position: sticky;
bottom: 0px; background: white; }

body { font-family: sans-serif; background: none; transition-delay: 0.0s; }
.carousel33 { background: white; }

.carousel-cell33 { margin-top: 0px; margin-bottom: 5px;
width: 100%;
height: auto; /* flex-box, center image in cell */ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }

.carousel-cell33 img { border-radius: 0px; box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
display: block; max-height: 100%; /* dim unselected */ opacity: 10; -webkit-transform: scale(1); transform: scale(1); -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s; transition: opacity 10s, transform 0s, filter 0.3s; transition-delay: 0.3s; } /* brighten selected image */

.carousel-cell33.is-selected img { opacity: 10; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: none; filter: none; } @media screen and ( min-width: auto; ) {

.carousel-cell33 { height: 580px; } } @media screen and ( min-width: auto; ) {

.carousel-cell33 { height: 380px; width: auto; } } /* buttons, no circle */

.flickity-prev-next-button { width: 20px; height: 20px; background: transparent; opacity: 0.1; }

.flickity-prev-next-button:hover { background: transparent; opacity: 100; } /* arrow color */ .flickity-prev-next-button .arrow { fill: none; }

.flickity-prev-next-button.no-svg { color: none; } /* closer to edge */

.flickity-prev-next-button.previous { left: 0; }

.flickity-prev-next-button.next { right: 0; } /* hide disabled button */

.flickity-prev-next-button:disabled { display: none; }

.flickity-page-dots .dot {
align-items: left;
margin-top: -50px;
height: 5px;
width: 5px;
background: white;
border-radius: 10px;
transition: background-color 1s ease;
}

.flickity-page-dots .dot.is-selected {
align-items: left;
margin-top: -50px;
height: 5px;
width: 5px;
background: grey;
border-radius: 10px;
transition: background-color 1s ease;
}
</style> </head>

<!– images from i.ibb.co –>
<div class=”carousel-cell33″>
<!–a
href–><img src=”https://i.ibb.co.com/4RVfb4N/BONGKARPOST-GROUP.jpg” alt=”BONGKARPOST-GROUP” width=”100%” height=”auto”></a></div>

<!DOCTYPE html>
<html>
<head>
<title>Atribut BGColor di Tag Marquee</title>
</head>
<body>
<marquee bgcolor=”white” width=”auto”>Bongkar Post Mengupas Dengan Akurat</html</body></marquee></span></a></div>

<!—MENU HEADER –>

<!–MENU TANGGAL –>

</script> <table style=”width:100%;height:auto;padding:0px;border:0px;margin-top:15px”>
</table> <table style=”width:100%;height:auto;border:0px solid#aaa;border-radius:0px;padding:7px;margin-top:0px;margin-bottom:10px”><tbody> <tr> <td style=”border:0px;padding-top:0px”><tr> <th style=”border:0px;font-size:11px;color :black;text-align:left”></i>  <i class=”far fa-calendar-alt”></i>   <script type=’text/javascript’> var months = [‘Januari’, ‘Februari’, ‘Maret’, ‘April’, ‘Mei’, ‘Juni’, ‘Juli’, ‘Agustus’, ‘September’, ‘Oktober’, ‘November’, ‘Desember’]; var myDays = [‘Ahad’, ‘Senin’, ‘Selasa’, ‘Rabu’, ‘Kamis’, ‘Jum'at’, ‘Sabtu’]; var date = new Date(); var day = date.getDate(); var month = date.getMonth(); var thisDay = date.getDay(), thisDay = myDays[thisDay]; var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(thisDay + ‘, ‘ + day + ‘ ‘ + months[month] + ‘ ‘ + year); </script>

<title>jam </title>
<script type=”text/javascript”>
window.onload = function() { jam();
}
function jam() {
var e = document.getElementById(‘jam’),
d = new Date(), h, m, s;
h = d.getHours();
m = set(d.getMinutes());
s = set(d.getSeconds());
e.innerHTML = h +’:’+ m +’:’+ s + ‘&#160’ + ‘WIB’;
setTimeout(‘jam()’, 1000);
}
function set(e) {
e = e < 10 ? ‘0’+ e : e;
return e;
}
</script>
</head>
<body>
<left>
<h1 style=”font-size: 13px; color: black; font-family: verdana; float: right; margin-right: 10px;margin-top: 2px;” id=”jam”></h1>
</center>
</body>
</html>
</a></td></div></center></table></div>
<!– END –>

</div></div><div style=”background: white; font-family: Adobe Heiti Std; overflow: auto; height: auto; overflow: value; margin-top: 10px; border-radius: 0px 0px 0px 0px; “>

<div class=”separator” style=”clear: both; text-align: center;”><head><body> <style>
body { background: white; }

* {box-sizing: border-box} .container { width: 100%; background-color: transparent; }
.css { width: auto; background-color:none;}

.card01{ margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; background: white; color: black; float: left; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 0px; width:200px; height: 20%; }

.card:hover { transform: scale(1.05); transition: 0.5s ease-out; background-color: #eaeaea; color: red;} .card:hover ~

<!–mitra–>

</div></div><div style=”background: white; font-family: Adobe Heiti Std; overflow: auto; height: auto; overflow: value; margin-top: 10px; border-radius: 0px 0px 0px 0px; “>

<div class=”separator” style=”clear: both; text-align: center;”><head><body> <style>
body { background: white; }

* {box-sizing: border-box} .container { width:auto; background-color: #eaeaea; } .css { width: auto; background-color: #2196F3;}

.card { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; background: white; color: black; float: left; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 0px; width:200px; height: auto; }

.card:hover { transform: scale(1.05); transition: 0.5s ease-out; background-color: #eaeaea; color: red;} .card:hover ~

</style> </head> <body>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image” src=”https://i.ibb.co.com/N7M4dxc/BONGKAR-POST-31-JULI-2024-1.jpg” alt=”BONGKAR-POST-31-JULI-2024-1″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 1</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”><!–teks–></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”>
<img alt=”image”
src=”https://i.ibb.co.com/bQgWcDn/BONGKAR-POST-31-JULI-2024-2.jpg” alt=”BONGKAR-POST-31-JULI-2024-2″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 2</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”><!–teks–></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image”
src=”https://i.ibb.co.com/tPj40tN/BONGKAR-POST-31-JULI-2024-3.jpg” alt=”BONGKAR-POST-31-JULI-2024-3width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 3</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”>
<img alt=”image”
src=”https://i.ibb.co.com/Yy3jHcR/BONGKAR-POST-31-JULI-2024-4.jpg” alt=”BONGKAR-POST-31-JULI-2024-4″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 4</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image”
src=”https://i.ibb.co.com/yhHVhP1/BONGKAR-POST-31-JULI-2024-5.jpg” alt=”BONGKAR-POST-31-JULI-2024-5″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 5</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”>
<img alt=”image”
src=”https://i.ibb.co.com/FDhWYQV/BONGKAR-POST-31-JULI-2024-6.jpg” alt=”BONGKAR-POST-31-JULI-2024-6″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 6</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image”
src=”https://i.ibb.co.com/3Wd1NQQ/BONGKAR-POST-31-JULI-2024-7.jpg” alt=”BONGKAR-POST-31-JULI-2024-7″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 7</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image”
src=”https://i.ibb.co.com/pxrn0pD/BONGKAR-POST-31-JULI-2024-8.jpg” alt=”BONGKAR-POST-31-JULI-2024-8″ width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Halaman 8</div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”></div></div>

</div> </div> </div></div> </div></div><div class=”separator” style=”clear: both; text-align: center;”> </div></div></div></div> <div style=”height: 2px; overflow: value; width: auto; background-color: none;”></div> </div></div></div> </div></div><div class=”separator” style=”clear: both; text-align: center;”> </div></div> </div> </div> </div></div> <div style=”background: white; height: 2px; overflow: value; width: auto; background-color: none;”>

</div></div>
<div class=”separator” style=”clear: both; text-align: center; margin:2%;”>
<div class=”text2 w3-animate-bottom” style=”border-radius: 20px 20px 20px 20px; font-size: 80%; font-weight: basic; color: black; margin-top: 10px; margin-bottom: 10px;”><p align=”justify”><b>e Paper Harian Bongkar Post Hadir Ditengah Publik Agar Mudah Diakses Oleh Pembaca Setia Dimanapun Berada</b></p></div></a>

<!DOCTYPE html>
<html>
<body>

<!DOCTYPE> <html> <head> <style>
.text6 { font-weight: bold; font-size: 90%; margin-bottom: 3% margin-top: 3%; margin-left: 5%; float: left; color: black; }
.Go{ font-weight: bold; font-size: 70%; margin-bottom: 5px; margin-top: 5px; margin-right: 5%; float: right; color: red; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: white; width: 22%; height: auto; text-align: center; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; border-radius: 25px; text-decoration: none; display: inline-block; }
.Go:hover { width: 23%; text-decoration: none; display: inline-block; color: white; background-color: red; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); transition-duration: 0.9s; } </style> <body> <y class=”text66″>Harian Bongkar Post Edisi Terdahulu</y> <a class=”Go”
href=”https://jgjk.mobi/p/61b62cf9192.9″><!–Go–></a> </body> </html></div></div></div></div></div>

<!DOCTYPE html> <html> <head> <style>
.body { font-family: Adobe Heiti Std ; }
.card20{ font-weight: basic; transition: 0.3s ease-out; background: white; text-align: center; color: none; margin-bottom: 5px; margin-top: 5px; margin-right: 1%; margin-left: 1%; float: left; width: 47%; height: 40%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 5px;}

.card20:hover { transform: translateY(3px); transition: 0.2s ease-out; background-color: #eaeaea; color:black;}
.card:hover ~ </style> </head> <body> <div class=”separator” style=”clear: both; text-align: center;”>

<!DOCTYPE> <html> <head> <style>
.text66 { font-weight: bold; font-size: 70%; margin-bottom: 3%; margin-top: 3%; margin-left: 4%; float: left; color: black; }
.Next{ font-weight: bold; font-size: 50%; margin-bottom: 5%; margin-top: 3%; margin-right: 3%; float: right; color: red; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: white; width: 22%; height: auto; text-align: center; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; border-radius: 25px; text-decoration: none; display: inline-block; }
.Next:hover { width: 25%; text-decoration: none; display: inline-block; color: white; background-color: red; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); transition-duration: 0.9s; } </style> <body> <y class=”text66″><!–teks–></y> <a class=”Next”
href=”https://jgjk.mobi/p/61b62cf9192.9″>Next</a> </body> </html></div></div></div></div></div>

</div></div>
<div class=”separator” style=”clear: both; text-align: center;”>
</div></div> </div> </div> </div></div> <div style=” background: none; height: 1px; margin-bottom: 0px; overflow: value; width: auto; background-color: #ffffff;”></div>

<!–a href–>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 80%; font-weight: bold; color: white; margin-top: 0px; margin-bottom: 5px;”>ADVERTORIAL</div></a>

</div></div><div style=”background: white; font-family: Adobe Heiti Std; overflow: auto; height: auto; overflow: value; margin-top: 10px; border-radius: 0px 0px 0px 0px; “>

<div class=”separator” style=”clear: both; text-align: center;”><head><body> <style>
body { background: white; }

* {box-sizing: border-box} .container { width: 100%; background-color: #eaeaea; } .css { width: auto; background-color: #2196F3;}

.card:hover { transform: scale(1.05); transition: 0.5s ease-out; background-color: #eaeaea; color: red;} .card:hover ~

</style> </head> <body>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/Mie Ayam”> width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”><!–Pasang Advertorial Disini–>
<strike><br><!–Rp–></strike></div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”><!–Rp–></div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/padang”> <img alt=”image” width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Pasang Iklan Disini
<strike><br>Rp 200.000</strike></div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”>Rp 100.000</div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/Mie Ayam”> <img alt=”Image”
src=”https://i.ibb.co/sQtMv…………..-ADD.png” alt=”KAMERA-ADD” border=”0″
width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>Pasang Advertorial Disini
<strike><br>Rp 200.000</strike></div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: bold; color: red; margin-top: -10px; margin-bottom: 0px;”>Rp 100.000</div></div>

<div class=”container-fluid w3-animate-right”><div class=”card”> <a href=”https://jgjk.mobi/act/nearme/sate”> <img alt=”Image”
src=”https://i.ibb.co/sQt………..-ADD.png” alt=”KAMERA-ADD” border=”0″
width=”auto” height=”auto”></a>
<div class=”text2 w3-animate-bottom” style=”border-radius: 0px 0px 0px 0px; font-size: 70%; font-weight: basic; color: black; margin-top: 5px; margin-bottom: 0px;”>ukuran 16:9 Lanskap<strike><Rp 200.000></strike></div>
<div class=”tex2 w3-animate-bottom” style=”border-radius: 10px 10px 10px 10px; font-size: 110%; font-weight: basic; color: grey; margin-top: 10px; margin-bottom: 0px;”></div></div>

</div></div><div class=”separator” style=”clear: both; text-align: center; margin:2%;”>
<div class=”text2 w3-animate-bottom” style=”border-radius: 20px 20px 20px 20px; font-size: 1%; font-weight: basic; color: black; margin-top: 10px; margin-bottom: 10px;”><p align=”justify”>Untuk Pemasangan ADV dan Iklan Hubungi Sdri Siti Rohmawati. <br>WhatsApp : 085719056626</br></b></p></div></a>

<!DOCTYPE html> <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <style> body { background: white; font-family: Adobe Heiti Std ; margin: 0 0 0 0; transition-delay: 0.3s; } .nav { border-radius: 0px; position: fixed; bottom: 0; width: 100%; height: 45px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: white; color: black; display: flex; overflow: auto; transition: 0.3s;} .nav__link { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; min-width: 50px; overflow: hidden; white-space: nowrap; font-family: arial ; font-size: 10px; color: black; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background-color 0.1s ease-in-out; } .nav__link:hover { color: red; transition: 0.3s ease-out; background: transparent; border-radius: 0px; } .card:hover ~ .nav__link–active { color: #ffffff; } .nav__icon { width: auto; } .nav__text { font-size: 50%; font-weight: bold; } </style> </head> <body> <link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”> <div class=”nav”>

<a href=”https://jgjk.mobi/m/1431182072466a3890216d7d7.91615028″
class=”nav__link”> <i class=”material-icons nav__icon w3-animate-zoom”>search</i>Bongkar Post.co.id</a>

<a
href=”https://jgjk.mobi/p/61b62cf9192-9″
class=”nav__link nav__link”> <i class=”material-icons nav__icon w3-animate-zoom”>store</i>Merchants</a>

<a href=”action://act/shopping”
class=”nav__link”> <i class=”material-icons nav__icon w3-animate-zoom”>history</i>Selesai</a>

<a
href=”action://act/admin” class=”nav__link”> <i class=”material-icons nav__icon w3-animate-zoom”>feedback</i>Cs :({jumlah_pesan})</a> </div></body> </html></div></div>

E-Paper Harian Bongkar Post

Terpopuler

TV Online

Topik Terhangat