<!DOCTYPE html>
<html lang="en-gb" xml:lang="en-gb">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
<![endif]-->
<base href=".">
<meta content="indoestri" name="description">
<meta content="Canvas Web Design" name="generator">
<title>
Indoestri
</title>
<link href="https://www.indoestri.com" rel="canonical">
<link href="media/system/css/modal.css" rel="stylesheet" type="text/css">
<link href="modules/mod_slideshowck/themes/default/css/camera.css" rel="stylesheet" type="text/css">
<style type="text/css">
#camera_wrap_131 .camera_caption {
display : block;
position : absolute;
}
#camera_wrap_131 .camera_caption > div {
}
#camera_wrap_131 .camera_caption > div div.slideshowck_description {
}
</style>
<script src="media/jui/js/jquery.min.js" type="text/javascript">
</script>
<script src="media/jui/js/jquery-noconflict.js" type="text/javascript">
</script>
<script src="media/jui/js/jquery-migrate.min.js" type="text/javascript">
</script>
<script src="media/system/js/caption.js" type="text/javascript">
</script>
<script src="media/system/js/mootools-core.js" type="text/javascript">
</script>
<script src="media/system/js/core.js" type="text/javascript">
</script>
<script src="media/system/js/mootools-more.js" type="text/javascript">
</script>
<script src="media/system/js/modal.js" type="text/javascript">
</script>
<script src="modules/mod_slideshowck/assets/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="modules/mod_slideshowck/assets/jquery.mobile.customized.min.js" type="text/javascript">
</script>
<script src="modules/mod_slideshowck/assets/camera.min.js" type="text/javascript">
</script>
<script type="text/javascript">
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
jQuery(function($) {
SqueezeBox.initialize({
});
SqueezeBox.assign($('a.modal').get(), {
parse: 'rel'
});
});
</script>
<link href="templates/archimining/css/desktop.css" rel="stylesheet" type="text/css">
<link href="templates/archimining/css/smartphone.css" rel="stylesheet" type="text/css">
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments);
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', 'http://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-57766210-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="homepage">
<div id="wrapper">
<div id="header">
<div id="header-inner1">
<div class="customsocial">
<p>
<a href="https://instagram.com/indoestri" target="_blank" title="Instagram">
<img alt="instagram2" src="images/instagram2.png">
</a>
<a href="https://facebook.com/indoestrimakerspace" target="_blank" title="Facebook">
<img alt="facebook-icon" src="images/facebook-icon.png">
</a>
</p>
</div>
</div>
<div id="header-inner2">
<div id="logo">
<div class="custom">
<p>
<a href="/" title="Indoestri">
<img alt="" src="images/logo.png">
</a>
</p>
</div>
</div>
</div>
<label class="show-menu" for="show-menu">
Menu +
</label>
<input id="show-menu" role="button" type="checkbox">
<div id="menu">
<ul class="nav menu">
<li class="item-125">
<a href="social-media">
Social Media
</a>
</li>
<li class="item-134 deeper parent">
<a href="classes-schedules">
Classes & Schedules
</a>
<ul class="nav-child unstyled small">
<li class="item-135 deeper parent">
<a href="classes-schedules/guest-workshop">
Guest Workshop
</a>
<ul class="nav-child unstyled small">
<li class="item-179">
<a href="classes-schedules/guest-workshop/embroidery-class">
Embroidery Class
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="item-101 current active">
<a href="/">
Home
</a>
</li>
<li class="item-102 deeper parent">
<a href="about-indoestri">
About
</a>
<ul class="nav-child unstyled small">
<li class="item-163 divider">
<span class="separator">
about
</span>
</li>
<li class="item-117">
<a href="about-indoestri/values-brand">
Values & Brand
</a>
</li>
<li class="item-174">
<a href="about-indoestri/team">
Team
</a>
</li>
<li class="item-130">
<a href="about-indoestri/the-cafe">
The Cafe
</a>
</li>
<li class="item-131">
<a href="about-indoestri/coworking-space">
Coworking Space
</a>
</li>
<li class="item-128">
<a href="about-indoestri/faq">
FAQ
</a>
</li>
<li class="item-169">
<a href="about-indoestri/coworking-space">
Offices
</a>
</li>
<li class="item-171">
<a href="about-indoestri/the-cafe">
cafe
</a>
</li>
</ul>
</li>
<li class="item-203">
<a href="workshop-sub/index">
Workshops
</a>
</li>
<li class="item-261">
<a href="instructor">
Instructor
</a>
</li>
<li class="item-220">
<a href="long-haul">
Long Haul
</a>
</li>
<li class="item-119 deeper parent">
<a href="membership">
Membership
</a>
<ul class="nav-child unstyled small">
<li class="item-164 divider">
<span class="separator">
membership
</span>
</li>
<li class="item-165">
<a href="membership">
plans
</a>
</li>
<li class="item-150">
<a href="membership/basic-membership">
basic membership
</a>
</li>
<li class="item-151">
<a href="membership/day-pass">
day pass
</a>
</li>
<li class="item-152">
<a href="membership/full-membership">
full membership
</a>
</li>
</ul>
</li>
<li class="item-136">
<a href="events">
Events
</a>
</li>
<li class="item-126">
<a href="june-2017">
Blog
</a>
</li>
<li class="item-127 deeper parent">
<a href="contact">
Contact
</a>
<ul class="nav-child unstyled small">
<li class="item-132">
<a href="contact/contact-us">
Contact
</a>
</li>
<li class="item-133">
<a href="contact/general-inquiry">
General Inquiry
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div id="banner">
<!--[if lte IE 7]>
<link href="/modules/mod_slideshowck/themes/default/css/camera_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link href="/modules/mod_slideshowck/themes/default/css/camera_ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
<!--
jQuery(function(){
jQuery('#camera_wrap_131').camera({
height: '450',
minHeight: '',
pauseOnClick: false,
hover: 1,
fx: 'scrollHorz',
loader: 'none',
pagination: 0,
thumbnails: 0,
thumbheight: 75,
thumbwidth: 100,
time: 5000,
transPeriod: 1500,
alignment: 'center',
autoAdvance: 1,
mobileAutoAdvance: 1,
portrait: 0,
barDirection: 'leftToRight',
imagePath: '/modules/mod_slideshowck/images/',
lightbox: 'mediaboxck',
fullpage: 0,
mobileimageresolution: '0',
navigationHover: false,
navigation: true,
playPause: true,
barPosition: 'bottom'
});
}); //-->
</script>
<!-- debut Slideshow CK -->
<div class="slideshowck camera_wrap camera_amber_skin" id="camera_wrap_131" style="width:1014px;">
<div data-link="/" data-src="" data-target="_parent">
</div>
<div data-link="/" data-src="" data-target="_parent">
</div>
<div data-link="/" data-src="" data-target="_parent">
</div>
</div>
<div style="clear:both;">
</div>
<!-- fin Slideshow CK -->
<div class="bannergroup">
</div>
</div>
<div id="content">
<div class="blog-featuredhomepage" itemscope="" itemtype="http://schema.org/Blog">
<div class="items-leading clearfix">
<div class="leading-0 clearfix" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<h2 class="item-title" itemprop="name">
Home Static Banners
</h2>
<p>
<a href="june-2017">
<span style="margin-right: 26px;">
<img alt="00 FotoBlog-Cover" src="images/00_FotoBlog-Cover.jpg" style="margin-bottom: 15px;">
</span>
</a>
<img alt="dummyimage" src="images/dummyimage.png" style="margin-bottom: 15px;">
<a href="index_php/membership" style="margin-right: 23px;">
<img alt="" src="images/subbanner1.png" style="margin-bottom: 15px;">
</a>
<a href="index_php/events" style="margin-right: 24px;">
<img alt="" src="images/subbanner2.png" style="margin-bottom: 15px;">
</a>
<a href="workshops_id-92">
<img alt="" src="images/inhouse-classes.jpg" style="margin-bottom: 15px;">
</a>
<a href="index_php/about-indoestri/the-cafe" style="margin-right: 23px;">
<img alt="" src="images/subbanner4.png">
</a>
<a href="index_php/about-indoestri/coworking-space">
<img alt="" src="images/officesatindoestri.jpg" style="margin-right: 23px;">
</a>
<a href="workshops_id-92">
<img alt="" src="images/guestworkshops.jpg">
</a>
</p>
<div id="instafeed">
<img alt="" src="images/insta-feed.png">
</div>
</div>
</div>
</div>
</div>
<div id="banner-bottom">
<div class="customlightwidget">
<p>
</p>
<div style="position: absolute; top: 677px; margin-left: 689px;">
<!-- LightWidget WIDGET -->
<script src="widgets/lightwidget.js">
</script>
<iframe allowtransparency="true" class="lightwidget-widget" scrolling="no" src="widgets/f4bc550e13615f49b038eca6ddb533c4_ext_iframe" style="width: 326px; border: 0; overflow: hidden;">
</iframe>
</div>
</div>
</div>
<div id="footer">
<div id="footerinfo">
<div class="customfooterinfo">
<p>
INDOESTRI Maker Space. +62 21 5415510.
<a href="/cdn-cgi/l/email-protection#b8d1d6ded7f8d1d6dcd7ddcbcccad196dbd7d5">
<span class="__cf_email__" data-cfemail="4c25222a230c25222823293f383e25622f2321">
[email protected]
</span>
</a>
</p>
</div>
</div>
<div id="footermenu">
<div class="customfootermenuleft">
<p>
<a href="index_php/membership">
SIGN UP MEMBERSHIP
</a>
</p>
<p>
<a href="index_php/events">
UPCOMING EVENTS
</a>
</p>
<p>
<a href="index_php/classes-schedules">
IN-HOUSE CLASSES
</a>
</p>
<p>
<a href="index_php/classes-schedules/guest-workshop">
GUEST WORKSHOP
</a>
</p>
<p>
<a href="index_php/about-indoestri/coworking-space">
OFFICES AT INDOESTRI
</a>
</p>
<p>
<a href="index_php/about-indoestri/the-cafe">
INDOESTRI CAFE
</a>
</p>
</div>
<div class="customfootermenuright">
<div>
<p>
ABOUT
</p>
<p>
<a href="index_php/about-indoestri/values-brand">
VALUES & BRAND
</a>
</p>
<p>
<a href="index_php/about-indoestri/team">
TEAM
</a>
</p>
<p>
<a href="about-indoestri/faq">
FAQ
</a>
</p>
<p>
</p>
</div>
<div>
<p>
MEMBERSHIP
</p>
<p>
<a href="membership">
MEMBERSHIP
</a>
</p>
<p>
<a href="classes-schedules/guest-workshop">
GUEST WORKSHOP
</a>
</p>
<p>
<a href="classes-schedules">
IN-HOUSE CLASSES
</a>
</p>
<p>
</p>
</div>
<div>
<p>
<a class="header" href="index_php/events">
EVENTS
</a>
</p>
<p>
</p>
</div>
<div>
<p>
SPACE
</p>
<p>
<a href="about-indoestri/coworking-space">
OFFICES
</a>
</p>
<p>
<a href="about-indoestri/the-cafe">
CAFE
</a>
</p>
<p>
<a href="design-fabrication">
DESIGN & FABRICATION
</a>
</p>
<p>
</p>
</div>
<div>
<p>
<a class="header" href="index_php/september-2014">
BLOG
</a>
</p>
<p>
</p>
</div>
<div>
<p>
<a class="header" href="index_php/contact/contact-us">
CONTACT
</a>
</p>
<p>
<a href="index_php/contact/general-inquiry">
GENERAL INQUIRY
</a>
</p>
<p>
<a href="index_php/contact/career">
CAREER
</a>
</p>
<p>
</p>
</div>
</div>
<div class="customfootercopyright">
<p>
COPYRIGHT 2014.
<strong>
INDOESTRI
</strong>
Maker Space ALL RIGHTS RESERVED.
</p>
</div>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
</script>
</body>
</html>