1<!DOCTYPE html> 2<!--[if IE]><![endif]--> 3<!--[if IE 8 ]><html dir="ltr" lang="id" class="ie8"><![endif]--> 4<!--[if IE 9 ]><html dir="ltr" lang="id" class="ie9"><![endif]--> 5<!--[if (gt IE 9)|!(IE)]><!--> 6<html dir="ltr" lang="id"> 7<!--<![endif]--> 8<head> 9<meta charset="UTF-8" /> 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11<title>Buku Baru</title> 12<base href="http://obor.or.id/" /> 13<meta name="description" content="New Books, Recent Published, YOI, Indonesia" /> 14<meta name="keywords" content= "Books, New, YOI, " /> 15<meta http-equiv="X-UA-Compatible" content="IE=edge"> 16<link href="http://obor.or.id/image/catalog/cart.png" rel="icon" /> 17<link href="http://obor.or.id/buku-baru" rel="canonical" />
18<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
18 19<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
20<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
20 21<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 22<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" /> 23<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"> 24<link href="catalog/view/javascript/jquery/owl-carousel/owl.carousel.css" type="text/css" rel="stylesheet" media="screen" /> 25<link href="catalog/view/javascript/jquery/owl-carousel/owl.transitions.css" type="text/css" rel="stylesheet" media="screen" />
26<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
vendor: 1 bytes, line 26
26
27<script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
27 28 29</head> 30<body class="product-category-87"> 31<div id="fb-root"></div>
32<script>(function(d, s, id) { 33 var js, fjs = d.getElementsByTagName(s)[0]; 34 if (d.getElementById(id)) return; 35 js = d.createElement(s); js.id = id; 36 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=173685106064734"; 37 fjs.parentNode.insertBefore(js, fjs); 38}(document, 'script', 'facebook-jssdk'));</script>
38 39<nav id="top"> 40 <div class="container"> 41 <div class="pull-left"> 42<form action="http://obor.or.id/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="currency"> 43 <div class="btn-group"> 44 <button class="btn btn-link dropdown-toggle" data-toggle="dropdown"> 45 <strong>Rp.</strong> 46 <span class="hidden-xs hidden-sm hidden-md">Mata Uang</span> <i class="fa fa-caret-down"></i></button> 47 <ul class="dropdown-menu"> 48 <li><button class="currency-select btn btn-link btn-block" type="button" name="IDR">Rp. Rupiah</button></li> 49 <li><button class="currency-select btn btn-link btn-block" type="button" name="USD">$ US Dollar</button></li> 50 </ul> 51 </div> 52 <input type="hidden" name="code" value="" /> 53 <input type="hidden" name="redirect" value="http://obor.or.id/buku-baru" /> 54</form> 55</div> 56 <div id="top-links" class="nav pull-right"> 57 <ul class="list-inline"> 58 <li><a href="http://obor.or.id/index.php?route=information/contact"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md">02131926978</span></li> 59 <li class="dropdown"><a href="https://obor.or.id/index.php?route=account/account" title="Akun Saya" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">Akun Saya</span> <span class="caret"></span></a> 60 <ul class="dropdown-menu dropdown-menu-right"> 61 <li><a href="https://obor.or.id/index.php?route=account/register">Daftar</a></li> 62 <li><a href="https://obor.or.id/index.php?route=account/login">Login</a></li> 63 </ul> 64 </li> 65 <li><a href="https://obor.or.id/index.php?route=account/wishlist" id="wishlist-total" title="Daftar Keinginan (0)"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md">Daftar Keinginan (0)</span></a></li> 66 <li><a href="http://obor.or.id/index.php?route=checkout/cart" title="Keranjang Belanja"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Keranjang Belanja</span></a></li> 67 <li><a href="https://obor.or.id/index.php?route=checkout/checkout" title="Kasir"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">Kasir</span></a></li> 68 </ul> 69 </div> 70 </div> 71</nav> 72<header> 73 <div class="container"> 74 <div class="row"> 75 <div class="col-sm-4"> 76 <div id="logo"> 77 <a href="http://obor.or.id/index.php?route=common/home"><img src="http://obor.or.id/image/catalog/logo obor a.png" title="Yayasan Pustaka Obor Indonesia" alt="Yayasan Pustaka Obor Indonesia" class="img-responsive" /></a> 78 </div> 79 </div> 80 <div class="col-sm-5"><div id="search" class="input-group"> 81 <input type="text" name="search" value="" placeholder="Cari" class="form-control input-lg" /> 82 <span class="input-group-btn"> 83 <button type="button" class="btn btn-default btn-lg"><i class="fa fa-search"></i></button> 84 </span> 85</div> </div> 86 <div class="col-sm-3"><div id="cart" class="btn-group btn-block"> 87 <button type="button" data-toggle="dropdown" data-loading-text="Sedang Memuat..." class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart"></i> <span id="cart-total">0 item - Rp.0</span></button> 88 <ul class="dropdown-menu pull-right"> 89 <li> 90 <p class="text-center">Keranjang belanja Anda masih kosong!</p> 91 </li> 92 </ul> 93</div> 94</div> 95 </div> 96 </div> 97 98</header> 99<div class="container"> 100 <nav id="menu" class="navbar"> 101 <div class="navbar-header"><span id="category" class="visible-xs">Menu</span> 102 <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> 103 </div> 104 <div class="collapse navbar-collapse navbar-ex1-collapse"> 105 106 107 108<ul class="nav navbar-nav"> 109 <li><a href="">Beranda</a></li> 110 <li><a href="http://obor.or.id/buku-baru">Buku Baru</a></li> 111 <li><a href="e-book">E-book</a></li> 112 <li><a href="download">Download</a></li> 113 <li><a href="http://news.obor.or.id/">Blog</a></li> 114 <li><a href="http://obor.or.id/marketplace-official-pustaka-obor-indonesia">Marketplace</a></li> 115 <li><a href="yayasan-pustaka-obor-indonesia-lokal-yogyakarta">Cabang Obor</a></li> 116 <li><a href="about-us">Tentang Kami</a></li> 117 <li><a href="index.php?route=information/contact">Kontak</a></li> 118 <li><a href="https://s.id/pustakaoborindonesia">Obor Linktree</a></li> 119 </ul> 120 121 </div> 122 </nav> 123</div> 124<div class="container"> 125 <ul class="breadcrumb"> 126 <li><a href="http://obor.or.id/index.php?route=common/home"><i class="fa fa-home"></i></a></li> 127 <li><a href="http://obor.or.id/buku-baru">Buku Baru</a></li> 128 </ul> 129 <div class="row"><column id="column-left" class="col-sm-3 hidden-xs"> 130 <div class="list-group"> 131 <a href="http://obor.or.id/index.php?route=product/category&path=97" class="list-group-item">POD (Print on Demand) (74)</a> 132 <a href="http://obor.or.id/index.php?route=product/category&path=93" class="list-group-item">Pre Order (2)</a> 133 <a href="http://obor.or.id/buku-baru" class="list-group-item active">Buku Baru (75)</a> 134 <a href="http://obor.or.id/index.php?route=product/category&path=115" class="list-group-item">Antropologi (1)</a> 135 <a href="http://obor.or.id/index.php?route=product/category&path=103" class="list-group-item">Atlas (1)</a>
136 <a href="http://obor.or.id/bahasa-sastra-klasik-dan-sastra-populer" class="list-group-item">Bahasa, Sastra Klasik & Sastra Populer (176)</a> 137 <a href="http://obor.or.id/biography" class="list-group-item">Biography (53)</a> 138 <a href="http://obor.or.id/index.php?route=product/category&path=95" class="list-group-item">Buku Cerita Anak (21)</a> 139 <a href="http://obor.or.id/anak-dan-remaja" class="list-group-item">Buku Cerita Remaja (14)</a> 140 <a href="http://obor.or.id/Capacity-Building" class="list-group-item">Capacity Building (3)</a> 141 <a href="http://obor.or.id/index.php?route=product/category&path=114" class="list-group-item">EKOLOGI (2)</a> 142 <a href="http://obor.or.id/ekonomi-dan-manajemen" class="list-group-item">Ekonomi dan Manajemen (44)</a> 143 <a href="http://obor.or.id/feliz-books" class="list-group-item">Feliz Books (18)</a> 144 <a href="http://obor.or.id/index.php?route=product/category&path=104" class="list-group-item">Fiksi (3)</a> 145 <a href="http://obor.or.id/buku-filsafat" class="list-group-item">Filsafat (16)</a> 146 <a href="http://obor.or.id/Hukum-dan-Gender" class="list-group-item">Hukum & Gender (50)</a> 147 <a href="http://obor.or.id/index.php?route=product/category&path=107" class="list-group-item">Hukum, Sosial, Manajemamen (5)</a> 148 <a href="http://obor.or.id/index.php?route=product/category&path=108" class="list-group-item">HUMANIORA (11)</a> 149 <a href="http://obor.or.id/jurnal" class="list-group-item">Jurnal (12)</a> 150 <a href="http://obor.or.id/kajian-international-dan-globalisasi" class="list-group-item">Kajian Internasional dan Globalisasi (4)</a> 151 <a href="http://obor.or.id/kamus-kamus" class="list-group-item">Kamus (1)</a> 152 <a href="http://obor.or.id/index.php?route=product/category&path=112" class="list-group-item">Karya Ilmiah (2)</a> 153 <a href="http://obor.or.id/index.php?route=product/category&path=109" class="list-group-item">KEHIDUPAN (0)</a> 154 <a href="http://obor.or.id/buku-kesehatan" class="list-group-item">Kesehatan (33)</a> 155 <a href="http://obor.or.id/komunikasi-media-dan-jurnalistik" class="list-group-item">Komunikasi, Media & Jurnalistik (17)</a> 156 <a href="http://obor.or.id/lingkungan-hidup-pertanian-dan-peternakan" class="list-group-item">Lingkungan hidup, Pertanian & Perternakan (71)</a> 157 <a href="http://obor.or.id/buku, lipi, research, riset, indonesia" class="list-group-item">LIPI (23)</a> 158 <a href="http://obor.or.id/index.php?route=product/category&path=113" class="list-group-item">Memoar (0)</a> 159 <a href="http://obor.or.id/metodologi-penelitian-dan-penulisan" class="list-group-item">Metodologi Penelitian dan Penulisan (12)</a> 160 <a href="http://obor.or.id/Motivasi-Kehidupan-kehidupan" class="list-group-item">Motivasi Kehidupan (1)</a> 161 <a href="http://obor.or.id/index.php?route=product/category&path=89" class="list-group-item">Panduan (2)</a> 162 <a href="http://obor.or.id/index.php?route=product/category&path=111" class="list-group-item">Pariwisata (2)</a> 163 <a href="http://obor.or.id/index.php?route=product/category&path=116" class="list-group-item">Perencanaan Wilayah dan Daerah (1)</a> 164 <a href="http://obor.or.id/politik-ham-dan-demokrasi" class="list-group-item">Politik, HAM & Demokrasi (140)</a> 165 <a href="http://obor.or.id/psikologi" class="list-group-item">Psikologi (11)</a> 166 <a href="http://obor.or.id/index.php?route=product/category&path=106" class="list-group-item">Roman Autobiografi (1)</a> 167 <a href="http://obor.or.id/sejarah-sosial-budaya-antropologi-dan-arkeologi" class="list-group-item">Sejarah, Sosial, Budaya, Antropologi dan Arkeologi (240)</a> 168 <a href="http://obor.or.id/index.php?route=product/category&path=110" class="list-group-item">Self Improvement (1)</a> 169 <a href="http://obor.or.id/Seni-Pencak-Silat" class="list-group-item">Seni Pencak Silat (2)</a> 170 <a href="http://obor.or.id/buku, ilmu, bela, diri, indonesia" class="list-group-item">Seri Pencak Silat (9)</a> 171 <a href="http://obor.or.id/index.php?route=product/category&path=105" class="list-group-item">Sosiologi (2)</a> 172 <a href="http://obor.or.id/buku-ylbhi" class="list-group-item">YLBHI (1)</a> 173 <a href="http://obor.or.id/index.php?route=product/category&path=99" class="list-group-item">Promo BU RAHMAT (Buku Murah dan Hemat) (57)</a> 174 <a href="http://obor.or.id/index.php?route=product/category&path=96" class="list-group-item">Proses Request ISBN (31)</a> 175 </div> 176 <div id="banner0" class="owl-carousel"> 177 </div>
178<script type="text/javascript"><!-- 179$('#banner0').owlCarousel({ 180 items: 6, 181 autoPlay: 3000, 182 singleItem: true, 183 navigation: false, 184 pagination: false, 185 transitionStyle: 'fade' 186}); 187--></script>
187 188 </column> 189 <div id="content" class="col-sm-9"> <h2>Buku Baru</h2> 190 <div class="row"> 191 <img src="./kategori-buku.jpg" /> 192 <div class="col-sm-10"><p><br></p></div> 193 </div> 194 <hr> 195 <p><a href="http://obor.or.id/index.php?route=product/compare" id="compare-total">Perbandingan Produk (0)</a></p> 196 <div class="row"> 197 <div class="col-md-4"> 198 <div class="btn-group hidden-xs"> 199 <button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="List"><i class="fa fa-th-list"></i></button> 200 <button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="Grid"><i class="fa fa-th"></i></button> 201 </div> 202 </div> 203 <div class="col-md-2 text-right"> 204 <label class="control-label" for="input-sort">Sortir berdasarkan:</label> 205 </div> 206 <div class="col-md-3 text-right"> 207 <select id="input-sort" class="form-control" onchange="location = this.value;"> 208 <option value="http://obor.or.id/buku-baru?sort=p.sort_order&order=ASC" selected="selected">Default</option> 209 <option value="http://obor.or.id/buku-baru?sort=pd.name&order=ASC">Nama (A - Z)</option> 210 <option value="http://obor.or.id/buku-baru?sort=pd.name&order=DESC">Nama (Z - A)</option> 211 <option value="http://obor.or.id/buku-baru?sort=p.price&order=ASC">Harga (Rendah > Tinggi)</option> 212 <option value="http://obor.or.id/buku-baru?sort=p.price&order=DESC">Harga (Tinggi > Rendah)</option> 213 <option value="http://obor.or.id/buku-baru?sort=rating&order=DESC">Penilaian (Tertinggi)</option> 214 <option value="http://obor.or.id/buku-baru?sort=rating&order=ASC">Penilaian (Terendah)</option> 215 <option value="http://obor.or.id/buku-baru?sort=p.model&order=ASC">Model (A - Z)</option> 216 <option value="http://obor.or.id/buku-baru?sort=p.model&order=DESC">Model (Z - A)</option> 217 </select> 218 </div> 219 <div class="col-md-1 text-right"> 220 <label class="control-label" for="input-limit">Tampilan:</label> 221 </div> 222 <div class="col-md-2 text-right"> 223 <select id="input-limit" class="form-control" onchange="location = this.value;"> 224 <option value="http://obor.or.id/buku-baru?limit=15" selected="selected">15</option> 225 <option value="http://obor.or.id/buku-baru?limit=25">25</option> 226 <option value="http://obor.or.id/buku-baru?limit=50">50</option> 227 <option value="http://obor.or.id/buku-baru?limit=75">75</option> 228 <option value="http://obor.or.id/buku-baru?limit=100">100</option> 229 </select> 230 </div> 231 </div> 232 <br /> 233 <div class="row"> 234 <div class="product-layout product-list col-xs-12"> 235 <div class="product-thumb"> 236 <div class="image"><a href="http://obor.or.id/buku-baru/ngawi-ngawiyat-menelusuri-jejak-sejarah"><img src="http://obor.or.id/image/cache/catalog/Ngawi - Cover Buku Depan-228x228.jpg" alt=" Ngawi Ngawiyat: Menelusuri Jejak Sejarah Benteng Van Den Bosch" title=" Ngawi Ngawiyat: Menelusuri Jejak Sejarah Benteng Van Den Bosch" class="img-responsive" /></a></div> 237 <div> 238 <div class="caption"> 239 <h4><a href="http://obor.or.id/buku-baru/ngawi-ngawiyat-menelusuri-jejak-sejarah"> Ngawi Ngawiyat: Menelusuri Jejak Sejarah Benteng Van Den Bosch</a></h4> 240 <p>Membaca bagian pendahuluan saja sudah sangat menar..</p> 241 <p class="price"> 242 Rp.180.000 </p> 243 </div> 244 <div class="button-group"> 245 <button type="button" onclick="cart.add('1355', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 246 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1355');"><i class="fa fa-heart"></i></button> 247 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1355');"><i class="fa fa-exchange"></i></button> 248 </div> 249 </div> 250 </div> 251 </div> 252 <div class="product-layout product-list col-xs-12"> 253 <div class="product-thumb"> 254 <div class="image"><a href="http://obor.or.id/buku-baru/70-tahun-pudentia-mpss-bunda-kandung-tradisi-lisan-indonesia"><img src="http://obor.or.id/image/cache/catalog/70 Tahun Pudentia MPSS-228x228.jpeg" alt="70 Tahun Pudentia MPSS: Bunda Kandung Tradisi Lisan Indonesia (POD)" title="70 Tahun Pudentia MPSS: Bunda Kandung Tradisi Lisan Indonesia (POD)" class="img-responsive" /></a></div> 255 <div> 256 <div class="caption"> 257 <h4><a href="http://obor.or.id/buku-baru/70-tahun-pudentia-mpss-bunda-kandung-tradisi-lisan-indonesia">70 Tahun Pudentia MPSS: Bunda Kandung Tradisi Lisan Indonesia (POD)</a></h4> 258 <p>
258Buku ini tidak sekadar penanda usia seseorang dala..</p> 259 <p class="price"> 260 Rp.250.000 </p> 261 </div> 262 <div class="button-group"> 263 <button type="button" onclick="cart.add('1375', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 264 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1375');"><i class="fa fa-heart"></i></button> 265 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1375');"><i class="fa fa-exchange"></i></button> 266 </div> 267 </div> 268 </div> 269 </div> 270 <div class="product-layout product-list col-xs-12"> 271 <div class="product-thumb"> 272 <div class="image"><a href="http://obor.or.id/buku-baru/Agora-Demokrasi:-Guratan-Ringkas-Tentang-Kuasa,-Demokrasi,-dan-Kebijakan-Publik"><img src="http://obor.or.id/image/cache/catalog/Data Sp/cover 1-228x228.jpg" alt="Agora Demokrasi: Guratan Ringkas Tentang Kuasa, Demokrasi, dan Kebijakan Publik" title="Agora Demokrasi: Guratan Ringkas Tentang Kuasa, Demokrasi, dan Kebijakan Publik" class="img-responsive" /></a></div> 273 <div> 274 <div class="caption"> 275 <h4><a href="http://obor.or.id/buku-baru/Agora-Demokrasi:-Guratan-Ringkas-Tentang-Kuasa,-Demokrasi,-dan-Kebijakan-Publik">Agora Demokrasi: Guratan Ringkas Tentang Kuasa, Demokrasi, dan Kebijakan Publik</a></h4> 276 <p>Buku Agora Demokrasi: Guratan Ringkas tentang Kuas..</p> 277 <p class="price"> 278 Rp.160.000 </p> 279 </div> 280 <div class="button-group"> 281 <button type="button" onclick="cart.add('1364', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 282 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1364');"><i class="fa fa-heart"></i></button> 283 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1364');"><i class="fa fa-exchange"></i></button> 284 </div> 285 </div> 286 </div> 287 </div> 288 <div class="product-layout product-list col-xs-12"> 289 <div class="product-thumb"> 290 <div class="image"><a href="http://obor.or.id/buku-baru/bahagia-ala-k-popers-memahami-ikatan-emosional-antara-idola-dan-penggemar-k-pop"><img src="http://obor.or.id/image/cache/catalog/KPOP 11-228x228.jpg" alt="Bahagia Ala K-Popers: Memahami Ikatan Emosional antara Idola dan Penggemar K-pop" title="Bahagia Ala K-Popers: Memahami Ikatan Emosional antara Idola dan Penggemar K-pop" class="img-responsive" /></a></div> 291 <div> 292 <div class="caption"> 293 <h4><a href="http://obor.or.id/buku-baru/bahagia-ala-k-popers-memahami-ikatan-emosional-antara-idola-dan-penggemar-k-pop">Bahagia Ala K-Popers: Memahami Ikatan Emosional antara Idola dan Penggemar K-pop</a></h4> 294 <p>Buku ini ditulis berdasarkan kisah nyata para peng..</p> 295 <p class="price"> 296 Rp.60.000 </p> 297 </div> 298 <div class="button-group"> 299 <button type="button" onclick="cart.add('1325', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 300 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1325');"><i class="fa fa-heart"></i></button> 301 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1325');"><i class="fa fa-exchange"></i></button> 302 </div> 303 </div> 304 </div> 305 </div> 306 <div class="product-layout product-list col-xs-12"> 307 <div class="product-thumb"> 308 <div class="image"><a href="http://obor.or.id/buku-baru/biologi-konservasi-indonesia"><img src="http://obor.or.id/image/cache/catalog/Vemy/Biologi Konservasi Indonesia_page-0001-228x228.jpg" alt="Biologi Konservasi Indonesia" title="Biologi Konservasi Indonesia" class="img-responsive" /></a></div> 309 <div> 310 <div class="caption"> 311 <h4><a href="http://obor.or.id/buku-baru/biologi-konservasi-indonesia">Biologi Konservasi Indonesia</a></h4> 312 <p>
312Buku Biologi Konservasi Indonesia hadir di tengah ..</p> 313 <p class="price"> 314 Rp.425.000 </p> 315 </div> 316 <div class="button-group"> 317 <button type="button" onclick="cart.add('1384', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 318 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1384');"><i class="fa fa-heart"></i></button> 319 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1384');"><i class="fa fa-exchange"></i></button> 320 </div> 321 </div> 322 </div> 323 </div> 324 <div class="product-layout product-list col-xs-12"> 325 <div class="product-thumb"> 326 <div class="image"><a href="http://obor.or.id/buku-baru/bonge-perlawanan-kampung-mlinjo"><img src="http://obor.or.id/image/cache/catalog/cover - Bonge Final (1) depan_001-228x228.jpg" alt="BONGE Perlawanan Kampung Mlinjo" title="BONGE Perlawanan Kampung Mlinjo" class="img-responsive" /></a></div> 327 <div> 328 <div class="caption"> 329 <h4><a href="http://obor.or.id/buku-baru/bonge-perlawanan-kampung-mlinjo">BONGE Perlawanan Kampung Mlinjo</a></h4> 330 <p>Novel fiksi ini mengisahkan 331perlawanan warga Beta..</p> 332 <p class="price"> 333 Rp.140.000 </p> 334 </div> 335 <div class="button-group"> 336 <button type="button" onclick="cart.add('1358', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 337 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1358');"><i class="fa fa-heart"></i></button> 338 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1358');"><i class="fa fa-exchange"></i></button> 339 </div> 340 </div> 341 </div> 342 </div> 343 <div class="product-layout product-list col-xs-12"> 344 <div class="product-thumb"> 345 <div class="image"><a href="http://obor.or.id/buku-baru/break-a-leg-memoir-about-tiny-breakthrough-in-my-motherhood-journey"><img src="http://obor.or.id/image/cache/catalog/Break A leg - Depan-228x228.jpeg" alt="Break A Leg Memoir about tiny breakthrough in my motherhood journey" title="Break A Leg Memoir about tiny breakthrough in my motherhood journey" class="img-responsive" /></a></div> 346 <div> 347 <div class="caption"> 348 <h4><a href="http://obor.or.id/buku-baru/break-a-leg-memoir-about-tiny-breakthrough-in-my-motherhood-journey">Break A Leg Memoir about tiny breakthrough in my motherhood journey</a></h4> 349 <p>Break A Leg: Memoir 350about tiny breakthrough in my..</p> 351 <p class="price"> 352 Rp.70.000 </p> 353 </div> 354 <div class="button-group"> 355 <button type="button" onclick="cart.add('1348', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 356 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1348');"><i class="fa fa-heart"></i></button> 357 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1348');"><i class="fa fa-exchange"></i></button> 358 </div> 359 </div> 360 </div> 361 </div> 362 <div class="product-layout product-list col-xs-12"> 363 <div class="product-thumb"> 364 <div class="image"><a href="http://obor.or.id/buku-baru/catatan-advokat-setengah-abad"><img src="http://obor.or.id/image/cache/catalog/Vemy/Cover Buku Depan Catatan Advokat Setengah Abad-228x228.jpg" alt="Catatan Advokat Setengah Abad" title="Catatan Advokat Setengah Abad" class="img-responsive" /></a></div> 365 <div> 366 <div class="caption"> 367 <h4><a href="http://obor.or.id/buku-baru/catatan-advokat-setengah-abad">Catatan Advokat Setengah Abad</a></h4> 368 <p>“Kumpulan karangan singkat ini membawa pencerahan ..</p> 369 <p class="price"> 370 Rp.175.000 </p> 371 </div> 372 <div class="button-group"> 373 <button type="button" onclick="cart.add('1360', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 374 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1360');"><i class="fa fa-heart"></i></button> 375 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1360');"><i class="fa fa-exchange"></i></button> 376 </div> 377 </div> 378 </div> 379 </div> 380 <div class="product-layout product-list col-xs-12"> 381 <div class="product-thumb"> 382 <div class="image"><a href="http://obor.or.id/buku-baru/cibi-dan-buba-penghuni-hutan-kota-yang-gemar-menabung"><img src="http://obor.or.id/image/cache/catalog/Cibi dan Buba-228x228.jpg" alt="Cibi dan Buba: Penghuni Hutan Kota yang Gemar Menabung" title="Cibi dan Buba: Penghuni Hutan Kota yang Gemar Menabung" class="img-responsive" /></a></div> 383 <div> 384 <div class="caption"> 385 <h4><a href="http://obor.or.id/buku-baru/cibi-dan-buba-penghuni-hutan-kota-yang-gemar-menabung">Cibi dan Buba: Penghuni Hutan Kota yang Gemar Menabung</a></h4> 386 <p>Cibi dan Buba, dua Tupai yang senang bermain di hu..</p> 387 <p class="price"> 388 Rp.50.000 </p> 389 </div> 390 <div class="button-group"> 391 <button type="button" onclick="cart.add('1298', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 392 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1298');"><i class="fa fa-heart"></i></button> 393 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1298');"><i class="fa fa-exchange"></i></button> 394 </div> 395 </div> 396 </div> 397 </div> 398 <div class="product-layout product-list col-xs-12"> 399 <div class="product-thumb"> 400 <div class="image"><a href="http://obor.or.id/buku-baru/ circle-of-influence-sisterhood-in-female-academia-networking"><img src="http://obor.or.id/image/cache/catalog/Data Sp/C-1 circle-228x228.jpg" alt="Circle of Influence: Sisterhood in Female Academia Networking" title="Circle of Influence: Sisterhood in Female Academia Networking" class="img-responsive" /></a></div> 401 <div> 402 <div class="caption"> 403 <h4><a href="http://obor.or.id/buku-baru/ circle-of-influence-sisterhood-in-female-academia-networking">Circle of Influence: Sisterhood in Female Academia Networking</a></h4> 404 <p>In academic 405circles, Ibu Titiek is known as a res..</p> 406 <p class="price"> 407 Rp.85.000 </p> 408 </div> 409 <div class="button-group"> 410 <button type="button" onclick="cart.add('1313', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 411 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1313');"><i class="fa fa-heart"></i></button> 412 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1313');"><i class="fa fa-exchange"></i></button> 413 </div> 414 </div> 415 </div> 416 </div> 417 <div class="product-layout product-list col-xs-12"> 418 <div class="product-thumb"> 419 <div class="image"><a href="http://obor.or.id/buku-baru/desain-ulang-demokrasi-indonesia"><img src="http://obor.or.id/image/cache/catalog/Data Sp/C-1-desain aipi 1-228x228.jpg" alt="Desain Ulang Demokrasi Indonesia: Reaktualisasi Prinsip Musyawarah-Mufakat " title="Desain Ulang Demokrasi Indonesia: Reaktualisasi Prinsip Musyawarah-Mufakat " class="img-responsive" /></a></div> 420 <div> 421 <div class="caption"> 422 <h4><a href="http://obor.or.id/buku-baru/desain-ulang-demokrasi-indonesia">Desain Ulang Demokrasi Indonesia: Reaktualisasi Prinsip Musyawarah-Mufakat </a></h4> 423 <p>Pokok bahwa demokrasi bukanlah 424sistem yang univer..</p> 425 <p class="price"> 426 Rp.160.000 </p> 427 </div> 428 <div class="button-group"> 429 <button type="button" onclick="cart.add('1351', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 430 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1351');"><i class="fa fa-heart"></i></button> 431 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1351');"><i class="fa fa-exchange"></i></button> 432 </div> 433 </div> 434 </div> 435 </div> 436 <div class="product-layout product-list col-xs-12"> 437 <div class="product-thumb"> 438 <div class="image"><a href="http://obor.or.id/buku-baru/Empat-perubahan-dalam-kehidupan-kami"><img src="http://obor.or.id/image/cache/catalog/Data Sp/C-empat perubahan-228x228.jpg" alt="Empat perubahan dalam kehidupan kami: Hindia hilang – Indonesia datang" title="Empat perubahan dalam kehidupan kami: Hindia hilang – Indonesia datang" class="img-responsive" /></a></div> 439 <div> 440 <div class="caption"> 441 <h4><a href="http://obor.or.id/buku-baru/Empat-perubahan-dalam-kehidupan-kami">Empat perubahan dalam kehidupan kami: Hindia hilang – Indonesia datang</a></h4> 442 <p>
442Berdasarkan cuplikan-cuplikan autentik dari buku c..</p> 443 <p class="price"> 444 Rp.250.000 </p> 445 </div> 446 <div class="button-group"> 447 <button type="button" onclick="cart.add('1308', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 448 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1308');"><i class="fa fa-heart"></i></button> 449 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1308');"><i class="fa fa-exchange"></i></button> 450 </div> 451 </div> 452 </div> 453 </div> 454 <div class="product-layout product-list col-xs-12"> 455 <div class="product-thumb"> 456 <div class="image"><a href="http://obor.or.id/buku-baru/ensiklopedia-perempuan-indonesia"><img src="http://obor.or.id/image/cache/catalog/ES (1)-228x228.png" alt="Ensiklopedia Perempuan Indonesia" title="Ensiklopedia Perempuan Indonesia" class="img-responsive" /></a></div> 457 <div> 458 <div class="caption"> 459 <h4><a href="http://obor.or.id/buku-baru/ensiklopedia-perempuan-indonesia">Ensiklopedia Perempuan Indonesia</a></h4> 460 <p>Tahukah kamu kalau banyak 461perempuan Indonesia yan..</p> 462 <p class="price"> 463 Rp.30.000 </p> 464 </div> 465 <div class="button-group"> 466 <button type="button" onclick="cart.add('1332', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 467 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1332');"><i class="fa fa-heart"></i></button> 468 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1332');"><i class="fa fa-exchange"></i></button> 469 </div> 470 </div> 471 </div> 472 </div> 473 <div class="product-layout product-list col-xs-12"> 474 <div class="product-thumb"> 475 <div class="image"><a href="http://obor.or.id/buku-baru/etnobiologi-konservasi-sumber-daya-hayati-berbasis-masyarakat-adat-di-indonesia"><img src="http://obor.or.id/image/cache/catalog/Vemy/WhatsApp Image 2026-06-15 at 17.04.11-228x228.jpeg" alt="Etnobiologi & Konservasi Sumber Daya Hayati: Berbasis Masyarakat Adat di Indonesia" title="Etnobiologi & Konservasi Sumber Daya Hayati: Berbasis Masyarakat Adat di Indonesia" class="img-responsive" /></a></div> 476 <div> 477 <div class="caption"> 478 <h4><a href="http://obor.or.id/buku-baru/etnobiologi-konservasi-sumber-daya-hayati-berbasis-masyarakat-adat-di-indonesia">Etnobiologi & Konservasi Sumber Daya Hayati: Berbasis Masyarakat Adat di Indonesia</a></h4> 479 <p>Etnobiologi merupakan jembatan penting antara ilmu..</p> 480 <p class="price"> 481 Rp.230.000 </p> 482 </div> 483 <div class="button-group"> 484 <button type="button" onclick="cart.add('1374', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 485 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1374');"><i class="fa fa-heart"></i></button> 486 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1374');"><i class="fa fa-exchange"></i></button> 487 </div> 488 </div> 489 </div> 490 </div> 491 <div class="product-layout product-list col-xs-12"> 492 <div class="product-thumb"> 493 <div class="image"><a href="http://obor.or.id/buku-baru/filsafat-ilmu-buku-1"><img src="http://obor.or.id/image/cache/catalog/Data Sp/c-1- ilmu (1)-228x228.jpg" alt="Filsafat Ilmu: Buku 1" title="Fil
493safat Ilmu: Buku 1" class="img-responsive" /></a></div> 494 <div> 495 <div class="caption"> 496 <h4><a href="http://obor.or.id/buku-baru/filsafat-ilmu-buku-1">Filsafat Ilmu: Buku 1</a></h4> 497 <p>Mempelajari filsafat ilmu (philosophy of science) ..</p> 498 <p class="price"> 499 Rp.160.000 </p> 500 </div> 501 <div class="button-group"> 502 <button type="button" onclick="cart.add('1319', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Beli</span></button> 503 <button type="button" data-toggle="tooltip" title="Ke Daftar Keinginan" onclick="wishlist.add('1319');"><i class="fa fa-heart"></i></button> 504 <button type="button" data-toggle="tooltip" title="Bandingkan" onclick="compare.add('1319');"><i class="fa fa-exchange"></i></button> 505 </div> 506 </div> 507 </div> 508 </div> 509 </div> 510 <div class="row"> 511 <div class="col-sm-6 text-left"><ul class="pagination"><li class="active"><span>1</span></li><li><a href="http://obor.or.id/buku-baru?page=2">2</a></li><li><a href="http://obor.or.id/buku-baru?page=3">3</a></li><li><a href="http://obor.or.id/buku-baru?page=4">4</a></li><li><a href="http://obor.or.id/buku-baru?page=5">5</a></li><li><a href="http://obor.or.id/buku-baru?page=2">></a></li><li><a href="http://obor.or.id/buku-baru?page=5">>|</a></li></ul></div> 512 <div class="col-sm-6 text-right">Menampilkan 1 sampai 15 dari 75 (5 Pages)</div> 513 </div> 514 </div> 515 </div> 516</div> 517<footer> 518 <div class="container"> 519 <div class="row"> 520 <div class="col-sm-2"> 521 <h5>Tentang Pustaka Obor Indonesia</h5> 522 <ul class="list-unstyled"> 523 <li><a href="http://obor.or.id/delivery-information">Kebijakan Pengiriman</a></li> 524 <li><a href="http://obor.or.id/about-us">Tentang Kami</a></li> 525 <li><a href="http://obor.or.id/privacy-policy">Kebijakan Privasi</a></li> 526 <li><a href="http://obor.or.id/terms-and-condition">Syarat & Ketentuan</a></li> 527 </ul> 528 </div> 529 <div class="col-sm-2"> 530 <h5>Layanan Pelanggan</h5> 531 <ul class="list-unstyled"> 532 <li><a href="http://obor.or.id/index.php?route=information/contact">Hubungi Kami</a></li> 533 <li><a href="https://obor.or.id/index.php?route=account/return/add">Pengembalian</a></li> 534 </ul> 535 </div> 536 <div class="col-sm-2"> 537 <h5>Akun Saya</h5> 538 <ul class="list-unstyled"> 539 <li><a href="https://obor.or.id/index.php?route=account/account">Akun Saya</a></li> 540 <li><a href="https://obor.or.id/index.php?route=account/order">Riwayat Pesanan</a></li> 541 <li><a href="https://obor.or.id/index.php?route=account/wishlist">Daftar Keinginan</a></li> 542 </ul> 543 </div> 544 <div class="col-sm-2"> 545 <h5>Sosmed Obor</h5> 546 <ul class="list-unstyled"> 547 <li><a href="http://twitter.com/pustakaobor">Twitter</a></li> 548 <li><a href="http://www.facebook.com/Yayasan-Pustaka-Obor-Indonesia-193942517294342/">Facebook</a></li> 549 <li><a href="https://www.instagram.com/pustakaobor_id/">Instagram</a></li> 550 <li><a href="https://www.tiktok.com/@pustakaobor">Tiktok</a></li> 551 </ul> 552 </div> 553 </div> 554 <hr> 555 <p>Yayasan Pustaka Obor Indonesia | Buku Obor | Toko Buku Online @2013-2022</p> 556</footer> 557<!-- button whatsapp --> 558<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 559<style> 560 561 562 563.sgwa-executive-main { 564 position: relative; 565} 566.sgwa-executive-main::before, .sgwa-executive-main::after { 567 box-sizing: inherit; 568 content: ''; 569 position: absolute; 570 width: 100%; 571 height: 100%; 572} 573
574.sgwa-executive-main { 575 transition: color 0.25s; 576} 577.sgwa-executive-main::before, .sgwa-executive-main::after { 578 border: 2px solid transparent; 579 width: 0; 580 height: 0; 581} 582.sgwa-executive-main::before { 583 top: 0; 584 left: 0; 585} 586.sgwa-executive-main::after { 587 bottom: 0; 588 right: 0; 589} 590.sgwa-executive-main:hover { 591 color: #60daaa; 592} 593.sgwa-executive-main:hover::before, .sgwa-executive-main:hover::after { 594 width: 100%; 595 height: 100%; 596} 597 598.sgwa-executive-main:hover::before { 599 border-top-color: #60daaa; 600 border-right-color: #60daaa; 601 transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 602} 603.sgwa-executive-main:hover::after { 604 border-bottom-color: #60daaa; 605 border-left-color: #60daaa; 606 transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 607} 608 609 610 611.sgwa-executive-main:hover::before { 612 border-top-color: #ffffff; 613 border-right-color: #ffffff; 614} 615.sgwa-executive-main:hover::after { 616 border-bottom-color: #ffffff; 617 border-left-color: #ffffff; 618} 619 620 621 622 .sgwa-border-effecttwo:hover { 623 color: #fbca67; 624 } 625 .sgwa-border-effecttwo::after { 626 top: 0; 627 left: 0; 628 } 629 .sgwa-border-effecttwo:hover::before { 630 /* border-top-color: #fbca67; 631 border-right-color: #fbca67; */ 632 } 633 .sgwa-border-effecttwo:hover::after { 634 /* border-bottom-color: #fbca67; 635 border-left-color: #fbca67; */ 636 transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; 637 } 638 639 640 641 .sgwa-border-effectone:hover { 642 color: #6477b9; 643 } 644 .sgwa-border-effectone::before, .sgwa-border-effectone::after { 645 top: 0; 646 left: 0; 647 height: 100%; 648 width: 100%; 649 -webkit-transform-origin: center; 650 transform-origin: center; 651 } 652 .sgwa-border-effectone::before { 653 /* border-top: 2px solid #6477b9; 654 border-bottom: 2px solid #6477b9; */ 655 -webkit-transform: scale3d(0, 1, 1); 656 transform: scale3d(0, 1, 1); 657 } 658 .sgwa-border-effectone::after { 659 /* border-left: 2px solid #6477b9; 660 border-right: 2px solid #6477b9; */ 661 -webkit-transform: scale3d(1, 0, 1); 662 transform: scale3d(1, 0, 1); 663 } 664 .sgwa-border-effectone:hover::before, .sgwa-border-effectone:hover::after { 665 -webkit-transform: scale3d(1, 1, 1); 666 transform: scale3d(1, 1, 1); 667 transition: -webkit-transform 0.5s; 668 transition: transform 0.5s; 669 transition: transform 0.5s, -webkit-transform 0.5s; 670 } 671 672 673 .sgwa-executive-main:hover{ 674 box-shadow:0px -1px 1px 0px #b1a5a500; 675 } 676 677.main-sgwa-wrapper-container{ 678 position: fixed; 679 bottom: 30px; 680 right: 30px; 681 z-index:999; 682 683} 684 685.btn-sgwhatsapp i{ 686 font-size:53px; 687} 688.btn-sgwhatsapp{ 689 /* position: fixed; 690 bottom: 30px; */ 691 background: #00e676; 692 /* right: 30px; */ 693 height: 80px; 694 width: 80px; 695 color: white; 696 border: 0; 697 border-radius: 50%; 698 z-index:999; 699 float:right; 700 margin-top:20px; 701 702} 703.sg-whatsappbox{ 704 float:left; 705 /* position: fixed; 706 bottom: 130px; */ 707 background: gray; 708 /* right: 50px; */ 709 width: 300px; 710 color: white; 711 border: 0; 712 border-radius: 2%; 713 z-index:999; 714 visibility: visible; 715 opacity: 1; 716 717} 718.sgwa-title i{ 719 font-size:20px; 720} 721.sgwa-title{ 722 padding:10px 15px; 723 font-size:16px; 724 background:lightgreen; 725 cursor:pointer; 726} 727.sgwa-chat-box-content{ 728 729} 730.sgwa-executive-main{ 731 background:grey; 732 padding:5px 15px; 733 float:left; 734 width:100%; 735 box-shadow:0px -1px 1px 0px #eeeeee; 736} 737.sgwa-executive-single{ 738 float:left; 739 width:100%; 740 padding:5px 0; 741} 742.sgwa-executive-photo{ 743 float:left; 744 width:35%; 745} 746.sgwa-executive-info{ 747 float:left; 748 width:65%; 749 padding-top:10px; 750} 751.sgwa-executive-img{ 752 height:70px; 753 width:70px; 754 border-radius:50%; 755} 756.sgwa-executive-name{ 757 font-size:17px; 758 color:#fff; 759} 760.sgwa-department{ 761 color:#fff; 762} 763.sgwa-descrption{ 764 padding:10px 15px; 765} 766.sgwa-hide{ 767 display:none; 768 opacity: 0; 769 visibility: hidden; 770 -webkit-transition: opacity 600ms, visibility 600ms; 771 transition: opacity 600ms, visibility 600ms; 772} 773.sgwa-show{ 774 opacity: 1; 775 visibility: visible; 776 -webkit-transition: opacity 600ms, visibility 600ms; 777 transition: opacity 600ms, visibility 600ms; 778} 779 780 781 782.btn-sgwhatsapp{ 783 height:80px; 784 width:80px; 785} 786 787 788 789.btn-sgwhatsapp i{ 790 font-size:55px; 791} 792 793 794 795 796#whtsappboxtoggle{ 797 background:#4da735; 798} 799 800 801#whtsappboxtoggle{ 802 color:#ffffff; 803} 804 805 806.sgwa-title{ 807 background:#4da735; 808} 809 810 811.sgwa-title, .sgwa-title i{ 812 color:#363636; 813} 814 815 816.sgwa-descrption{ 817 color:#000000; 818} 819 820 821.sgwa-descrption{ 822 background:#c4c4c4; 823} 824 825 826.sgwa-executive-main{
827 background:#ffffff; 828} 829 830 831.sgwa-executive-main,.sgwa-executive-main .sgwa-executive-name{ 832 color:#000000; 833} 834 835 836.sgwa-executive-main { 837 838 box-shadow: 0px -1px 1px 0px #ffffff; 839} 840 841 842.sgwa-executive-main .sgwa-department { 843 844 color: #ff0000; 845} 846 847 848 849 850 851 .sgwa-offline-member{ 852 background: #afafaf; 853 } 854 855 .sgwa-offline-member .sgwa-executive-name{ 856 color: #535353; 857 } 858 .sgwa-offline-member{ 859 box-shadow: 0px -1px 1px 0px #dddddd; 860 } 861 862 .sgwa-offline-member{ 863 cursor:no-drop; 864 } 865 866 867 868 869#whtsappboxtoggle i{ 870 871 -webkit-transition: -webkit-transform 0.8s; /* Safari */ 872 transition: transform 0.6s; 873} 874 875 876 877 878 879 880.sgwa-onlineicon{ color: #23c623; font-size: 10px; vertical-align: middle; } 881.sgwa-oflineicon{ color: #a7a7a7; font-size: 10px; vertical-align: middle; } 882 883 884 885</style> 886<div class="main-sgwa-wrapper-container"> 887 888<!--- contact chat box--> 889<div id="sgwhatsappbox" class="sg-whatsappbox sgwa-hide"> 890 891 <div class="sgwa-title"> 892 <i class="fa fa-whatsapp"></i> Klik Chat Di Whats App <i class="fa fa-minus" style="float:right;"></i> 893 </div> 894 895 <div class="sgwa-chat-box-content"> 896 897 <div class="sgwa-descrption">Klik salah satu admin untuk chat di WA</div> 898 899 900 <a href="https://api.whatsapp.com/send?phone=6287880445601&text=Hai Admin Obor Jakarta, Baru dari web obor boleh tanya?" target="_BLANK" class="" title="Hai Saya Mimin OBOR di Jakarta"> 901 <div class="sgwa-executive-main "> 902 903 <div class="sgwa-executive-single"> 904 905 <div class="sgwa-executive-photo"> 906 <img src="http://obor.or.id/image/cache/catalog/banner/cs1-300x300-100x100.jpg" class="sgwa-executive-img"> 907 </div> 908 909 <div class="sgwa-executive-info"> 910 <div class="sgwa-executive-name">Dibby <i class="fa fa-circle sgwa-onlineicon"></i></div> 911 <span class="sgwa-department">OBOR JAKARTA</span> 912 </div> 913 914 </div> 915 916 </div> 917 </a> 918 <a href="https://api.whatsapp.com/send?phone=6281904015006&text=Hai, Obor Jogjakarta saya baru dari web obor boleh tanya?" target="_BLANK" class="" title="Saya mimin Obor di kota Jogjakarta"> 919 <div class="sgwa-executive-main "> 920 921 <div class="sgwa-executive-single"> 922 923 <div class="sgwa-executive-photo"> 924 <img src="http://obor.or.id/image/cache/catalog/banner/cs2-300x300-100x100.jpg" class="sgwa-executive-img"> 925 </div> 926 927 <div class="sgwa-executive-info"> 928 <div class="sgwa-executive-name">Nia <i class="fa fa-circle sgwa-onlineicon"></i></div> 929 <span class="sgwa-department">OBOR JOGJAKARTA</span> 930 </div> 931 932 </div> 933 934 </div> 935 </a> 936 <a href="https://api.whatsapp.com/send?phone=62818463735&text=Hai, Obor Malang. Saya baru dari web obor boleh tanya?" target="_BLANK" class="" title="Saya mimin Obor di kota Malang"> 937 <div class="sgwa-executive-main "> 938 939 <div class="sgwa-executive-single"> 940 941 <div class="sgwa-executive-photo"> 942 <img src="http://obor.or.id/image/cache/catalog/banner/cs3-300x300-100x100.jpg" class="sgwa-executive-img"> 943 </div> 944 945 <div class="sgwa-executive-info"> 946 <div class="sgwa-executive-name">Joko <i class="fa fa-circle sgwa-onlineicon"></i></div> 947 <span class="sgwa-department">OBOR MALANG</span> 948 </div> 949 950 </div> 951 952 </div> 953 </a> 954 955 956 </div> 957 958 959</div> 960<div> 961<button class="btn-sgwhatsapp" id="whtsappboxtoggle"><i class="fa fa-whatsapp"></i></button> 962</div> 963 964 965</div>
966<script> 967$(document).ready(function(){ 968 969 970 $("#sgwhatsappbox").removeClass('sgwa-hide'); 971 $("#sgwhatsappbox").hide(); 972 $("#whtsappboxtoggle, .sgwa-title").click(function(){ 973 $("#sgwhatsappbox").slideToggle(1500); 974 975 $('#whtsappboxtoggle .fa-whatsapp').css("transform","rotate(360deg)"); 976 $('#whtsappboxtoggle .fa-close').css("transform","rotate(0deg)"); 977 setTimeout(function() { 978 $("#whtsappboxtoggle i").toggleClass("fa-whatsapp fa-close"); 979 }, 200); 980 981 }); 982 983}); 984 985 986</script>
986 987<!--- contact chat box--> 988 989 990<!-- button whatsapp --> 991 992<!-- 993OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation. 994Please donate via PayPal to [email protected] 995//--> 996 997<!-- Theme created by Welford Media for OpenCart 2.0 www.welfordmedia.co.uk --> 998 999</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.