PageSourceSearch

http://obor.or.id/buku-baru

html obor.or.id collected 2026-09-24 09:56:47 UTC 51,907 bytes, 999 lines download raw bytes

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&amp;path=97" class="list-group-item">POD (Print on Demand) (74)</a>
132        <a href="http://obor.or.id/index.php?route=product/category&amp;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&amp;path=115" class="list-group-item">Antropologi (1)</a>
135        <a href="http://obor.or.id/index.php?route=product/category&amp;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 &amp; 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&amp;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&amp;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&amp;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 &amp; Gender (50)</a>
147        <a href="http://obor.or.id/index.php?route=product/category&amp;path=107" class="list-group-item">Hukum, Sosial, Manajemamen (5)</a>
148        <a href="http://obor.or.id/index.php?route=product/category&amp;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&amp;path=112" class="list-group-item">Karya Ilmiah (2)</a>
153        <a href="http://obor.or.id/index.php?route=product/category&amp;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 &amp; Jurnalistik (17)</a>
156        <a href="http://obor.or.id/lingkungan-hidup-pertanian-dan-peternakan" class="list-group-item">Lingkungan hidup, Pertanian &amp; 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&amp;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&amp;path=89" class="list-group-item">Panduan (2)</a>
162        <a href="http://obor.or.id/index.php?route=product/category&amp;path=111" class="list-group-item">Pariwisata  (2)</a>
163        <a href="http://obor.or.id/index.php?route=product/category&amp;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 &amp; 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;order=ASC" selected="selected">Default</option>
209                                                <option value="http://obor.or.id/buku-baru?sort=pd.name&amp;order=ASC">Nama (A - Z)</option>
210                                                <option value="http://obor.or.id/buku-baru?sort=pd.name&amp;order=DESC">Nama (Z - A)</option>
211                                                <option value="http://obor.or.id/buku-baru?sort=p.price&amp;order=ASC">Harga (Rendah &gt; Tinggi)</option>
212                                                <option value="http://obor.or.id/buku-baru?sort=p.price&amp;order=DESC">Harga (Tinggi &gt; Rendah)</option>
213                                                <option value="http://obor.or.id/buku-baru?sort=rating&amp;order=DESC">Penilaian (Tertinggi)</option>
214                                                <option value="http://obor.or.id/buku-baru?sort=rating&amp;order=ASC">Penilaian (Terendah)</option>
215                                                <option value="http://obor.or.id/buku-baru?sort=p.model&amp;order=ASC">Model (A - Z)</option>
216                                                <option value="http://obor.or.id/buku-baru?sort=p.model&amp;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 &amp; Konservasi Sumber Daya Hayati: Berbasis Masyarakat Adat di Indonesia" title="Etnobiologi &amp; 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 &amp; 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">&gt;</a></li><li><a href="http://obor.or.id/buku-baru?page=5">&gt;|</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 &amp; 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.