css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!-- Button HTML (to Trigger Modal) -->
<a href="#sizeGuidesMob" type="button" class="btn btn-default" data-toggle="modal">Click for size guide</a>   
<!-- Modal HTML -->
<div id="sizeGuidesMob" class="modal fade"> 
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Size guides</h4>
         </div> 
         <div class="modal-body">
            <div id="accordion" class="panel-group">
<!---------------------------------------------------------------------------->             
               <div class="womenswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Womenswear</a>
                     </h4>
                  </div>
                  <div id="collapseOne" class="panel-collapse collapse">
                     <div class="panel-body"> 
                       <div class="table-responsive">
                           <table cellspacing=0 class="table">
                           <tr>
                              <td class="fix">Size</td>  
                              <td class="second">10</td>
                              <td>12</td> 
                              <td>14</td>
                              <td>16</td>
                              <td>18</td>
                              <td>20</td>
                              <td>22</td>
                              <td>24</td>  
                              <td>28</td>
                              <td>30</td>
                              <td>32</td>
                              <td>34</td>
                              <td>36</td>
                              <td>38</td>
                              <td>40</td>
                           </tr>
                           <tr>  
                              <td class="fix">Bust</td>
                              <td class="second">35ins 89cms</td>
                              <td>37ins 94cms</td>
                              <td>39ins 99cms</td>
                              <td>41ins 104cms</td>
                              <td>43ins 109cms</td>
                              <td>45ins 114cms</td>
                              <td>47ins 119.5cms</td>
                              <td>49ins 124.5cms</td>
                              <td>51ins 129.5cms</td>
                              <td>53ins 134.5cms</td>
                              <td>55ins 140cms</td>
                              <td>57ins 145cms</td>
                              <td>59ins 150cms</td>
                              <td>61ins 155cms</td>
                              <td>63ins 160cms</td>
                           </tr>
                           <tr> 
                              <td class="fix">Waist</td>
                              <td>28ins 71cms</td>
                              <td>30ins 76cms</td>
                              <td>32ins 81cms</td>
                              <td>34ins 86.5cms</td>
                              <td>36ins 91.5cms</td>
                              <td>38ins 96.5cms</td>
                              <td>40ins 101.5cms</td>
                              <td>42ins 106.5cms</td>
                              <td>44ins 111.5cms</td>
                              <td>46ins 117cms</td>
                              <td>48ins 122cms</td>
                              <td>50ins 127cms</td>
                              <td>52ins 132cms</td>
                              <td>54ins 137cms</td>
                              <td>56ins 142cms</td>
                           </tr>
                           <tr>
                              <td class="fix">Hips</td>
                              <td>37ins 94cms</td>
                              <td>39ins 99cms</td>
                              <td>41ins 104cms</td>
                              <td>43ins 109cms</td>
                              <td>45ins 114cms</td>
                              <td>47ins 119.5cms</td>
                              <td>49ins 124.5cms</td>
                              <td>51ins 129.5cms</td>
                              <td>53ins 134.5cms</td>
                              <td>54ins 140cms</td>
                              <td>57ins 145cms</td>
                              <td>59ins 150cms</td>
                              <td>61ins 155cms</td>
                              <td>63ins 160cms</td>
                              <td>65ins 165cms</td>
                           </tr>
                        </table>
                       </div>
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->                 
               <div class="lingerie panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Lingerie</a>
                     </h4>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse">
                     <div class="panel-body">
                        <h3>Perfect Fit</h3>
                        <p>Are you wearing the right size? Try on your best fitting bra, stand in front of a large mirror and follow these steps to find out…
                           Start with the underband…
                        </p>
   able to pull it more than two inches away from your back.</li>
                           <li>The underband should sit horizontally level across your body, in line with the wires at the front.</li>
                           <li>The length of your straps should be adjusted enough to support the cup, but should also feel comfortable.…now move onto the cups!</li>
                           <li>There should be no bulging or gaping at the top of the cups.</li>
                           <li>The wire should completely enclose each breast, sit right in the crease of your under breasts, and finish under your arms.</li>
                           <li>The wire should sit flat against your ribcage, from the middle of your chest and along the crease of you bust, with absolutely no lifting away.</li>
                        </ol>
                        <p>For dress sized garments please follow the womenswear size guide</p>
                        <p>NEED MORE HELP OR ADVISE? 		0871 2300 0295
                           CALL OUR BRA FITTING EXPERTS		Mon-Fri 9am-8pm Sat-Sun 9am-5pm
                        </p>
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->                  
               <div class="footwear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Footwear</a>
                     </h4>
                  </div>
                  <div id="collapseThree" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#w-boots">Boots</a></li>
                              <li><a href="#w-shoes">Shoes</a></li>
                              <li><a href="#m-footwear">Mens</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="w-boots" class="tab-pane fade in active">
                                <p>Measure around the widest part of your calf in millimetres.</p>  
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Foot Size</td>
                                       <td>4E</td>
                                       <td>5E</td>
                                       <td>6E</td>
                                       <td>7E</td>
                                       <td>8E</td>
                                       <td>9E</td>
                                       <td>10E</td>
                                       <td>4EEE</td>
                                       <td>5EEE</td>
                                       <td>6EEE</td>
                                       <td>7EEE</td>
                                       <td>8EEE</td>
                                       <td>9EEE</td>
                                       <td>10EEE</td>
                                       <td>4EEEEE</td>
                                       <td>5EEEEE</td>
                                       <td>6EEEEE</td>
                                       <td>7EEEEE</td>
                                       <td>8EEEEE</td>
                                       <td>9EEEEE</td>
                                       <td>10EEEEE</td>
                                    </tr>
                                    <tr>
                                       <td>Standard Calf width (mm)</td>
                                       <td>400</td>
                                       <td>408</td>
                                       <td>416</td>
                                       <td>424</td>
                                       <td>432</td>
                                       <td>440</td>
                                       <td>448</td>
                                       <td>408</td>
                                       <td>416</td>
                                       <td>424</td>
                                       <td>432</td>
                                       <td>440</td>
                                       <td>448</td>
                                       <td>456</td>
                                       <td>418</td>
                                       <td>426</td>
                                       <td>434</td>
                                       <td>442</td>
                                       <td>450</td>
                                       <td>458</td>
                                       <td>466</td>
                                    </tr>
                                    <tr>
                                       <td>Curvy Calf width (mm)</td>
                                       <td>434</td>
                                       <td>442</td>
                                       <td>450</td>
                                       <td>458</td>
                                       <td>466</td>
                                       <td>474</td>
                                       <td>482</td>
                                       <td>446</td>
                                       <td>454</td>
                                       <td>462</td>
                                       <td>470</td>
                                       <td>478</td>
                                       <td>486</td>
                                       <td>494</td>
                                       <td>458</td>
                                       <td>466</td>
                                       <td>474</td>
                                       <td>482</td>
                                       <td>490</td>
                                       <td>498</td>
                                       <td>506</td>
                                    </tr>
                                    <tr>
                                       <td>Super Curvy Calf width (mm)</td>
                                       <td>468</td>
                                       <td>476</td>
                                       <td>484</td>
                                       <td>492</td>
                                       <td>500</td>
                                       <td>508</td>
                                       <td>516</td>
                                       <td>480</td>
                                       <td>488</td>
                                       <td>496</td>
                                       <td>504</td>
                                       <td>512</td>
                                       <td>520</td>
                                       <td>528</td>
                                       <td>492</td>
                                       <td>500</td>
                                       <td>508</td>
                                       <td>516</td>
                                       <td>524</td>
                                       <td>532</td>
                                       <td>540</td>
                                    </tr>
                                    <tr>
                                       <td>Curvy Plus Calf width (mm)</td>
                                       <td>502</td>
                                       <td>510</td>
                                       <td>518</td>
                                       <td>526</td>
                                       <td>534</td>
                                       <td>542</td>
                                       <td>550</td>
                                       <td>514</td>
                                       <td>522</td>
                                       <td>530</td>
                                       <td>538</td>
                                       <td>546</td>
                                       <td>554</td>
                                       <td>562</td>
                                       <td>526</td>
                                       <td>534</td>
                                       <td>542</td>
                                       <td>550</td>
                                       <td>558</td>
                                       <td>566</td>
                                       <td>574</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Curvy Plus Calf width (mm)</td>
                                       <td>536</td>
                                       <td>544</td>
                                       <td>552</td>
                                       <td>560</td>
                                       <td>568</td>
                                       <td>576</td>
                                       <td>584</td>
                                       <td>548</td>
                                       <td>556</td>
                                       <td>564</td>
                                       <td>572</td>
                                       <td>580</td>
                                       <td>588</td>
                                       <td>596</td>
                                       <td>560</td>
                                       <td>568</td>
                                       <td>576</td>
                                       <td>584</td>
                                       <td>592</td>
                                       <td>600</td>
                                       <td>608</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="w-shoes" class="tab-pane fade">
                        
                                 <p>Measure around the widest part of the foot in mullimetres.</p>
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">

                                    <tr>
                                       <td>Foot Width</td>
                                       <td>Standard D</td>
                                       <td>E</td>
                                       <td>EE</td>
                                       <td>EEE</td>
                                       <td>EEEE</td>
                                       <td>EEEEE</td>
                                       <td>EEEEEE</td>
                                    </tr>
                                    <tr>
                                       <td>3</td>
                                       <td>210</td>
                                       <td>216</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                    </tr>
                                    <tr>
                                       <td>4</td>
                                       <td>216</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                    </tr>
                                    <tr>
                                       <td>5</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                    </tr>
                                    <tr>
                                       <td>6</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                    </tr>
                                    <tr>
                                       <td>7</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                    </tr>
                                    <tr>
                                       <td>8</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                    </tr>
                                    <tr>
                                       <td>9</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                       <td>284</td>
                                    </tr>
                                    <tr>
                                       <td>10</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                       <td>284</td>
                                       <td>290</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                              <div id="m-footwear" class="tab-pane fade">
                                <p>Men's footwear size chart</p>
                                <div class="table-responsive">
                                 <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Men's Footwear Widths</td>
                                       <td>6</td>
                                       <td>7</td>
                                       <td>8</td>
                                       <td>9</td>
                                       <td>10</td>
                                       <td>11</td>
                                       <td>12</td>
                                       <td>13</td>
                                       <td>14</td>
                                       <td>15</td>
                                    </tr>
                                    <tr>
                                       <td>Standard Fit (mm)</td>
                                       <td>239</td>
                                       <td>245</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                    </tr>
                                    <tr>
                                       <td>Wide Fit (mm)</td>
                                       <td>245</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Wide Fit (mm)</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                       <td>305</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Ultra Wide Fit (mm)</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                       <td>305</td>
                                       <td>311</td>
                                       <td>317</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                           </div>
                        </div>
                        <!-- footwear-tabs -->
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->              
               <div class="menswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">Menswear</a>
                     </h4>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#tops">Tops</a></li>
                              <li><a href="#formal">Shirts</a></li>
                              <li><a href="#trousers">Trousers</a></li>
                              <li><a href="#suit">Jackets</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="tops" class="tab-pane fade in active">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>S</td>
                                       <td>M</td>
                                       <td>L</td>
                                       <td>XL</td>
                                       <td>1XL</td>
                                       <td>2XL</td>
                                       <td>3XL</td>
                                       <td>4XL</td>
                                       <td>5XL</td>
                                    </tr>
                                    <tr>
                                       <td>UK (ins)</td>
                                       <td>36-38</td>
                                       <td>39-41</td>
                                       <td>42-44</td>
                                       <td>45-47</td>
                                       <td>48-50</td>
                                       <td>52-54</td>
                                       <td>56-58</td>
                                       <td>60-62</td>
                                       <td>64-66</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (cm)</td>
                                       <td>91-97</td>
                                       <td>99-104</td>
                                       <td>107-112</td>
                                       <td>114-119</td>
                                       <td>122-127</td>
                                       <td>132-137</td>
                                       <td>142-147</td>
                                       <td>152-157</td>
                                       <td>163-168</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="formal" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>15.5</td>
                                       <td>16</td>
                                       <td>16.5</td>
                                       <td>17</td>
                                       <td>17.5</td>
                                       <td>18</td>
                                       <td>18.5</td>
                                       <td>19</td>
                                       <td>19.5</td>
                                       <td>20</td>
                                       <td>20.5</td>
                                       <td>21</td>
                                    </tr>
                                    <tr>
                                       <td>CHEST (ins)</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                       <td>62</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CM)</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                       <td>157</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="trousers" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (ins)</td>
                                       <td>32</td>
                                       <td>34</td>
                                       <td>36</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>43</td>
                                       <td>44</td>
                                       <td>45</td>
                                       <td>46</td>
                                       <td>47</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>55</td>
                                       <td>56</td>
                                       <td>57</td>
                                       <td>58</td>
                                       <td>60</td>
                                       <td>62</td>
                                       <td>64</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (cm)</td>
                                       <td>81</td>
                                       <td>86</td>
                                       <td>91</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>109</td>
                                       <td>112</td>
                                       <td>114</td>
                                       <td>117</td>
                                       <td>119</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>140</td>
                                       <td>142</td>
                                       <td>145</td>
                                       <td>147</td>
                                       <td>152</td>
                                       <td>157</td>
                                       <td>163</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="suit" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (Inches)</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CMS)</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                    </tr>
                                 </table>
                                 </div>  
                              </div>
                           </div>
                        </div>
                        <!-- size-guide-tabs -->
                     </div>
                  </div>
               </div>
<!--------------------------------------------------------------------------->               
               <div class="childrenswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">Childrenswear</a>
                     </h4>
                  </div>
                  <div id="collapseFive" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#girls">Girl's</a></li>
                              <li><a href="#boys">Boy's</a></li>
                              <li><a href="#childrens">Footwear</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="girls" class="tab-pane fade in active">
                                 <div class="table-responsive">
                                    <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (Inches)</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CMS)</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="boys" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Age</td>
                                       <td>2/3</td>
                                       <td>3/4</td>
                                       <td>4/5</td>
                                       <td>5/6</td>
                                       <td>6/7</td>
                                       <td>7/8</td>
                                       <td>8/9</td>
                                       <td>9/10</td>
                                       <td>10/11</td>
                                       <td>11/12</td>
                                       <td>12/13</td>
                                       <td>13/13PLS</td>
                                       <td>13/14</td>
                                    </tr>
                                    <tr>
                                       <td>Height (cm)</td>
                                       <td>92/98</td>
                                       <td>98/104</td>
                                       <td>104/110</td>
                                       <td>110/116</td>
                                       <td>116/122</td>
                                       <td>122/128</td>
                                       <td>128/134</td>
                                       <td>134/140</td>
                                       <td>140/146</td>
                                       <td>146/152</td>
                                       <td>152/158</td>
                                       <td>158/163</td>
                                       <td>158/163</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="childrens" class="tab-pane fade">
                                <div class="table-responsive">
                                  <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>6</td>
                                       <td>7</td>
                                       <td>8</td>
                                       <td>9</td>
                                       <td>10</td>
                                       <td>11</td>
                                       <td>12</td>
                                       <td>13</td>
                                       <td>1</td>
                                       <td>2</td>
                                       <td>3</td>
                                       <td>4</td>
                                       <td>5</td>
                                       <td>6</td>
                                    </tr>
                                    <tr>
                                       <td>Standard (mm)</td>
                                       <td>95</td>
                                       <td>99</td>
                                       <td>104</td>
                                       <td>110</td>
                                       <td>116</td>
                                       <td>119</td>
                                       <td>125</td>
                                       <td>131</td>
                                       <td>137</td>
                                       <td>146</td>
                                       <td>154</td>
                                       <td>161</td>
                                       <td>168</td>
                                       <td>175</td>
                                    </tr>
                                    <tr>
                                       <td>Wide (mm)</td>
                                       <td>100</td>
                                       <td>104</td>
                                       <td>109</td>
                                       <td>116</td>
                                       <td>120</td> 
                                       <td>125</td>  
                                       <td>131</td>   
                                       <td>137</td>
                                       <td>145</td>
                                        <td>153</td> 
                                       <td>160</td>
                                       <td>167</td>
                                       <td>174</td>
                                       <td>181</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                           </div>
                        </div>
                        <!-- size-guide-tabs -->
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->               
            </div>
            <!-- accordian -->    
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>
            
          
!
            
              ::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #fff; 
}

body {
  padding: 1em;
}
h5 {
  font-weight: bold;
}
#accordion {
  h3 {
    margin-top: 12px;
  }
  .tab-content {
    margin-top: 12px;
  }
  .nav-tabs a {
    font-size: 12px;
    padding: 9px!important; 
  }
}  
#accordion .panel-heading {
  padding: 0;
  a {
    display: block;
    padding: 12px;
  }
  .nav>li>a {
    padding: 10px 7px;
  }

}
td {
  padding: 0.8em;
}
table tr:first-child td {
  background: #333; 
  color: white;
}
caption {
  color: white;
  background: #5c5c5c;
  padding: 6px 12px;
    border-top: none;   
}

/* Fix chopped in half elements caused by -webkit-overflow-scrolling-touch bug */
td {
  -webkit-transform: translate3d(0, 0, 0);
  background: white;
  border: 1px solid #ddd;
} 


            
          
!
            
              $(document).ready(function(){ 
    $(".size-guide-tabs a").click(function(e){
    	e.preventDefault();
    	$(this).tab('show');
    });
});
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console