| Line 41: |
Line 41: |
| | | | |
| | |} | | |} |
| − | | + | <table class="vertical-table" style="width:100%; margin-left:auto; margin-right:auto; "> |
| − | <section id="preview" class="content-section features"> | + | <tr> |
| − | <div style="background-color: #3c3c3c; min-height: 100vh; width: 100%; min-width: 100%;">
| + | <th style="text-align: center;">Features</th> |
| − | <div class="ballz">
| + | <th style="text-align: center;">Helheim</th> |
| − | <br><br><br>
| + | <th style="text-align: center;">Niflheim</th> |
| − | <h2 class="text-center" style="color: white;">
| + | </tr> |
| − | <span class="letterTittle">C</span>ostume <span class="letterTittle">P</span>review
| + | <tr> |
| − | </h2>
| + | <td>World Boss</td> |
| − | | + | <td><i class="fa fa-check"></i></td> |
| − | <div class="features-list">
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="container-fluid">
| + | </tr> |
| − | <p align="center">
| + | <tr> |
| − | <br>
| + | <td>World Drops</td> |
| − | <br>
| + | <td><i class="fa fa-check"></i></td> |
| − | <div style="overflow-x: auto">
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="theme56 basic-info" style="display: inline-block; margin-left: 5%;">
| + | </tr> |
| − | | + | <tr> |
| − | <div id="info7" class="info-div">
| + | <td>Baby QoL Changes</td> |
| − | <div class="columnsZ" style="min-width: 300px;">
| + | <td><i class="fa fa-check"></i></td> |
| − | <ul class="price">
| + | <td><i class="fa fa-check"></i></td> |
| − | <li class="header">Total Costumes <?php echo count($ModelsData); ?></li>
| + | </tr> |
| − | </ul>
| + | <tr> |
| − | <div class="model-div">
| + | <td>Monster Hunter</td> |
| − | <div class="model-menu">
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="model-search">
| + | <td><i class="fa fa-check"></i></td> |
| − | <input type="text" placeholder="Search"></input>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="list">
| + | <td>Lucky 3 Slotmachine</td> |
| − | <?php foreach ($ModelsData as $key => $model) {
| + | <td><i class="fa fa-check"></i></td> |
| − | echo '<div class="item" model="'.$model->viewid.'">'.$model->headname.'</div>';
| + | <td><i class="fa fa-check"></i></td> |
| − | }
| + | </tr> |
| − | ?>
| + | <tr> |
| − | </div>
| + | <td>Advanced Drop System</td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="model-view">
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="model-desc">
| + | </tr> |
| − | <span class="name">Name</span>
| + | <tr> |
| − | <span class="mob_id">Mob id</span>
| + | <td>Advanced EXP System</td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="model-box">
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="model-attr">
| + | </tr> |
| − | <select name="gender" id="gender" class="gender">
| + | <tr> |
| − | <option value="M" selected="">Male</option>
| + | <td>Shadow Equipment</td> |
| − | <option value="F">Female</option>
| + | <td><i class="fa fa-check"></i></td> |
| − | </select>
| + | <td><i class="fa fa-check"></i></td> |
| − | <select name="novice" id="novice" class="novice">
| + | </tr> |
| − | <?php echo $classesOptions; ?>
| + | <tr> |
| − | </select>
| + | <td>Realm of Chronos</td> |
| − | <select name="alternate" id="alternate" class="alternate">
| + | <td><i class="fa fa-check"></i></td> |
| − | <option value="" selected disabled>Alternate</option>
| + | <td><i class="fa fa-check"></i></td> |
| − | <option value="0">0</option>
| + | </tr> |
| − | <option value="1" disabled>1</option>
| + | <tr> |
| − | <option value="2" disabled>2</option>
| + | <td>Instance UI & Manager</td> |
| − | <option value="3" disabled>3</option>
| + | <td><i class="fa fa-check"></i></td> |
| − | </select>
| + | <td><i class="fa fa-check"></i></td> |
| − | <select name="garment" id="garment" class="garment">
| + | </tr> |
| − | <option value="" selected="">Garment</option>
| + | <tr> |
| − | <?php echo $garmentsOpt; ?>
| + | <td>Class Mastery</td> |
| − | </select>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | <img id="model-img" class="model-img male" src="<?php echo $imgBaseUrl.'body=M-0-0-0/hair=0-0-0/hats=0-0-0/equip=0-0-0/option=0/actdir=0-0-0' ?>">
| + | </tr> |
| − | <div class="model-attr text-inputs">
| + | <tr> |
| − | <div class="row">
| + | <td>Class Mastery (Inside Instances)</td> |
| − | <label>Dye</label>
| + | <td><i class="fa fa-remove"></i></td> |
| − | <input type="number" max="694" min="0" class="attr dye" placeholder="Dye" value="0"></input>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | </tr> |
| − | <div class="row">
| + | <tr> |
| − | <label>Hair</label>
| + | <td>Official Costumes (Dropped from Monsters)</td> |
| − | <input type="number" max="76" min="0" class="attr hair" placeholder="Hair" value="0"></input>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | <div class="row">
| + | </tr> |
| − | <label>Hair Color</label>
| + | <tr> |
| − | <input type="number" max="263" min="0" class="attr hair-color" placeholder="Hair Color" value="0"></input>
| + | <td>Custom Costumes (Dropped from Monsters)</td> |
| − | </div>
| + | <td><i class="fa fa-remove"></i></td> |
| − | <div class="row">
| + | <td><i class="fa fa-check"></i></td> |
| − | <select name="animation" id="animation" class="anim">
| + | </tr> |
| − | <option value="">Action</option>
| + | <tr> |
| − | <?php echo $animOptions; ?>
| + | <td>Custom Stats (Enchants etc.)</td> |
| − | </select>
| + | <td><i class="fa fa-remove"></i></td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="model-footer">
| + | <td>Item Progression (kRO Only)</td> |
| − | <span class="name"></span>
| + | <td><i class="fa fa-check"></i></td> |
| − | <span class="mob_id"></span>
| + | <td><i class="fa fa-remove"></i></td> |
| − | </div>
| + | </tr> |
| − | <div class="model-nav">
| + | <tr> |
| − | <div class="model-nav">
| + | <td>Item Progression (kRO + jRO + iRO)</td> |
| − | <div class="nav">
| + | <td><i class="fa fa-remove"></i></td> |
| − | <div class="nav">
| + | <td><i class="fa fa-check"></i></td> |
| − | <input id="hg-top" type="radio" name="hats_positions" value="0" checked>
| + | </tr> |
| − | <label for="hg-top">Top</label>
| + | <tr> |
| − | <input id="hg-mid" type="radio" name="hats_positions" value="1">
| + | <td>Weapon Evolution</td> |
| − | <label for="hg-mid">Mid</label>
| + | <td><i class="fa fa-remove"></i></td> |
| − | <input id="hg-bot" type="radio" name="hats_positions" value="2">
| + | <td><i class="fa fa-check"></i></td> |
| − | <label for="hg-bot">Bottom</label>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Halved Delay After Skill</td> |
| − | <div class="nav" style="justify-content: center;">
| + | <td><i class="fa fa-remove"></i></td> |
| − | <p class="next"><i class="fa fa-arrow-left"></i></p>
| + | <td><i class="fa fa-check"></i></td> |
| − | <p class="prev"><i class="fa fa-arrow-right"></i></p>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="nav" style="display:block;">
| + | <td>Limited Ores for Refinement</td> |
| − | <button id="resetImg">Reset</button>
| + | <td><i class="fa fa-remove"></i></td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Official Refine Chances</td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | <td><i class="fa fa-remove"></i></td> |
| − | </div>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Soul System</td> |
| − | </p>
| + | <td><i class="fa fa-remove"></i></td> |
| − | </div>
| + | <td><i class="fa fa-check"></i></td> |
| − | </div>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Magical Crit</td> |
| − | | + | <td><i class="fa fa-remove"></i></td> |
| | + | <td><i class="fa fa-check"></i></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td>Eden Headquarter (Gramps)</td> |
| | + | <td><i class="fa fa-remove"></i></td> |
| | + | <td><i class="fa fa-check"></i></td> |
| | + | </tr> |
| | + | </table> |
| | | | |
| | | | |