http://spirit-stones.com/purchase/

1
2<!DOCTYPE html>
3
4
5<html>
6<head>
7    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8    <link rel="shortcut icon" href="http://www.spirit-stones.com/favicon.ico" >
9
10    <title>Scholar's Rocks for Sale from Kemin Hu</title>
11    <meta name="description" content="Museum Quality Scholars Rocks for Purchase">
12    <meta name="keywords" content="scholar rocks, scholars rocks, viewing stone, suiseki, gongshi, chinese scholars rocks">
13
14
15    <meta property="og:title" content="Scholars Rocks for Purchase">
16    <meta property="og:url" content="http://spirit-stones.com/purchase">
17    <meta property="og:description" content="Museum Quality Scholars Rocks for Purchase">
18    <!--<meta property="og:image" content="http://foodmento.com/top10/img/grid101.jpg">-->
19
20
21    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
22    <!-- added for responsive header-->
23    <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
24    <link rel="stylesheet" href="http://foodmento.com/crispy/header/styles.css">
25
26
27    <style>
28
29    body {
30        margin: 0px;
31
32    }
33
34    .p-lead {
35        margin-bottom: 0px;
36        padding-left: 15px;
37        padding-right: 15px;
38        font-size: 21px;
39        font-weight: 200;
40        line-height: 1.4;
41    }
42
43    .header-img {
44        background-image: url("../img/img-1.jpg");
45        opacity: 0.8;
46    }
47
48    .container-pop {
49        padding: 0px;
50        padding-top: 0px;
51        padding-bottom: 50px;
52        text-align: center;
53    }
54    .container-cta {
55        padding: 20px;
56        text-align: center;
57        background-color: white;
58        width: 100%;
59        position: fixed;
60        left: 0;
61        bottom: 0;
62        opacity: 0.9;
63    }
64    .container-cta .left {
65        width:100%;
66        float:left;
67    }
68    .container-cta .right {
69        width:30%;
70        float:right;
71    }
72
73    .row2 {
74        padding: 20px 0px;
75        text-align: center;
76    }
77    .footer {
78        padding: 20px 0px;
79        font-size: 0.8em;
80    }
81
82    .box {
83        text-align: center;
84        width: 350px;
85        padding: 0px;
86        border: 1px solid #f3f3f3;
87        margin: 10px;
88        vertical-align: top;
89        display: inline-block;
90        background-color: white;
91
92    }
93    .box-large {
94        text-align: left;
95        width: 524px; /* was 514 */
96        padding: 0px;
97        border: 1px solid #f3f3f3;
98        margin: 10px;
99        vertical-align: top;
100        display: inline-block;
101
102    }
103    .box-inner {
104        width: 100%;
105        padding: 20px;
106        border: 1px solid #f3f3f3;
107        margin: 0px;
108        vertical-align: bottom;
109        background-color: #fff;
110        margin-top: 15px;
111
112    }
113    .select-style {
114        position: relative;
115        /*width: 143px;
116        height: 44px;*/
117        padding: 12px;
118        margin: 0 auto;
119        border: 1px solid lightgrey;
120        color: #fff;
121        outline: none;
122        cursor: pointer;
123        font-weight: bold;
124        display: inline-block;
125    }
126    .select-type {
127        width: 220px;
128        height: 44px;
129    }
130    .select-price {
131        width: 90px;
132        height: 44px;
133    }
134
135    .button {
136        color: #fff;
137        background-color: #ec8670;
138        border-color: #ec8670;
139        display: inline-block;
140        padding: 11px 20px;
141        margin-bottom: 2px;
142        font-size: 14px;
143        font-weight: normal;
144        line-height: 1.428571429;
145        text-align: center;
146        white-space: nowrap;
147        vertical-align: middle;
148        cursor: pointer;
149        border: 0px solid transparent;
150        border-radius: 1px;
151        -webkit-user-select: none;
152    }
153
154    .share-btn {
155        border: 1px solid #ec8670;
156        padding: 5px 10px;
157        line-height: 2em;
158        cursor: pointer;
159        font-size: 12px;
160        color: #ec8670;
161    }
162    .app-btn {
163        display: none;
164    }
165    .catnum-btn {
166        /*background-color: #000;*/
167        border-radius: 1px;
168        padding: 5px 10px;
169        line-height: 2em;
170        cursor: pointer;
171        font-size: 12px;
172        color: white;
173        opacity: .5;
174    }
175    .s{
176        /*background-color: #BF2A23;*/
177        border: solid 2px white;
178    }
179    .m{
180        /*background-color: #CF872E;*/
181        border: solid 2px white;
182    }
183    .l{
184        /*background-color: #8A211D;*/
185        border: solid 2px white;
186    }
187    .c{
188        /*background-color: #000;*/
189        border: solid 2px white;
190    }
191    .h{
192        /*background-color: #A6AD3C;*/
193        border: solid 2px white;
194    }
195    .a{
196        /*background-color: #BF2A23;*/
197        border: solid 2px white;
198    }
199    .g{
200        /*background-color: #F0CE4E;*/
201        border: solid 2px white;
202    }
203
204    .order-btn {
205        background-color: lightgrey;
206        border-radius: 1px;
207        padding: 10px 10px;
208        line-height: 2em;
209        cursor: pointer;
210        font-size: 15px;
211        color: white;
212        font-weight: 200;
213    }
214    .bgsize {
215        background-size: 100%;
216    }
217
218    /*MEDIA QUERY*/
219    @media only screen and (max-width : 640px) {
220        .box-large {
221            text-align: left;
222            width: 310px; /* was 514 */
223            padding: 8px;
224            border: 1px solid #f3f3f3;
225            margin: 5px;
226            vertical-align: top;
227            display: inline-block;
228        }
229        .box {
230            width: 90%;
231        }
232        body {
233            margin: 0px;
234        }
235        /*.row {
236            margin: 5px;
237        }*/
238        .container-cta {
239            padding: 10px;
240        }
241        .container-cta .left {
242            width:100%;
243        }
244        .container-cta .right {
245            display:none;
246        }
247        .app-btn {
248        float:right;
249        padding: 5px 10px;
250        display: inline;
251        }
252        .bgsize {
253            background-size: 300%;
254        }
255    }
256    @media only screen and (min-width : 1355px) {
257        .row2 {
258            margin-left: 100px;
259            margin-right: 100px;
260        }
261    }
262
263
264    </style>
265
266
267    <!-- Please call pinit.js only once per page -->
268    

268<script type="text/javascript" async  data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

268
269
270    <!-- start Mixpanel -->
271    

271<script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
272        for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f)}})(document,window.mixpanel||[]);
273        mixpanel.init("1a9b9b67a8c79e6cc20ef46ae4602cc1");</script>

273
274    <!-- end Mixpanel -->
275
276    

276<script type="text/javascript">
277        mixpanel.track("View purchase page");
278    </script>

278
279
280</head>
281
282<body>
283    <!-- fb share -->
284    <div id="fb-root"></div>
285    

285<script>(function(d, s, id) {
286      var js, fjs = d.getElementsByTagName(s)[0];
287      if (d.getElementById(id)) return;
288      js = d.createElement(s); js.id = id;
289      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=201302526664167&version=v2.0";
290      fjs.parentNode.insertBefore(js, fjs);
291    }(document, 'script', 'facebook-jssdk'));</script>

291
292
293    <div class="container-pop">
294
295        <!-- START header fixed  -->
296        <div style="
297              text-align: center;
298              background-image: url('http://foodmento.com/css/header-stone.jpg');
299              background-repeat: no-repeat;
300              background-attachment: fixed;
301              background-position: 50% -250px;
302              margin:0px 0px 0px 0px;
303              padding:80px 25px 50px 25px;
304              background-color:#2c3e50;
305              background-size: 100%">
306
307            <span style="margin-bottom: 0px; color: white; font-size: 35px; line-height: 1.5em; font-weight: 300;     text-shadow: 1px 1px black;">
308              Scholar's Rocks for Purchase
309            </span><br><br>
310            <span style="margin-bottom: 0px; color: white; font-size: 20px; line-height: 1.6em; font-weight: 300;     text-shadow: 1px 1px black;">
311              Museum quality from Kemin Hu's collection
312            </span><br>
313            <br>
314
315            <!-- app -->
316            <div style="text-align: center; padding:40px; text-shadow: 1px 1px black;">
317                <a href="http://www.spirit-stones.com/kemin-hu/contact-kemin/" title="Contact Kemin for price inquiries">
318                  <span style="
319                    padding: 10px 15px;
320                    line-height: 2em;
321                    cursor: pointer;
322                    color: white;
323                    border-radius:2px;
324                    font-size:15px;
325                    font-weight:300;
326                    border: solid 1px white;
327                    text-transform: uppercase;
328                    margin-left:10px">
329                  Contact</span>
330                </a>
331                <br><br>
332                <a href="http://www.spirit-stones.com/" title="Home">
333                  Home
334                </a>
335            </div>
336        </div>
337        <div class="row2"></div>
338
339
340
341
342<!-- Sharing -->
343        <br>
344        <center>
345            <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.spirit-stones.com/purchase" target="_blank">
346                <span class="share-btn">f Share</span></a>
347
348            <a href="https://twitter.com/intent/tweet?text=Check%20out%20these%20Scholar's%20Rocks%20@scholarsrocks%20&url=http://spirit-stones.com/purchase" target="_blank">
349                <span class="share-btn">Tweet</span></a>
350
351            <a href="whatsapp://send?text=Check%20out%20these%20Scholar's%20Rocks%20on%20spirit-stones.com%20http://spirit-stones.com/purchase">
352                <span class="share-btn">Whats App</span></a>
353
354
355        </center>
356
357<!-- Content loop -->
358        <div class="row2">
359            
360                    <div class="box">
361                        <!-- photo -->
362                        <div style="position: relative;">
363                            <a href="http://www.spirit-stones.com/wp-content/uploads/2014/11/L02-Fossils-78x28x21cm.jpg" target="_blank">
364                            <img src="http://www.spirit-stones.com/wp-content/uploads/2014/11/L02-Fossils-78x28x21cm.jpg" style="width:100%; padding-bottom: 5px; position: relative; top: 0; left: 0;" alt="Fossils on spirit-stones.com" name="Fossils on spirit-stones.com">
365                            </a>
366                            <span class="catnum-btn l" style="position: absolute; top: 10px; right: 15px;"/>Large</span>
367                        </div>
368
369
370                        <div style="padding-left: 8px; padding-right: 8px">
371                            <a href=""><span style="color: #555;"><strong>L01</strong> Fossils</span></a><br>
372                            <span style="font-size:12px; color:#888; font-weight:300">78x28x21 cm</span>
373                        </div>
374
375                        <!-- size -->
376                        <div class="box-inner">
377                            <a href="http://spirit-stones.com/purchase/contact/?type=L01&name=Fossils" target="_blank"><span class="order-btn">Email Kemin</span></a>
378                        </div>
379
380
381                    </div>
382
383
384                
385                    <div class="box">
386                        <!-- photo -->
387                        <div style="position: relative;">
388                            <a href="http://www.spirit-stones.com/wp-content/uploads/2014/11/L3-Red-Lingbi-Stone-63x49x21-cm.jpg" target="_blank">
389                            <img src="http://www.spirit-stones.com/wp-content/uploads/2014/11/L3-Red-Lingbi-Stone-63x49x21-cm.jpg" style="width:100%; padding-bottom: 5px; position: relative; top: 0; left: 0;

389" alt="Red Lingbi Stone on spirit-stones.com" name="Red Lingbi Stone on spirit-stones.com">
390                            </a>
391                            <span class="catnum-btn l" style="position: absolute; top: 10px; right: 15px;"/>Large</span>
392                        </div>
393
394
395                        <div style="padding-left: 8px; padding-right: 8px">
396                            <a href=""><span style="color: #555;"><strong>L02</strong> Red Lingbi Stone</span></a><br>
397                            <span style="font-size:12px; color:#888; font-weight:300">63x49x21 cm</span>
398                        </div>
399
400                        <!-- size -->
401                        <div class="box-inner">
402                            <a href="http://spirit-stones.com/purchase/contact/?type=L02&name=Red Lingbi Stone" target="_blank"><span class="order-btn">Email Kemin</span></a>
403                        </div>
404
405
406                    </div>
407
408
409                
410                    <div class="box">
411                        <!-- photo -->
412                        <div style="position: relative;">
413                            <a href="http://www.spirit-stones.com/wp-content/uploads/2014/11/G1-Linglong-Ying-Stone-Marble-Stand-145x55x30-cm.png" target="_blank">
414                            <img src="http://www.spirit-stones.com/wp-content/uploads/2014/11/G1-Linglong-Ying-Stone-Marble-Stand-145x55x30-cm.png" style="width:100%; padding-bottom: 5px; position: relative; top: 0; left: 0;" alt="Linglong Ying Stone Marble Stand on spirit-stones.com" name="Linglong Ying Stone Marble Stand on spirit-stones.com">
415                            </a>
416                            <span class="catnum-btn g" style="position: absolute; top: 10px; right: 15px;"/>Garden</span>
417                        </div>
418
419
420                        <div style="padding-left: 8px; padding-right: 8px">
421                            <a href=""><span style="color: #555;"><strong>G01</strong> Linglong Ying Stone Marble Stand</span></a><br>
422                            <span style="font-size:12px; color:#888; font-weight:300">145x55x30 cm</span>
423                        </div>
424
425                        <!-- size -->
426                        <div class="box-inner">
427                            <a href="http://spirit-stones.com/purchase/contact/?type=G01&name=Linglong Ying Stone Marble Stand" target="_blank"><span class="order-btn">Email Kemin</span></a>
428                        </div>
429
430
431                    </div>
432
433
434                        </div>
435
436
437
438        <!-- START FOOTER -->
439        <div class="footer">
440            <ul>
441              <li><a href="http://twitter.com/scholarsrocks" title="Scholars Rocks by Spirit-stones.com on Twitter">Twitter</a></li>
442              <li><a href="http://fb.me/scholarsrocks" title="Scholars Rocks by Spirit-stones.com on Facebook">Facebook</a></li>
443              <li><a href="http://instagram.com/scholarsrocks" title="Scholars Rocks by Spirit-stones.com on Instagram">Instagram</a></li>
444            </ul>
445            <p>© 2015 Spirit-stones.com. All rights reserved.</p>
446        </div>
447
448    </div>
449
450<!--     <div class="container-cta">
451        <div class="left">
452            <p style="margin-bottom: 0px; font-size: 16px; line-height: 1.5em"><a href="http://www.spirit-stones.com/kemin-hu/contact-kemin/">Contact Kemin</a> for price inquiries
453                <br>
454            </p>
455        </div>
456    </div> -->
457
458
459 

459<script>

459
460  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
461  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
462  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
463  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
464
465  ga('create', '

465UA-1192540-1

465', 'auto');
466  ga('send', 'pageview');
467

468</script>

468
469
470</body>
471</html>