Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
<!DOCTYPE html>
<html lang="en">
<head>
​
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  
  <link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Pages</title>
  
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
​
</head>
<body>
<div class="use-sidebar sidebar-at-left" id="main">
    <div id="designSidebar" class="sidenav_area">
    <div class="designtheme_area">
    <div class="designtheme_top">
    
  </div>
  <div class="designpage_content">
    <div class="dgp_mainnav" style="margin-top:-50px;">
      <h2>Main Navigation</h2>
      <ul id="main-navigation">
                        
                                <li class="pages-sort" data-order="1">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Home</a>
          <input type="hidden" value="home" class="page_id">
          <div class="dgp_edactiv_area">
            <div class="btn-group prodc_active_group">
              <a type="button" href="http://localhost/m3/admin/edithome" class="edit-nixon btn btn_open dgpbtn_edit">Edit</a>
              <button type="button" class="btn btn_caret dgpbtn_edit_caret dropdown-toggle" data-toggle="dropdown">
                Active                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu procbtn_menu" role="menu">
                <li class="status_page active_page"><a href="#">Activate Page</a></li>
                <li class="status_page hide_page"><a href="#">Hide Page</a></li>
              </ul>
            </div>
          </div>
        </li>
                                <li class="pages-sort" data-order="2">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Store</a>
          <input type="hidden" value="store" class="page_id">
          <div class="dgp_edactiv_area">
            <div class="btn-group prodc_active_group">
              <a type="button" href="http://localhost/m3/admin/editstore" class="edit-nixon btn btn_open dgpbtn_edit">Edit</a>
              <button type="button" class="btn btn_caret dgpbtn_edit_caret dropdown-toggle" data-toggle="dropdown">
                Active                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu procbtn_menu" role="menu">
                <li class="status_page active_page"><a href="#">Activate Page</a></li>
                <li class="status_page hide_page"><a href="#">Hide Page</a></li>
              </ul>
            </div>
          </div>
        </li>
                                <li class="pages-sort" data-order="">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Contact</a>
          <input type="hidden" value="contact" class="page_id">
          <div class="dgp_edactiv_area">
            <div class="btn-group prodc_active_group">
              <a type="button" href="/admin/design/editcontact" class="edit-nixon btn btn_open dgpbtn_edit">Edit</a>
              <button type="button" class="btn btn_caret dgpbtn_edit_caret dropdown-toggle" data-toggle="dropdown">
                Active                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu procbtn_menu" role="menu">
                <li class="status_page active_page"><a href="#">Activate Page</a></li>
                <li class="status_page hide_page"><a href="#">Hide Page</a></li>
              </ul>
            </div>
          </div>
        </li>
                                <li class="pages-sort" data-order="4">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">thiesoheothsot</a>
          <input type="hidden" value="94" class="page_id">
          <div class="dgp_edactiv_area">
            <div class="btn-group prodc_active_group">
                            <a type="button" href="http://localhost/m3/admin/editpage/94" class="edit-nixon btn btn_open dgpbtn_edit">Edit</a>
                            <button type="button" class="btn btn_caret dgpbtn_edit_caret dropdown-toggle" data-toggle="dropdown">
               Active                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu procbtn_menu" role="menu">
                <li class="status_page active_page"><a href="#">Activate Page</a></li>
                <li class="status_page hide_page"><a href="#">Hide Page</a></li>
              </ul>
            </div>
          </div>
        </li>
                                <li class="pages-sort" data-order="5">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">custom</a>
          <input type="hidden" value="93" class="page_id">
          <div class="dgp_edactiv_area">
            <div class="btn-group prodc_active_group">
                            <a type="button" href="http://localhost/m3/admin/editpage/93" class="edit-nixon btn btn_open dgpbtn_edit">Edit</a>
                            <button type="button" class="btn btn_caret dgpbtn_edit_caret dropdown-toggle" data-toggle="dropdown">
               Active                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu procbtn_menu" role="menu">
                <li class="status_page active_page"><a href="#">Activate Page</a></li>
                <li class="status_page hide_page"><a href="#">Hide Page</a></li>
              </ul>
            </div>
          </div>
        </li>
                
      </ul>
    </div>
    <div class="dgp_categories">
      <h2>Categories</h2>
      <ul id="main-pages-navigation" class="dgp_catgnav">
​
                <li class="category-yo">
          <input type="hidden" class="category_id" value="205">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Mens</a>
          <a href="http://localhost/m3/admin/edit_cat/205" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> T shirt</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> stuff2</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Subcategory</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Dog</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Dogs</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Cats</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> stuff</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="82">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">All</a>
          <a href="http://localhost/m3/admin/edit_cat/82" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Women</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Children</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> 1234567</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Accessories</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Jewelary</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="292">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Women</a>
          <a href="http://localhost/m3/admin/edit_cat/292" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="215">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Shoes</a>
          <a href="http://localhost/m3/admin/edit_cat/215" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="199">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Boys</a>
          <a href="http://localhost/m3/admin/edit_cat/199" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Subcategory</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="194">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Gaming</a>
          <a href="http://localhost/m3/admin/edit_cat/194" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> PS3</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="136">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Sample</a>
          <a href="http://localhost/m3/admin/edit_cat/136" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> 123456789012</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Accessories</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="197">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Old</a>
          <a href="http://localhost/m3/admin/edit_cat/197" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="198">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Girls</a>
          <a href="http://localhost/m3/admin/edit_cat/198" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="139">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">Tom &amp; Jerry</a>
          <a href="http://localhost/m3/admin/edit_cat/139" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Tom</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> Jerry</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
                <li class="category-yo">
          <input type="hidden" class="category_id" value="403">
          <a href="#"><i class="fa fa-arrows"></i></a>
          <a href="#">85fe0bf5-a65e-5792-5353-938ed033e2b8</a>
          <a href="http://localhost/m3/admin/edit_cat/403" class="btn catgedit_btn altaf_edit">Edit</a>
          <ul class="main-sub-pages-nav">
                            <li class="subcategory-yo">
                  <input type="hidden" class="sub_cateogry_id" value="">
                  <div class="nav_catgleft">
                    <a href="#"><i class="fa fa-arrows"></i></a>
                    <a href="#"> 6ff20b01-bb76-c7dd-447b-1f5bc68034c9</a>
                  </div>
                  <a href="http://localhost/m3/admin/edit_scat/" class="btn catgedit_btn alta-fix">Edit</a>
                </li>
                      </ul>
        </li>
              </ul>
    </div>
  </div>
</div>
​
</div>
​
</div>
</div>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mazharpro
0viewers