

<!doctype html>
<html class="no-js" lang="">
    <head>


        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Jumping Clay | Home</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="dns-prefetch" href="//images-cdn.ecwid.com/">
        <link rel="dns-prefetch" href="//images.ecwid.com/">
        <link rel="dns-prefetch" href="//app.ecwid.com/">



        <link rel="prefetch" href="http://localhost:3000/shop/"/>
        <link rel="prerender" href="http://localhost:3000/shop/"/>
		<!-- favicon
		============================================ -->
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="uAPF2rJpmyWDxHIqoDu6UaQai0OlZqaHWfHCreLrKaMOgo+E8ZerNh/osoXBkl807JiuCqObseISkQ/rnMqXUg==" />

    <link rel="stylesheet" media="all" href="/assets/application-69faa24f5a77b6a2e7d3fcf844273a3748ad778b5684b7bdff1a6e3e2515c86c.css" data-turbolinks-track="reload" />


		<!-- Google Fonts
		============================================ -->
       	<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,500italic,500,400italic,700italic,900,100,300' rel='stylesheet' type='text/css'>
	   	<link href='https://fonts.googleapis.com/css?family=Lato:400,700,400italic,900' rel='stylesheet' type='text/css'>

    </head>
    <body>
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.10&appId=1568466829830187";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

      <div >
        <script type="text/javascript" src="https://app.shopsettings.com/script.js?11544432" charset="utf-8"></script>

        <script>var = ecwid_ProductBroswerURL = "http://localhost:3000/shop/"</script>
      </div>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->


        <div class="wrapper">
			<!-- Start Header Area -->

        <header id="header" class="solid-bg-header clear">
  <div class="header-v1">
    <div class="header-top clear">
      <div class="container">
        <div class="row row-header">
          <div class="col-md-7 hidden-sm hidden-xs">
            <div class="header-top-left header-top-info">
              <p><a href="tel:02-271-8968"><i class="fa fa-phone"></i>02-271-8968</a></p>
              <p><a href="mailto:ph.jumpingclay.th@gmail.com"><i class="fa fa-envelope"></i>ph.jumpingclay.th@gmail.com</a></p>
            </div>
          </div>
          <div class="col-md-5">
            <div class="header-top-right pull-right">
              <ul>

                <li class="cart-active">

                  <div class="cart-btn">
                    <a href="/shop#!/~/cart" aria-label="Shopping cart">
                    <i class="fa fa-shopping-cart">
                        <div id="my-cart-11544432"></div>
                    </i>
  </a>
                  </div>


                </li>
                <li>
                  <div class="search-form">
                    <div class="header-top-info">
                          <p>  <a href="/">English</a> / <a href="/th/">ไทย</a></p>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Start Header Bottom -->
<div class="header-bottom">
  <div class="container">
    <div class="row hidden-sm hidden-xs">
      <!-- Start Logo -->
      <div class="col-md-3">
        <div class="header-logo">
          <a href="#"><img src="/assets/logolg-29476ceff9a523dbf72cbd39bc64f69b8923630a102bf8656af06f3821ae8078.png" alt="Logolg" /></a>
        </div>
      </div>
      <!-- End Logo -->
      <!-- Start Main Menu -->
        <div class="col-md-9">
          <div class="menu-wrap pull-right">
            <nav class="primary-menu">
              <ul>
                <li class="current">
                  <a href="/"> Home </a>
                </li>
                <li><a href="#">About <span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                    <ul class="estut-dropdown">
                        <li><a href="/en/company-history">Company History</a></li>
                        <li><a href="/en/jc-group">Jumping Clay Group</a></li>
                        <li><a href="/en/company-vision">Company Vision</a></li>
                        <li><a href="/en/corporate-identity">Corporate Identity</a></li>
                        <li><a href="/en/business-structure">Business Structure</a></li>
                        <li><a href="/en/jcg-franchise">Jumping Clay Group Franchise</a></li>
                    </ul>
                </li>
                <li><a href="#">Franchise <span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                    <ul class="estut-dropdown">
                        <li><a href="/en/secret-of-success">Secret of Success</a></li>
                        <li><a href="/en/right-and-support">Right Support</a></li>
                        <li><a href="/en/franchising-procedure">Franchising Procedure</a></li>
                        <li><a href="/en/business-interview">Business Interview</a></li>
                    </ul>
                </li>
                <li><a href="/shop#!/~/">Shop</a></li>
                <li><a href="/blogs">Blog</a></li>
                <li><a href="#">Course <span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                    <ul class="estut-dropdown">
                        <li><a href="/en/education-effect">Education Effect</a></li>
                        <li><a href="/en/certifcate-curriculum">Certificate Curriculum</a></li>
                        <li><a href="/en/regular-program">Regular Program</a></li>
                        <li><a href="/en/special-program">Special Program</a></li>
                        <li><a href="/en/sub-program">Sub Program</a></li>
                    </ul>
                </li>
                <li><a href="#">Event <span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                    <ul class="estut-dropdown">
                        <li><a href="/en/school-after-school-activities">School &amp; After School Activities</a></li>
                        <li><a href="/en/nursery">Nursery</a></li>
                        <li><a href="/en/workshop">Workshop</a></li>
                        <li><a href="/en/party">Party</a></li>
                        <li><a href="/en/hobby">Hobby</a></li>
                        <li><a href="/en/event">Event</a></li>
                        <li><a href="/en/wedding-entertainment">Wedding Entertainment</a></li>
                    </ul>
                </li>
                <li><a href="#">Help <span class="indicator"><i class="fa fa-angle-down"></i></span></a>
                    <ul class="estut-dropdown">
                      <li><a href="/en/location">Locations</a></li>
                      <li><a href="/en/faq">FAQ</a></li>
                      <li><a href="/contact">Contact Us</a></li>
                    </ul>
                </li>
              </ul>
          </nav>
                          </div>
                      </div>
                      <!-- End Main Menu -->
    </div>
    <div class="row">
      <div class="col-sm-3 hidden-md hidden-lg">
        <div class="mobile-logo">
          <a href="#"><img src="/assets/logolg-29476ceff9a523dbf72cbd39bc64f69b8923630a102bf8656af06f3821ae8078.png" alt="Logolg" /></a>
        </div>
      </div>
      <div class="col-sm-9 hidden-md  hidden-lg">
        <!-- Main Menu End -->
        <div class='mobile-menu-area'>
          <nav id="mobile-menu">
            <ul>
              <li><a href="contact-us.html">Home</a></li>
              <li><a href="#">About Us</a>
                <ul>
                  <li><a href="/en/company-history">Company History</a></li>
                  <li><a href="/en/jc-group">Jumping Clay Group</a></li>
                  <li><a href="/en/company-vision">Company Vision</a></li>
                  <li><a href="/en/corporate-identity">Corporate Identity</a></li>
                  <li><a href="/en/business-structure">Business Structure</a></li>
                  <li><a href="/en/jcg-franchise">Jumping Clay Group</a></li>
                </ul>
              </li>
              <li><a href="#">Franchise</a>
                <ul>
                  <li><a href="/en/secret-of-success">Secret of Success</a></li>
                  <li><a href="/en/right-and-support">Right Support</a></li>
                  <li><a href="/en/franchising-procedure">Franchising Procedure</a></li>
                  <li><a href="/en/business-interview">Business Interview</a></li>
                </ul>
              </li>
              <li><a href="/shop">Shop</a></li>
              <li><a href="/blog">Blog</a></li>
              <li><a href="#">Course</a>
                <ul>
                  <li><a href="/en/education-effect">Education Effect</a></li>
                  <li><a href="/en/certifcate-curriculum">Certificate Curriculum</a></li>
                  <li><a href="/en/regular-program">Regular Program</a></li>
                  <li><a href="/en/special-program">Special Program</a></li>
                  <li><a href="/en/sub-program">Sub Program</a></li>
                </ul>
              </li>
              <li><a href="#">Event</a>
                <ul>
                  <li><a href="/en/school-after-school-activities">School &amp; After School Activities</a></li>
                  <li><a href="/en/nursery">Nursery</a></li>
                  <li><a href="/en/workshop">Workshop</a></li>
                  <li><a href="/en/party">Party</a></li>
                  <li><a href="/en/hobby">Hobby</a></li>
                  <li><a href="/en/event">Event</a></li>
                  <li><a href="/en/wedding-entertainment">Wedding Entertainment</a></li>
                </ul>
              </li>
              <li><a href="#">Help</a>
                <ul>
                  <li><a href="/en/location">Locations</a></li>
                  <li><a href="/en/faq">FAQ</a></li>
                  <li><a href="/contact">Contact Us</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
        <!-- Main Menu End -->
      </div>
    </div>
  </div>
</div>
<!-- End Header Bottom -->

  </div>
</header>

<section class="slider-area">
  <div class="bend niceties preview-2">
    <div id="ensign-nivoslider" class="slides">
        <img src="/system/uploads/fae/image/asset/42/slide21.jpg" alt="Slide21" />
        <img src="/system/uploads/fae/image/asset/44/KG-02-UH1J.jpg" alt="Kg 02 uh1j" />
        <img src="/system/uploads/fae/image/asset/46/slide21322.jpg" alt="Slide21322" />
    </div>
    <!-- direction 1 -->
    </div>
  </div>
</section>

<!-- Start Intro Courses Area -->
<section class="intro-courses-area">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="intro-courses-container">
          <!-- Start Intro Courses Nav  -->
          <ul class="nav nav-tabs tabfix" role="tablist">
            <li role="presentation" class="active">
              <a href="#online" aria-controls="online" role="tab" data-toggle="tab">
              <div class="est-icon"><img src="img/icon/1.png" alt="icon" /></div>
              Text here</a>
            </li>
            <li role="presentation" >
              <a href="#programming" aria-controls="programming" role="tab" data-toggle="tab">
              <div class="est-icon"><img src="img/icon/2.png" alt="icon" /></div>
                Info 2</a>
            </li>
            <li role="presentation">
              <a href="#creative" aria-controls="creative" role="tab" data-toggle="tab">
              <div class="est-icon"><img src="img/icon/3.png" alt="icon" /></div>
                Green Text</a>
            </li>
            <li role="presentation">
              <a href="#online-business" aria-controls="online-business" role="tab" data-toggle="tab">
              <div class="est-icon"><img src="img/icon/4.png" alt="icon" /></div>
                Info 4</a>
            </li>
            <li role="presentation">
              <a href="#social" aria-controls="social" role="tab" data-toggle="tab">
              <div class="est-icon"><img src="img/icon/5.png" alt="icon" /></div>
                Info 5</a>
            </li>
          </ul>
          <!-- End Intro Courses Nav  -->
          <!-- Start Intro Courses Tab panes -->
          <div class="tab-content padding-t50">
            <!-- Start single item-->
            <div role="tabpanel" class="tab-pane fade" id="online">
              <div class="row">
                <div class="col-md-6 text-left">
                  <div class="intro-caption padding50">
                    <h2 class="section-title">  Text here</h2>
                    asdsadasd
                  </div>
                </div>
                <div class="col-md-6 text-right">
                  <div class="intro-img">

                  </div>
                </div>
              </div>
            </div>
            <!-- End single item-->
            <div  role="tabpanel" class="tab-pane fade in active" id="programming">
              <div class="row">
                <div class="col-md-6 text-left">
                  <div class="intro-caption padding50">
                    <h2 class="section-title">  Info 2</h2>
                    pink
                  </div>
                </div>
                <div class="col-md-6 text-right">
                  <div class="intro-img">

                  </div>
                </div>
              </div>
            </div>
            <div  role="tabpanel" class="tab-pane fade" id="creative">
              <div class="row">
                <div class="col-md-6 text-left">
                  <div class="intro-caption padding50">
                    <h2 class="section-title">  Green Text</h2>
                    text here
                  </div>
                </div>
                <div class="col-md-6 text-right">
                  <div class="intro-img">

                  </div>
                </div>
              </div>
            </div>
            <div  role="tabpanel" class="tab-pane fade" id="online-business">
              <div class="row">
                <div class="col-md-6 text-left">
                  <div class="intro-caption padding50">
                    <h2 class="section-title">  Info 4</h2>
                    
                  </div>
                </div>
                <div class="col-md-6 text-right">
                  <div class="intro-img">

                  </div>
                </div>
              </div>
            </div>
            <div  role="tabpanel" class="tab-pane fade" id="social">
              <div class="row">
                <div class="col-md-6 text-left">
                  <div class="intro-caption padding50">
                    <h2 class="section-title">  Info 5</h2>
                    
                  </div>
                </div>
                <div class="col-md-6 text-right">
                  <div class="intro-img">

                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- End Intro Courses Tab panes -->
        </div>
      </div>
    </div>
  </div>
</section>


<section class="online-shopping-area padding100">
  <style>
  html#ecwid_html body#ecwid_body table.ecwid-productBrowser-auth-mini{
    display: none !important;
  }

  html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-head{
      display: none !important;
  }

  html#ecwid_html body#ecwid_body div.ecwid-productBrowser-categoryPath{
      display: none !important;
  }

  html#ecwid_html body#ecwid_body div.ecwid-results-topPanel{
    display: none !important;
  }
  html#ecwid_html body#ecwid_body div.ecwid-productBrowser-category{
    padding-top: 0px !important;
    margin-top: -125px;
  }
  </style>
  <div class="container">
    <!-- Start Area headding -->
    <div class="row">
      <div class="col-md-12">
        <div class="area-headding-pb0 text-center">
          <h2 class="section-title">Featured Products</h2>
        </div>
      </div>
    </div>

    <div class="featured-ecwid">
        <div id="my-store-11544432"></div>
      <script type='text/javascript'> xProductBrowser("views=grid(1,3) ","categoryView=grid","searchView=list","style=","defaultCategoryId=24852521"); </script>
    </div>

  </div>
</section>
<!-- End Online Shop Area -->


<!-- Start Testimonials Area -->
<div class="testimonial-area bg-1 overlay-bg padding100">
  <div class="testimonial-container owl-controls-style-1">
    <!-- Start Single Testimonial -->

    <div class="single-testimonial text-center">
      <p>WOW!</p>
      <p class="client-name">Sid</p>
      <p class="review-date">Sep 07, 2017</p>
    </div>
    <div class="single-testimonial text-center">
      <p>Nice</p>
      <p class="client-name">Amon</p>
      <p class="review-date">Sep 09, 2017</p>
    </div>
    <!-- End Single Testimonial -->
  </div>
</div>


<footer id="footer-area">
<!-- Start Footer Top Area -->
<div class="footer-top-area bg-1 overlay-bg padding50">
  <div class="container">
    <div class="row">
      <div class="newsletter">
        <div class="col-md-6 col-md-offset-3 text-center">
          <div class="footer-logo">
            <a href="index.html"><img src="/assets/logolg-29476ceff9a523dbf72cbd39bc64f69b8923630a102bf8656af06f3821ae8078.png" alt="Logolg" /></a>
          </div>
          <!-- <div class="newsletter-form">
            <form action="#" method="get">
              <input class="email-box" type="email" name="email" id="email" placeholder="Enter your email here..."/>
              <button type="submit"><i class="fa fa-envelope-o"></i></button>
            </form>
          </div> -->
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-3 col-sm-4">
  <div class="footer-top-menu">
    <h3 class="widget-title">Contact</h3>
    <div class="fo-aboutus-container">
      <address>
     <p><p>55/1 Srinagarindra Rd,
Khwaeng Nong Bon, 
Khet Prawet, 
Krung Thep Maha Nakhon 10250</p>
</p>

        <p><strong>Tel: </strong><a href="tel:02-271-8968">02-271-8968</a></p>
        <p><a href="mailto:ph.jumpingclay.th@gmail.com">ph.jumpingclay.th@gmail.com</a></p>

      </address>
      <!-- <div class="footer-social-bookmark">
        <ul>
          <li><a target="_blank" href="#" class="facebook"><i class="fa fa-facebook-square"></i></a></li>
          <li><a target="_blank" href="#" class="google-plus"><i class="fa fa-youtube-square"></i></a></li>
        </ul>
      </div> -->
    </div>
  </div>
</div>

      <div class="col-md-3 col-sm-4">
  <div class="footer-top-menu">
    <h3 class="widget-title">Courses</h3>
    <div class="fo-course-container">
      <ul>
        <li>
          <a href="/en/education-effect">Education Effect</a>
          <p class="date"> </p>
        </li>
        <li>
          <a href="/en/certifcate-curriculum">Certificate Curriculum</a>
          <p class="date"> </p>
        </li>
        <li>
          <a href="/en/regular-program">Regular Program</a>
          <p class="date"> </p>
        </li>
        <li>
          <a href="/en/special-program">Special Program</a>
          <p class="date"> </p>
        </li>
        <li>
          <a href="/en/sub-program">Sub Program</a>
          <p class="date"> </p>
        </li>
      </ul>
    </div>
  </div>
</div>

      
  <div class="col-md-3 hidden-sm">
    <div class="footer-top-menu">
      <h3 class="widget-title">Recent Blog Post</h3>
      <div class="fo-twitter-feed-container">
        <ul>

        </ul>
      </div>
    </div>
  </div>

      <div class="col-md-3 col-sm-4">
  <div class="footer-top-menu">
    <h3 class="widget-title">FOLLOW US ON FACEBOOK</h3>
    <div class="blog-flickr">
      <div class="fb-page" data-href="https://www.facebook.com/thebestclay/" data-tabs="timeline" data-height="200" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/thebestclay/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/thebestclay/">JumpingClay Thailand</a></blockquote></div>
    </div>
  </div>
</div>

    </div>
  </div>
</div>
<!-- End Footer Top Area -->
<!-- Start Footer Bottom Area -->
<div class="footer-bottom-area">
  <div class="container">
    <div class="row">
      <div class="col-md-12 text-center">
        <div class="copyright-wrap text-center">
          <p>&copy; 2017 Jumping Clay.</a> All Rights Reserved</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Footer Bottom Area -->
</footer>



			<!-- End Header Area -->




		</div>
  <script src="/assets/application-d05c2db8d01600c39e8f5f5e90162c716445baaf56d48604214c312a456336d4.js" data-turbolinks-track="reload"></script>

      

<div id="quickview-wrapper">
  <!-- Modal -->
  <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
        <div class="modal-body">
          <div class="modal-product">
            <div class="product-images">
              <div class="main-image images">
                <img src="/system/uploads/fae/image/asset/34/logolg-29476ceff9a523dbf72cbd39bc64f69b8923630a102bf8656af06f3821ae8078.png" alt="Logolg" />

              </div>
            </div>
            <div class="product-info">
              <br>
<p> <p>Welcome to JumpingClay Thailand </p>

<p>We are industry&#39;s leading innovative, fun and clean solution provider to people who wants to ~ &quot;Learn Through Play&quot;. </p>

<p>Better!! 
You can Earn Money for your Creativity with us </p>

<p>Press send to messenger for exciting offers...</p>
 </p>


              <p>  <script> window.fbMessengerPlugins = window.fbMessengerPlugins || { init : function() { FB.init({ appId: "1678638095724206", xfbml: true, version: "v2.6" }); }, callable : [] }; window.fbAsyncInit = window.fbAsyncInit || function() { window.fbMessengerPlugins.callable.forEach( function( item ) { item(); } ); window.fbMessengerPlugins.init(); }; setTimeout( function() { (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }, 0); </script> <div class="fb-send-to-messenger" messenger_app_id="1678638095724206" page_id="883648078318799" data-ref="b64:aG9tZV93ZWI=" color="white" size="xlarge"> </div>
</p>
            </div><!-- .product-info -->

          </div><!-- .modal-product -->
        </div><!-- .modal-body -->
      </div><!-- .modal-content -->
    </div><!-- .modal-dialog -->
  </div>
  <!-- END Modal -->
</div>

    </body>
    <script type="text/javascript" src="https://app.shopsettings.com/script.js?11544432" charset="utf-8"></script>

<script type="text/javascript"> xMinicart("layout=fixed", "id=my-cart-11544432"); </script>


</html>
