<div class="muncul">
    <table style="padding: 0 !important; margin: 0 !important; border: 0;" width="90%">
    	<thead>   		
            <tr>
                <th style="border: 0 !important; padding: 0;" width="15%"></th>
                <th style="border: 0; padding: 0;" width="15%" class="mini">
                    <span>
                        Mini
                    </span>
                    <h3>
                        Rp 500.000/bln
                    </h3>
                </th>
                <th style="border: 0; padding: 0;" width="15%" class="small">
                    <span>
                        Small
                    </span>
                    <h3>
                        Rp 700.000/bln
                    </h3>
                </th>
                <th style="border: 0; padding: 0;" width="15%" class="medium">
                    <span>
                        Medium
                    </span>
                    <h3>
                        Rp 800.000/bln
                    </h3>
                </th>
                <th style="border: 0; padding: 0;" width="15%" class="large">
                    <span>
                        Large
                    </span>
                    <h3>
                        Rp 1.000.000/bln
                    </h3>
                </th>
                <th style="border: 0; padding: 0;" width="15%" class="custom">
                    <span>
                        Custom
                    </span>
                    <h3><i class="fa fa-phone"></i> Hubungi Kami</h3>
                </th>
            </tr>
    	</thead>
        <tbody>
            <tr>
                <td class="side-judul">
                    <h4>
                        Max User Concurrent
                    </h4>
                    *Jumlah pengguna Online bersamaan dalam satu waktu
                </td>
                <td>100</td>
                <td>200</td>
                <td>300</td>
                <td>500</td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                    <h4>
                        Storage
                    </h4>
                </td>
                <td>20 GB</td>
                <td>50 GB</td>
                <td>100 GB </td>
                <td>200 GB </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                	<h4>
                		Latest Moodle Version
                	</h4>
                	*Versi terbaru moodle
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                	<h4>
                		Personalised Site Name
                	</h4>
                	*Penyesuaian logo dan nama institusi pada sistem
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr style="display: none;">
                <td class="side-judul">
                	<h4>
                		Web Conferencing with Big Blue Button
                	</h4>
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                </td>
            </tr>
            <tr  style="display: none;">
                <td class="side-judul">
                	<div>
                		<h4><i class="fa fa-angle-double-right"></i> </h4>
                	</div>
                	<div>
                		<h4>
                			Max users per session
                		</h4>
                		*jumlah peserta dalam satu sesi video konferensi
                	</div>
                </td>
                <td>30</td>
                <td>50</td>
                <td>100</td>
                <td>100</td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                </td>
            </tr>
            <tr style="display: none;">
                <td class="side-judul">
                	<div>
                		<h4><i class="fa fa-angle-double-right"></i> </h4>
                	</div>
                	<div>
                		<h4>
                			Session Recording
                		</h4>
                		*File tersimpan dalam tiga hari
                	</div>
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                	<h4>
                		Setup & Configuration
                	</h4>
                </td>
                <td>Gratis</td>
                <td>Gratis</td>
                <td>Gratis</td>
                <td>Gratis</td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                	<h4>
                		Support & Maintenance 24/7
                	</h4>
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;
"></i>
                </td>
            </tr>
            <tr>
                <td class="side-judul">
                	<h4>
                		Minimum Contract
                	</h4>
                </td>
                <td>3 Bulan </td>
                <td>3 Bulan </td>
                <td>3 Bulan </td>
                <td>3 Bulan </td>
                <td>
                	<i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                </td>
            </tr>
            <tr>
                <td style="border: 0; padding: 10px;" width="19"></td>
                <td style="text-align: center; border: 0;" width="16%">
                    <strong>
                        <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-mini/"> 
                        	<button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                        </a>
                    </strong>
                </td>
                <td style="text-align: center; border: 0;" width="16%">
                    <strong>
                        <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-small/">
                        	<button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                        </a>
                    </strong>
                </td>
                <td style="text-align: center; border: 0;" width="16%">
                    <strong>
                        <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-medium/">
                        	<button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                        </a>
                    </strong>
                </td>
                <td style="text-align: center; border: 0;" width="16%">
                    <strong>
                        <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-large/">
                        	<button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                        </a>
                    </strong>
                </td>
                <td style="text-align: center; border: 0;" width="16%">
                    <strong>
                        <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-custom/">
                        	<button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                        </a>
                    </strong>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<div class="sembunyi">
    <table style="padding: 0 !important; margin: 0 !important; border: 0;">
    	<thead>   		
            <tr>
                <th style="border: 0 !important; padding: 0;" width="15%" class="mini">
                    <span>
                        Paket Mini
                    </span>
                    <h3 style=" border-radius: 0; margin: 0; border-top-left-radius: 30px;border-top-right-radius: 30px;">
                        Rp 500.000/bln
                    </h3>
                </th>
            </tr>
        </thead>
        <tbody>    	
        	<tr>
        		<td style="border: 0; padding: 0;">
				    						<style>
				#wpsm_accordion_109 .wpsm_panel-heading{
	padding:0px !important;
}
#wpsm_accordion_109 .wpsm_panel-title {
	margin:0px !important; 
	text-transform:none !important;
	line-height: 1 !important;
}
#wpsm_accordion_109 .wpsm_panel-title a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:0px;
	font-size: 18px !important;
	font-family: Open Sans !important;
	color:#000000 !important;
	border-bottom:0px !important;
}

#wpsm_accordion_109 .wpsm_panel-title a:focus {
outline: 0px !important;
}

#wpsm_accordion_109 .wpsm_panel-title a:hover, #wpsm_accordion_109 .wpsm_panel-title a:focus {
	color:#000000 !important;
}
#wpsm_accordion_109 .acc-a{
	color: #000000 !important;
	background-color:#e8e8e8 !important;
	border-color: #ddd;
}
#wpsm_accordion_109 .wpsm_panel-default > .wpsm_panel-heading{
	color: #000000 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#wpsm_accordion_109 .wpsm_panel-default {
		border:1px solid transparent !important;
	}
#wpsm_accordion_109 {
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	width: 100%;
	display: block;
}
#wpsm_accordion_109 .ac_title_class{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
#wpsm_accordion_109  .wpsm_panel {
	overflow:hidden;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		border-radius: 4px;
	}
#wpsm_accordion_109  .wpsm_panel + .wpsm_panel {
		margin-top: 5px;
	}
#wpsm_accordion_109  .wpsm_panel-body{
	background-color:#ffffff !important;
	color:#000000 !important;
	border-top-color: #e8e8e8 !important;
	font-size:16px !important;
	font-family: Open Sans !important;
	overflow: hidden;
		border: 2px solid #e8e8e8 !important;
	}

#wpsm_accordion_109 .ac_open_cl_icon{
	background-color:#e8e8e8 !important;
	color: #000000 !important;
	float:right !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: inline-block !important;
}

			
				
	
			</style>
			<div class="wpsm_panel-group" id="wpsm_accordion_109" >
								
					<!-- Inner panel Start -->
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class=""  data-toggle="collapse" data-parent="#wpsm_accordion_109 " href="#ac_109_collapse1"  >
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
									Spesifikasi								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_109_collapse1" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<table>
            <tbody>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Storage
                        </h4>
                    </td>
                    <td>100</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Max User Concurrent
                        </h4>
                        *Jumlah pengguna Online bersamaan dalam satu waktu
                    </td>
                    <td>20 GB</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Latest Moodle Version
                        </h4>
                        *Versi terbaru moodle
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Personalised Site Name
                        </h4>
                        *Penyesuaian logo dan nama institusi pada sistem
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Web Conferencing with Big Blue Button
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Max users per session
                            </h4>
                            *jumlah peserta dalam satu sesi video konferensi
                        </div>
                    </td>
                    <td>30</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Session Recording
                            </h4>
                            *File tersimpan dalam tiga hari
                        </div>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Setup & Configuration
                        </h4>
                    </td>
                    <td>Gratis</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Support & Maintenance 24/7
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Minimum Contract
                        </h4>
                    </td>
                    <td>3 Bulan </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; border: 0;">
                        <strong>
                            <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-mini/"> 
                                <button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                            </a>
                        </strong>
                    </td>
                </tr>
            </tbody>
        </table>						  </div>
						</div>
					</div>
					<!-- Inner panel End -->
					
							</div>
							</td>
			</tr>
        </tbody>
    </table>
</div>

<div class="sembunyi">
    <table style="padding: 0 !important; margin: 0 !important; border: 0;margin-top: 5% !important;">
    	<thead>   		
            <tr>
                <th style="border: 0 !important; padding: 0;" class="small">
                    <span>
                        Paket Small
                    </span>
                    <h3 style=" border-radius: 0; margin: 0; border-top-left-radius: 30px;border-top-right-radius: 30px;">
                        Rp 700.000/bln
                    </h3>
                </th>
            </tr>
        </thead>
        <tbody>    	
        	<tr>
        		<td style="border: 0; padding: 0;">
				    						<style>
				#wpsm_accordion_110 .wpsm_panel-heading{
	padding:0px !important;
}
#wpsm_accordion_110 .wpsm_panel-title {
	margin:0px !important; 
	text-transform:none !important;
	line-height: 1 !important;
}
#wpsm_accordion_110 .wpsm_panel-title a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:0px;
	font-size: 18px !important;
	font-family: Open Sans !important;
	color:#000000 !important;
	border-bottom:0px !important;
}

#wpsm_accordion_110 .wpsm_panel-title a:focus {
outline: 0px !important;
}

#wpsm_accordion_110 .wpsm_panel-title a:hover, #wpsm_accordion_110 .wpsm_panel-title a:focus {
	color:#000000 !important;
}
#wpsm_accordion_110 .acc-a{
	color: #000000 !important;
	background-color:#e8e8e8 !important;
	border-color: #ddd;
}
#wpsm_accordion_110 .wpsm_panel-default > .wpsm_panel-heading{
	color: #000000 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#wpsm_accordion_110 .wpsm_panel-default {
		border:1px solid transparent !important;
	}
#wpsm_accordion_110 {
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	width: 100%;
	display: block;
}
#wpsm_accordion_110 .ac_title_class{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
#wpsm_accordion_110  .wpsm_panel {
	overflow:hidden;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		border-radius: 4px;
	}
#wpsm_accordion_110  .wpsm_panel + .wpsm_panel {
		margin-top: 5px;
	}
#wpsm_accordion_110  .wpsm_panel-body{
	background-color:#ffffff !important;
	color:#000000 !important;
	border-top-color: #e8e8e8 !important;
	font-size:16px !important;
	font-family: Open Sans !important;
	overflow: hidden;
		border: 2px solid #e8e8e8 !important;
	}

#wpsm_accordion_110 .ac_open_cl_icon{
	background-color:#e8e8e8 !important;
	color: #000000 !important;
	float:right !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: inline-block !important;
}

			
				
	
			</style>
			<div class="wpsm_panel-group" id="wpsm_accordion_110" >
								
					<!-- Inner panel Start -->
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class=""  data-toggle="collapse" data-parent="#wpsm_accordion_110 " href="#ac_110_collapse1"  >
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
									Spesifikasi								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_110_collapse1" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<table>
            <tbody>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Storage
                        </h4>
                    </td>
                    <td>200</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Max User Concurrent
                        </h4>
                        *Jumlah pengguna Online bersamaan dalam satu waktu
                    </td>
                    <td>50 GB</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Latest Moodle Version
                        </h4>
                        *Versi terbaru moodle
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Personalised Site Name
                        </h4>
                        *Penyesuaian logo dan nama institusi pada sistem
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Web Conferencing with Big Blue Button
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Max users per session
                            </h4>
                            *jumlah peserta dalam satu sesi video konferensi
                        </div>
                    </td>
                    <td>50</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Session Recording
                            </h4>
                            *File tersimpan dalam tiga hari
                        </div>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Setup & Configuration
                        </h4>
                    </td>
                    <td>Gratis</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Support & Maintenance 24/7
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Minimum Contract
                        </h4>
                    </td>
                    <td>3 Bulan </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; border: 0;">
                        <strong>
                            <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-small/"> 
                                <button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                            </a>
                        </strong>
                    </td>
                </tr>
            </tbody>
        </table>						  </div>
						</div>
					</div>
					<!-- Inner panel End -->
					
							</div>
							</td>
			</tr>
        </tbody>
    </table>
</div>

<div class="sembunyi">
    <table style="padding: 0 !important; margin: 0 !important; border: 0; margin-top: 5% !important;">
    	<thead>   		
            <tr>
                <th style="border: 0 !important; padding: 0;" class="medium">
                    <span>
                        Paket Medium
                    </span>
                    <h3 style=" border-radius: 0; margin: 0; border-top-left-radius: 30px;border-top-right-radius: 30px;">
                        Rp 800.000/bln
                    </h3>
                </th>
            </tr>
        </thead>
        <tbody>    	
        	<tr>
        		<td style="border: 0; padding: 0;">
				    						<style>
				#wpsm_accordion_111 .wpsm_panel-heading{
	padding:0px !important;
}
#wpsm_accordion_111 .wpsm_panel-title {
	margin:0px !important; 
	text-transform:none !important;
	line-height: 1 !important;
}
#wpsm_accordion_111 .wpsm_panel-title a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:0px;
	font-size: 18px !important;
	font-family: Open Sans !important;
	color:#000000 !important;
	border-bottom:0px !important;
}

#wpsm_accordion_111 .wpsm_panel-title a:focus {
outline: 0px !important;
}

#wpsm_accordion_111 .wpsm_panel-title a:hover, #wpsm_accordion_111 .wpsm_panel-title a:focus {
	color:#000000 !important;
}
#wpsm_accordion_111 .acc-a{
	color: #000000 !important;
	background-color:#e8e8e8 !important;
	border-color: #ddd;
}
#wpsm_accordion_111 .wpsm_panel-default > .wpsm_panel-heading{
	color: #000000 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#wpsm_accordion_111 .wpsm_panel-default {
		border:1px solid transparent !important;
	}
#wpsm_accordion_111 {
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	width: 100%;
	display: block;
}
#wpsm_accordion_111 .ac_title_class{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
#wpsm_accordion_111  .wpsm_panel {
	overflow:hidden;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		border-radius: 4px;
	}
#wpsm_accordion_111  .wpsm_panel + .wpsm_panel {
		margin-top: 5px;
	}
#wpsm_accordion_111  .wpsm_panel-body{
	background-color:#ffffff !important;
	color:#000000 !important;
	border-top-color: #e8e8e8 !important;
	font-size:16px !important;
	font-family: Open Sans !important;
	overflow: hidden;
		border: 2px solid #e8e8e8 !important;
	}

#wpsm_accordion_111 .ac_open_cl_icon{
	background-color:#e8e8e8 !important;
	color: #000000 !important;
	float:right !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: inline-block !important;
}

			
				
	
			</style>
			<div class="wpsm_panel-group" id="wpsm_accordion_111" >
								
					<!-- Inner panel Start -->
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class=""  data-toggle="collapse" data-parent="#wpsm_accordion_111 " href="#ac_111_collapse1"  >
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
									Spesifikasi								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_111_collapse1" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<table>
            <tbody>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Storage
                        </h4>
                    </td>
                    <td>300</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Max User Concurrent
                        </h4>
                        *Jumlah pengguna Online bersamaan dalam satu waktu
                    </td>
                    <td>100 GB</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Latest Moodle Version
                        </h4>
                        *Versi terbaru moodle
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Personalised Site Name
                        </h4>
                        *Penyesuaian logo dan nama institusi pada sistem
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Web Conferencing with Big Blue Button
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Max users per session
                            </h4>
                            *jumlah peserta dalam satu sesi video konferensi
                        </div>
                    </td>
                    <td>100</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Session Recording
                            </h4>
                            *File tersimpan dalam tiga hari
                        </div>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Setup & Configuration
                        </h4>
                    </td>
                    <td>Gratis</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Support & Maintenance 24/7
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Minimum Contract
                        </h4>
                    </td>
                    <td>3 Bulan </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; border: 0;">
                        <strong>
                            <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-medium/"> 
                                <button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                            </a>
                        </strong>
                    </td>
                </tr>
            </tbody>
        </table>						  </div>
						</div>
					</div>
					<!-- Inner panel End -->
					
							</div>
							</td>
			</tr>
        </tbody>
    </table>
</div>

<div class="sembunyi">
    <table style="padding: 0 !important; margin: 0 !important; border: 0; margin-top: 5% !important;">
    	<thead>   		
            <tr>
                <th style="border: 0 !important; padding: 0;" class="large">
                    <span>
                        Paket Large
                    </span>
                    <h3 style=" border-radius: 0; margin: 0; border-top-left-radius: 30px;border-top-right-radius: 30px;">
                        Rp 1.000.000/bln
                    </h3>
                </th>
            </tr>
        </thead>
        <tbody>    	
        	<tr>
        		<td style="border: 0 !important; padding: 0;">
				    						<style>
				#wpsm_accordion_112 .wpsm_panel-heading{
	padding:0px !important;
}
#wpsm_accordion_112 .wpsm_panel-title {
	margin:0px !important; 
	text-transform:none !important;
	line-height: 1 !important;
}
#wpsm_accordion_112 .wpsm_panel-title a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:0px;
	font-size: 18px !important;
	font-family: Open Sans !important;
	color:#000000 !important;
	border-bottom:0px !important;
}

#wpsm_accordion_112 .wpsm_panel-title a:focus {
outline: 0px !important;
}

#wpsm_accordion_112 .wpsm_panel-title a:hover, #wpsm_accordion_112 .wpsm_panel-title a:focus {
	color:#000000 !important;
}
#wpsm_accordion_112 .acc-a{
	color: #000000 !important;
	background-color:#e8e8e8 !important;
	border-color: #ddd;
}
#wpsm_accordion_112 .wpsm_panel-default > .wpsm_panel-heading{
	color: #000000 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#wpsm_accordion_112 .wpsm_panel-default {
		border:1px solid transparent !important;
	}
#wpsm_accordion_112 {
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	width: 100%;
	display: block;
}
#wpsm_accordion_112 .ac_title_class{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
#wpsm_accordion_112  .wpsm_panel {
	overflow:hidden;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		border-radius: 4px;
	}
#wpsm_accordion_112  .wpsm_panel + .wpsm_panel {
		margin-top: 5px;
	}
#wpsm_accordion_112  .wpsm_panel-body{
	background-color:#ffffff !important;
	color:#000000 !important;
	border-top-color: #e8e8e8 !important;
	font-size:16px !important;
	font-family: Open Sans !important;
	overflow: hidden;
		border: 2px solid #e8e8e8 !important;
	}

#wpsm_accordion_112 .ac_open_cl_icon{
	background-color:#e8e8e8 !important;
	color: #000000 !important;
	float:right !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: inline-block !important;
}

			
				
	
			</style>
			<div class="wpsm_panel-group" id="wpsm_accordion_112" >
								
					<!-- Inner panel Start -->
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class=""  data-toggle="collapse" data-parent="#wpsm_accordion_112 " href="#ac_112_collapse1"  >
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
									Spesifikasi								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_112_collapse1" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<table>
            <tbody>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Storage
                        </h4>
                    </td>
                    <td>500</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Max User Concurrent
                        </h4>
                        *Jumlah pengguna Online bersamaan dalam satu waktu
                    </td>
                    <td>200 GB</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Latest Moodle Version
                        </h4>
                        *Versi terbaru moodle
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Personalised Site Name
                        </h4>
                        *Penyesuaian logo dan nama institusi pada sistem
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Web Conferencing with Big Blue Button
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Max users per session
                            </h4>
                            *jumlah peserta dalam satu sesi video konferensi
                        </div>
                    </td>
                    <td>100</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Session Recording
                            </h4>
                            *File tersimpan dalam tiga hari
                        </div>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Setup & Configuration
                        </h4>
                    </td>
                    <td>Gratis</td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Support & Maintenance 24/7
                        </h4>
                    </td>
                    <td>
                        <img src="https://sioke.magnitudo.id/wp-content/uploads/2020/07/include.png" width="20">
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Minimum Contract
                        </h4>
                    </td>
                    <td>3 Bulan </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; border: 0;">
                        <strong>
                            <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-large/"> 
                                <button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                            </a>
                        </strong>
                    </td>
                </tr>
            </tbody>
        </table>						  </div>
						</div>
					</div>
					<!-- Inner panel End -->
					
							</div>
							</td>
			</tr>
        </tbody>
    </table>
</div>

<div class="sembunyi">
    <table style="padding: 0 !important; margin: 0 !important; border: 0; margin-top: 5% !important;">
        <thead>         
            <tr>
                <th style="border: 0 !important; padding: 0;" class="custom">
                    <span>
                        Paket Custom
                    </span>
                    <h3 style=" border-radius: 0; margin: 0; border-top-left-radius: 30px;border-top-right-radius: 30px;"><i class="fa fa-phone"></i> Hubungi Kami</h3>
                </th>
            </tr>
        </thead>
        <tbody>     
            <tr>
                <td style="border: 0 !important; padding: 0;">
                    						<style>
				#wpsm_accordion_139 .wpsm_panel-heading{
	padding:0px !important;
}
#wpsm_accordion_139 .wpsm_panel-title {
	margin:0px !important; 
	text-transform:none !important;
	line-height: 1 !important;
}
#wpsm_accordion_139 .wpsm_panel-title a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding:0px;
	font-size: 18px !important;
	font-family: Open Sans !important;
	color:#000000 !important;
	border-bottom:0px !important;
}

#wpsm_accordion_139 .wpsm_panel-title a:focus {
outline: 0px !important;
}

#wpsm_accordion_139 .wpsm_panel-title a:hover, #wpsm_accordion_139 .wpsm_panel-title a:focus {
	color:#000000 !important;
}
#wpsm_accordion_139 .acc-a{
	color: #000000 !important;
	background-color:#e8e8e8 !important;
	border-color: #ddd;
}
#wpsm_accordion_139 .wpsm_panel-default > .wpsm_panel-heading{
	color: #000000 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#wpsm_accordion_139 .wpsm_panel-default {
		border:1px solid transparent !important;
	}
#wpsm_accordion_139 {
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	width: 100%;
	display: block;
}
#wpsm_accordion_139 .ac_title_class{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
#wpsm_accordion_139  .wpsm_panel {
	overflow:hidden;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		border-radius: 4px;
	}
#wpsm_accordion_139  .wpsm_panel + .wpsm_panel {
		margin-top: 5px;
	}
#wpsm_accordion_139  .wpsm_panel-body{
	background-color:#ffffff !important;
	color:#000000 !important;
	border-top-color: #e8e8e8 !important;
	font-size:16px !important;
	font-family: Open Sans !important;
	overflow: hidden;
		border: 2px solid #e8e8e8 !important;
	}

#wpsm_accordion_139 .ac_open_cl_icon{
	background-color:#e8e8e8 !important;
	color: #000000 !important;
	float:right !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: inline-block !important;
}

			
				
	
			</style>
			<div class="wpsm_panel-group" id="wpsm_accordion_139" >
								
					<!-- Inner panel Start -->
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class=""  data-toggle="collapse" data-parent="#wpsm_accordion_139 " href="#ac_139_collapse1"  >
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
									Spesifikasi								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_139_collapse1" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<table>
            <tbody>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Storage
                        </h4>
                    </td>
                    <td><i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i></td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Max User Concurrent
                        </h4>
                        *Jumlah pengguna Online bersamaan dalam satu waktu
                    </td>
                    <td><i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i></td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Latest Moodle Version
                        </h4>
                        *Versi terbaru moodle
                    </td>
                    <td>
                        <i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Personalised Site Name
                        </h4>
                        *Penyesuaian logo dan nama institusi pada sistem
                    </td>
                    <td>
                        <i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Web Conferencing with Big Blue Button
                        </h4>
                    </td>
                    <td>
                        <i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Max users per session
                            </h4>
                            *jumlah peserta dalam satu sesi video konferensi
                        </div>
                    </td>
                    <td><i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i></td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <div>
                            <h4><i class="fa fa-angle-double-right"></i> </h4>
                        </div>
                        <div>
                            <h4>
                                Session Recording
                            </h4>
                            *File tersimpan dalam tiga hari
                        </div>
                    </td>
                    <td>
                        <i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Setup & Configuration
                        </h4>
                    </td>
                    <td><i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i></td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Support & Maintenance 24/7
                        </h4>
                    </td>
                    <td>
                        <i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i>
                    </td>
                </tr>
                <tr>
                    <td class="side-judul">
                        <h4>
                            Minimum Contract
                        </h4>
                    </td>
                    <td><i class="fa fa-question-circle" style=" font-size: 20px; color: #fb5656 !important;"></i></td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; border: 0;">
                        <strong>
                            <a style="text-decoration: none; color: #fff;" href="https://sioke.magnitudo.id/index.php/daftar-sekarang/paket-custom/"> 
                                <button type="button" class="btn btn-info btn-block">Pilih Paket</button>
                            </a>
                        </strong>
                    </td>
                </tr>
            </tbody>
        </table>						  </div>
						</div>
					</div>
					<!-- Inner panel End -->
					
							</div>
			                </td>
            </tr>
        </tbody>
    </table>
</div>

{"id":12,"date":"2020-07-08T05:55:58","date_gmt":"2020-07-08T05:55:58","guid":{"rendered":"http:\/\/localhost:8080\/sioke\/?page_id=12"},"modified":"2020-07-14T08:02:11","modified_gmt":"2020-07-14T08:02:11","slug":"biaya","status":"publish","type":"page","link":"https:\/\/sioke.magnitudo.id\/index.php\/biaya\/","title":{"rendered":"Biaya"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/pages\/12"}],"collection":[{"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":3,"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/sioke.magnitudo.id\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}