<style type="text/css">
/*DLGEN - Codepelajar.com*/
.container{max-width:640px;margin:24px auto}#dbox{background:white;padding:24px;line-height:1.6;box-sizing:border-box}#dbox *{box-sizing:border-box}.dbox-head{text-align:center;padding:24px;background:rgba(0,0,0,0.5);color:#fff;margin-bottom:24px}.dbox-head h4{margin:0;font-size:24px}.dbox-input label{display:inline-block;width:100%;margin-bottom:5px}.dbox-input input[type="text"]{padding:10px 10px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);font-size:16px;width:100%;margin-bottom:10px}.dbox-row{display:flex;flex-wrap:wrap;width:100%}.dbox-full{width:100%;padding:0 5px}.dbox-cell-2{width:50%;padding:0 5px}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-tarea{width:100%;max-width:100%;height:300px;padding:14px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);resize:none}
/* DOWNLOAD */
.btn{outline:0;margin-bottom:5px;display:inline-flex;align-items:center;justify-content:space-between;background:#e74c3c;min-width:130px;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);box-sizing:border-box;padding:16px 20px;color:#ecf0f1;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;overflow:hidden;cursor:pointer;}
.btn:hover{background:#c0392b}
.btn:focus .dropdown,.btn:active .dropdown{transform:translate(0,20px);opacity:1;visibility:visible;}.btn .material-icons{border-radius:5px;padding:3px;-webkit-animation:ripple 0.6s linear infinite;animation:ripple 0.6s linear infinite;}.btn .dropdown{position:fixed;z-index:9999;top:40%;left:40%;background:#ecf0f1;width:150px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;transition:0.3s ease;}.btn .dropdown li{z-index:1;position:relative;background:#ecf0f1;padding:0 20px;color:#666;}
.btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1}
.btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c}
.btn .dropdown li:first-child{border-radius:4px 4px 0 0;}.btn .dropdown li:last-child{border-radius:0 0 4px 4px;}.btn .dropdown li:last-child a{border-bottom:0;}.btn .dropdown a{display:block;border-bottom:1px solid rgba(0,0,0,0.05);padding:16px 0;color:inherit;font-size:10px;text-decoration:none;}@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}
.dbox-wrapper * {box-sizing: border-box;}
#dbox-tb {text-align:center}
#dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px}
.dbox-tb1 {width:99%}
.dbox-tb2 {background-color:#e74c3c;border-color:#e74c3c;display:inline-block;padding:6px 12px;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all .9}
.dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b}
.dbox-tb3 {width:49%;float:none}
.dbox-tb4 {width:49%;float:none}
.dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f}
.dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px}
.dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top}
.disabled{pointer-events:none;cursor:default;background:#bdc3c7}
.disabled:hover{pointer-events:none!important}
</style>
<div class='container'>
<!-- GENERATOR START -->
<div id='dbox' ng-app="">
<div class='dbox-head'>
<h4>Download Generator - AngularJS</h4>
<span>Original by - codepelajar.com - Mod by rizqijune</span>
</div>
<div class='dbox-input'>
<div class='dbox-row'>
<div class='dbox-full'>
<label>Nama Anime</label>
<input type='text' ng-model='nama_anime' />
</div>
<!-- RESOLUSI START -->
<div class='dbox-cell-2'>
<label>Resolusi 1_1</label>
<input type='text' value="240" ng-model='resolusi_1' />
</div>
<div class='dbox-cell-2'>
<label>Resolusi 2_1</label>
<input type='text' value="360" ng-model='resolusi_2' />
</div>
<div class='dbox-cell-2'>
<label>Resolusi 3_1</label>
<input type='text' value="480" ng-model='resolusi_3' />
</div>
<div class='dbox-cell-2'>
<label>Resolusi 4_1</label>
<input type='text' value="720" ng-model='resolusi_4' />
</div>
<div class='dbox-cell-2'>
<label>Resolusi 5_1</label>
<input type='text' value="1080" ng-model='resolusi_5' />
</div>
<div class='dbox-cell-2'>
<label>Resolusi 6_1</label>
<input type='text' value="2048" ng-model='resolusi_6' />
</div>
<!-- RESOLUSI END -->
<!-- SIZE START -->
<div class='dbox-cell-2'>
<label>Ukuran File 1_1</label>
<input type='text' ng-model='file_size_1' />
</div>
<div class='dbox-cell-2'>
<label>Ukuran File 2_1</label>
<input type='text' ng-model='file_size_2' />
</div>
<div class='dbox-cell-2'>
<label>Ukuran File 3_1</label>
<input type='text' ng-model='file_size_3' />
</div>
<div class='dbox-cell-2'>
<label>Ukuran File 4_1</label>
<input type='text' ng-model='file_size_4' />
</div>
<div class='dbox-cell-2'>
<label>Ukuran File 5_1</label>
<input type='text' ng-model='file_size_5' />
</div>
<div class='dbox-cell-2'>
<label>Ukuran File 6_1</label>
<input type='text' ng-model='file_size_6' />
</div>
<!-- SIZE END -->
<!-- SERVER 1 START -->
<div class='dbox-cell-2'>
<label>Server 1_1</label>
<input type='text' ng-model='nama_server_1_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 1_1</label>
<input type='text' ng-model='url_1_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 1_2</label>
<input type='text' ng-model='nama_server_1_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 1_2</label>
<input type='text' ng-model='url_1_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 1_3</label>
<input type='text' ng-model='nama_server_1_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 1_3</label>
<input type='text' ng-model='url_1_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 1_4</label>
<input type='text' ng-model='nama_server_1_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 1_4</label>
<input type='text' ng-model='url_1_4 ' />
</div>
<!-- SERVER 1 END -->
<!-- SERVER 2 START -->
<div class='dbox-cell-2'>
<label>Server 2_1</label>
<input type='text' ng-model='nama_server_2_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 2_1</label>
<input type='text' ng-model='url_2_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 2_2</label>
<input type='text' ng-model='nama_server_2_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 2_2</label>
<input type='text' ng-model='url_2_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 2_3</label>
<input type='text' ng-model='nama_server_2_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 2_3</label>
<input type='text' ng-model='url_2_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 2_4</label>
<input type='text' ng-model='nama_server_2_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 2_4</label>
<input type='text' ng-model='url_2_4 ' />
</div>
<!-- SERVER 2 END -->
<!-- SERVER 3 START -->
<div class='dbox-cell-2'>
<label>Server 3_1</label>
<input type='text' ng-model='nama_server_3_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 3_1</label>
<input type='text' ng-model='url_3_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 3_2</label>
<input type='text' ng-model='nama_server_3_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 3_2</label>
<input type='text' ng-model='url_3_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 3_3</label>
<input type='text' ng-model='nama_server_3_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 3_3</label>
<input type='text' ng-model='url_3_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 3_4</label>
<input type='text' ng-model='nama_server_3_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 3_4</label>
<input type='text' ng-model='url_3_4 ' />
</div>
<!-- SERVER 3 END -->
<!-- SERVER 4 START -->
<div class='dbox-cell-2'>
<label>Server 4_1</label>
<input type='text' ng-model='nama_server_4_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 4_1</label>
<input type='text' ng-model='url_4_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 4_2</label>
<input type='text' ng-model='nama_server_4_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 4_2</label>
<input type='text' ng-model='url_4_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 4_3</label>
<input type='text' ng-model='nama_server_4_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 4_3</label>
<input type='text' ng-model='url_4_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 4_4</label>
<input type='text' ng-model='nama_server_4_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 4_4</label>
<input type='text' ng-model='url_4_4 ' />
</div>
<!-- SERVER 4 END -->
<!-- SERVER 5 START -->
<div class='dbox-cell-2'>
<label>Server 5_1</label>
<input type='text' ng-model='nama_server_5_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 5_1</label>
<input type='text' ng-model='url_5_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 5_2</label>
<input type='text' ng-model='nama_server_5_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 5_2</label>
<input type='text' ng-model='url_5_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 5_3</label>
<input type='text' ng-model='nama_server_5_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 5_3</label>
<input type='text' ng-model='url_5_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 5_4</label>
<input type='text' ng-model='nama_server_5_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 5_4</label>
<input type='text' ng-model='url_5_4 ' />
</div>
<!-- SERVER 5 END -->
<!-- SERVER 6 START -->
<div class='dbox-cell-2'>
<label>Server 6_1</label>
<input type='text' ng-model='nama_server_6_1' />
</div>
<div class='dbox-cell-2'>
<label>Url 6_1</label>
<input type='text' ng-model='url_6_1' />
</div>
<div class='dbox-cell-2'>
<label>Server 6_2</label>
<input type='text' ng-model='nama_server_6_2' />
</div>
<div class='dbox-cell-2'>
<label>Url 6_2</label>
<input type='text' ng-model='url_6_2' />
</div>
<div class='dbox-cell-2'>
<label>Server 6_3</label>
<input type='text' ng-model='nama_server_6_3' />
</div>
<div class='dbox-cell-2'>
<label>Url 6_3</label>
<input type='text' ng-model='url_6_3' />
</div>
<div class='dbox-cell-2'>
<label>Server 6_4</label>
<input type='text' ng-model='nama_server_6_4' />
</div>
<div class='dbox-cell-2'>
<label>Url 6_4</label>
<input type='text' ng-model='url_6_4 ' />
</div>
<!-- SERVER 6 END -->
<!-- SERVER LAPOR START -->
<div class='dbox-cell-2'>
<label>URL LAPOR</label>
<input type='text' ng-model='url_1_5 ' />
</div>
<!-- SERVER LAPOR END -->
</div>
</div>
<!-- GENERATOR END -->
<div class='dbox-output'>
<!-- OUTPUT START-->
<div class="dbox-wrapper" dir="ltr" style="text-align:left" trbidi="on">
<table class="dbox-tb7" style="width:100%">
<tbody>
<tr>
<td class="dbox-tb8" bgcolor="#33363b">
<center>
<span style="color:#ffffff;"><b>{{ nama_anime }} Download — </b></span><b><span style="color:#da4453;">B!D</span></b>
</center>
</td>
</tr>
</tbody>
</table>
<div class="dbox-tb5 dbox-tb6 ">
Jangan lupa bagikan <b>BATCH-IN DONG!</b></div>
<!--Kolom1-->
<div id="dbox-tb">
<button class="btn dbox-tb4" href="#{{ resolusi_1 }}"><span>{{ resolusi_1 }}P</span><i class="material-icons">{{ file_size_1 }}</i>
<ul class="dropdown" id="{{ resolusi_1 }}">
<li class="active"><a href="#">{{ resolusi_1 }}P</a></li>
<li><a href="{{url_1_1}}">{{nama_server_1_1}}</a></li>
<li><a href="{{url_1_2}}">{{nama_server_1_2}}</a></li>
<li><a href="{{url_1_3}}">{{nama_server_1_3}}</a></li>
<li><a href="{{url_1_4}}">{{nama_server_1_4}}</a></li>
</ul>
</button>
<button class="btn dbox-tb3" href="#{{ resolusi_2 }}"><span>{{ resolusi_2 }}P</span><i class="material-icons">{{ file_size_2 }}</i>
<ul class="dropdown" id="{{ resolusi_2 }}">
<li class="active"><a href="#">{{ resolusi_2 }}P</a></li>
<li><a href="{{url_2_1}}">{{nama_server_2_1}}</a></li>
<li><a href="{{url_2_2}}">{{nama_server_2_2}}</a></li>
<li><a href="{{url_2_3}}">{{nama_server_2_3}}</a></li>
<li><a href="{{url_2_4}}">{{nama_server_2_4}}</a></li>
</ul>
</button>
</div>
<!--Kolom2-->
<div id="dbox-tb">
<button class="btn dbox-tb4" href="#{{ resolusi_3 }}"><span>{{ resolusi_3 }}P</span><i class="material-icons">{{ file_size_3 }}</i>
<ul class="dropdown" id="{{ resolusi_3 }}">
<li class="active"><a href="#">{{ resolusi_3 }}P</a></li>
<li><a href="{{url_3_1}}">{{nama_server_3_1}}</a></li>
<li><a href="{{url_3_2}}">{{nama_server_3_2}}</a></li>
<li><a href="{{url_3_3}}">{{nama_server_3_3}}</a></li>
<li><a href="{{url_3_4}}">{{nama_server_3_4}}</a></li>
</ul>
</button>
<button class="btn dbox-tb3" href="#{{ resolusi_4 }}"><span>{{ resolusi_4 }}P</span><i class="material-icons">{{ file_size_4 }}</i>
<ul class="dropdown" id="{{ resolusi_4 }}">
<li class="active"><a href="#">{{ resolusi_4 }}P</a></li>
<li><a href="{{url_4_1}}">{{nama_server_4_1}}</a></li>
<li><a href="{{url_4_2}}">{{nama_server_4_2}}</a></li>
<li><a href="{{url_4_3}}">{{nama_server_4_3}}</a></li>
<li><a href="{{url_4_4}}">{{nama_server_4_4}}</a></li>
</ul>
</button>
</div>
<!--Kolom3-->
<div id="dbox-tb">
<button class="btn dbox-tb4" href="#{{ resolusi_5 }}"><span>{{ resolusi_5 }}P</span><i class="material-icons">{{ file_size_5 }}</i>
<ul class="dropdown" id="{{ resolusi_5 }}">
<li class="active"><a href="#">{{ resolusi_5 }}P</a></li>
<li><a href="{{url_5_1}}">{{nama_server_5_1}}</a></li>
<li><a href="{{url_5_2}}">{{nama_server_5_2}}</a></li>
<li><a href="{{url_5_3}}">{{nama_server_5_3}}</a></li>
<li><a href="{{url_5_4}}">{{nama_server_5_4}}</a></li>
</ul>
</button>
<button class="btn dbox-tb3" href="#{{ resolusi_6 }}"><span>{{ resolusi_6 }}P</span><i class="material-icons">{{ file_size_6 }}</i>
<ul class="dropdown" id="{{ resolusi_6 }}">
<li class="active"><a href="#">{{ resolusi_6 }}P</a></li>
<li><a href="{{url_6_1}}">{{nama_server_6_1}}</a></li>
<li><a href="{{url_6_2}}">{{nama_server_6_2}}</a></li>
<li><a href="{{url_6_3}}">{{nama_server_6_3}}</a></li>
<li><a href="{{url_6_4}}">{{nama_server_6_4}}</a></li>
</ul>
</button>
</div>
<!--Kolom4-->
<div id="dbox-tb">
<a class="dbox-tb2 dbox-tb1" target="_blank" href="{{url_1_5}}">Lapor Kerusakan</a>
</div>
</div>
</div>
<!--OUTPUT END-->
<textarea class='dbox-tarea'>
