daily pastebin goal
22%
SHARE
TWEET

Untitled

a guest Apr 16th, 2018 46 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
  2.   <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
  3.   <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
  4.    
  5. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  6.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  7.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  8.    
  9. <html lang="en">
  10.   <head>
  11.     <title>Matir Dokan</title>
  12.     <meta charset="utf-8">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1">
  14.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  15.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  16.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  17.     <style>
  18. /* Remove the navbar's default rounded borders and increase the bottom margin */
  19. .navbar {
  20.   margin-bottom: 50px;
  21.   border-radius: 0;
  22. }
  23.  
  24.      /* Remove the jumbotron's default bottom margin */
  25.      .jumbotron {
  26.        margin-bottom: 0;
  27.      }
  28.  
  29.      /* Add a gray background color and some padding to the footer */
  30.      footer {
  31.        background-color: #f2f2f2;
  32.        padding: 25px;
  33.      }
  34.      .modal-backdrop
  35.      {
  36.        background: none;
  37.      }
  38.     </style>
  39.   </head>
  40.  
  41.   <body>
  42.  
  43.     <nav class="navbar navbar-inverse">
  44.       <div class="container-fluid">
  45.     <div class="navbar-header">
  46.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  47.         <span class="icon-bar"></span>
  48.         <span class="icon-bar"></span>
  49.         <span class="icon-bar"></span>                        
  50.       </button>
  51.       <a class="navbar-brand" href="#">Matir Dokan</a>
  52.     </div>
  53.     <div class="collapse navbar-collapse" id="myNavbar">
  54.       <ul class="nav navbar-nav">
  55.         <li class="active"><a href="#">Home</a></li>
  56.         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Object Type <span class="caret"></span></a>
  57.           <ul class="dropdown-menu">
  58.         <li><a href="#">Cloth</a></li>
  59.         <li><a href="#">Toy</a></li>
  60.         <li><a href="#">Furniture</a></li>
  61.         <li><a href="#">Gift</a></li>
  62.         <li><a href="#">Household</a></li>
  63.         <li><a href="#">Instrument</a></li>
  64.           </ul>
  65.         </li>
  66. <!--li>
  67. <form>
  68.     <div class="form-group">
  69.       <label for="sel1">Select list (select one):</label>
  70.       <select class="selectpicker" id="sel1" style="background:black;border:0px">
  71.       <option>select</option>
  72.         <option>1</option>
  73.         <option>2</option>
  74.         <option>3</option>
  75.         <option>4</option>
  76.       </select>
  77.     </div>
  78.   </form>
  79.   </li-->
  80.         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Meterial Type <span class="caret"></span></a>
  81.           <ul class="dropdown-menu">
  82.         <li><a href="#">Wood</a></li>
  83.         <li><a href="#">Mud</a></li>
  84.         <li><a href="#">Cloth</a></li>
  85.         <li><a href="#">Thread</a></li>
  86.         <li><a href="#">Jute</a></li>
  87.         <li><a href="#">Cotton</a></li>
  88.         <li><a href="#">Cane</a></li>
  89.         <li><a href="#">Bamboo</a></li>
  90.           </ul>
  91.         </li>
  92.         <li>
  93.           <form class="nav navbar-form navbar-left" action="search.php" method="post">
  94.         <div class="input-group">
  95.           <input type="text" class="form-control" placeholder="Search" name="imageName">
  96.           <div class="input-group-btn">
  97.             <button class="btn btn-default" type="submit">
  98.               <i class="glyphicon glyphicon-search"></i>
  99.             </button>
  100.           </div>
  101.         </div>
  102.           </form>
  103.         </li>
  104.         <li>
  105.           <div class="slidecontainer" height=50px>
  106.         <input type="range" min="1" max="100" value="50">
  107.           </div>
  108.         </li>
  109.         <li><a href="#">Auction</a></li>
  110.       </ul>
  111.       <ul class="nav navbar-nav navbar-right">
  112.         <!--li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#cart"><span class="glyphicon glyphicon-shopping-cart"></span>Cart</button></li-->
  113.        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Cart<span class="glyphicon glyphicon-shopping-cart"></span></a>
  114.  
  115.  
  116.     <ul class="dropdown-menu">
  117.       <li>
  118.       <div class="row">
  119.  
  120.                 <img src="http://lorempixel.com/50/50/" alt="" />
  121.  
  122.  
  123.               <span class="item-right">
  124.                <button class="btn btn-xs btn-danger pull-right">x</button>
  125.               </span>
  126.      </div>
  127.          </li>
  128.  
  129.       <li>
  130.       <div class="row">
  131.         <span class="item">
  132.  
  133.                 <img src="http://lorempixel.com/50/50/" alt="" />
  134.                 <span class="item-info">
  135.                   <span>Item name</span>
  136.                   <span>23$</span>
  137.                 </span>
  138.  
  139.  
  140.               <span class="item-right">
  141.                <button class="btn btn-xs btn-danger pull-right">x</button>
  142.               </span>
  143.             </span>
  144.      </div>
  145.          </li>
  146.  
  147.       <li>
  148.       <div class="row">
  149.         <span class="item">
  150.               <span class="item-left">
  151.                 <img src="http://lorempixel.com/50/50/" alt="" />
  152.                 <span class="item-info">
  153.                   <span>Item name</span>
  154.                   <span>23$</span>
  155.                 </span>
  156.               </span>
  157.  
  158.               <span class="item-right">
  159.                <button class="btn btn-xs btn-danger pull-right">x</button>
  160.               </span>
  161.             </span>
  162.      </div>
  163.          </li>
  164.  
  165.  
  166.  
  167.        </ul>
  168.        </li>
  169.        <!--a href="#" class="dropdown-toggle" data-toggle="dropdown" data-target="#cart" role="button" aria-expanded="false"> <span class="glyphicon glyphicon-shopping-cart"></span>Cart<span class="caret"></span></a--!>
  170.      <li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#signUp">Sign Up</button></li>
  171.      <li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#signIn" style="margin-left:10px">Sign In</button></li>        
  172.      </ul>
  173.      </div>
  174.      </div>
  175.      </nav>
  176.  
  177.  
  178.  
  179.  
  180.      <!-- Modal content-->
  181.  
  182.  
  183.      <div class="modal fade" id="signUp" role="dialog" >
  184.        <div class="modal-dialog">
  185.  
  186.          <!-- Modal content-->
  187.        <div class="modal-content">
  188.          <div class="modal-header">
  189.            <button type="button" class="close" data-dismiss="modal">&times;</button>
  190.            <h4 class="modal-title">Sign Up</h4>
  191.          </div>
  192.          <div class="modal-body">
  193.            <form action="signup.php" method="post">
  194.          <div class="form-group">
  195.            <label for="email">Email address:</label>
  196.            <input type="email" class="form-control" id="email" name="email">
  197.          </div>
  198.          <div class="form-group">
  199.            <label for="pwd">Password:</label>
  200.            <input type="password" class="form-control" id="pwd" name="password">
  201.          </div>
  202.          <div class="form-group">
  203.            <label for="pwd">Confirm Password:</label>
  204.            <input type="password" class="form-control" id="pwd" name="password">
  205.          </div>
  206.  
  207.          <button type="submit" class="btn btn-primary">Sign Up</button>
  208.            </form>
  209.          </div>
  210.  
  211.        </div>
  212.  
  213.        </div>
  214.      </div>
  215.  
  216.  
  217.      <div class="modal fade" id="signIn" role="dialog">
  218.        <div class="modal-dialog">
  219.  
  220.          <!-- Modal content-->
  221.          <div class="modal-content">
  222.            <div class="modal-header">
  223.          <button type="button" class="close" data-dismiss="modal">&times;</button>
  224.          <h4 class="modal-title">Sign In</h4>
  225.            </div>
  226.            <div class="modal-body">
  227.          <form action="signin.php" method="post">
  228.            <div class="form-group">
  229.              <label for="email">Email address:</label>
  230.              <input type="email" class="form-control" id="email" name="email">
  231.            </div>
  232.            <div class="form-group">
  233.              <label for="pwd">Password:</label>
  234.              <input type="password" class="form-control" id="pwd" name="password">
  235.            </div>
  236.            <div class="checkbox">
  237.              <label><input type="checkbox"> Remember me</label>
  238.            </div>
  239.            <button type="submit" class="btn btn-primary">Sign In</button>
  240.          </form>
  241.            </div>
  242.  
  243.          </div>
  244.  
  245.        </div>
  246.      </div>
  247.    
  248. <html lang="en">
  249. <head>
  250.   <meta charset="utf-8">
  251.   <meta name="viewport" content="width=device-width, initial-scale=1">
  252.   <title>rangeslider demo</title>
  253.   <link rel="stylesheet" href="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
  254.   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  255.   <script src="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
  256. </head>
  257. <body>
  258.  
  259. <div data-role="page" id="page1">
  260.   <div data-role="header">
  261.     <h1>jQuery Mobile Example</h1>
  262.   </div>
  263.   <div data-role="rangeslider">
  264.     <label for="range-1a">Rangeslider:</label>
  265.     <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range" data-show-value="true">
  266.     <label for="range-1b">Rangeslider:</label>
  267.     <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range" data-show-value="true">
  268.   </div>
  269. </div>
  270.  
  271. </body>
  272. </html>
  273.    
  274. <html lang="en">
  275.   <head>
  276.     <title>Matir Dokan</title>
  277.     <meta charset="utf-8">
  278.     <meta name="viewport" content="width=device-width, initial-scale=1">
  279.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  280.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  281.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  282.  
  283.      <link rel="stylesheet" href="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
  284.   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  285.   <script src="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
  286.     <style>
  287. /* Remove the navbar's default rounded borders and increase the bottom margin */
  288. .navbar {
  289.   margin-bottom: 50px;
  290.   border-radius: 0;
  291. }
  292.  
  293.      /* Remove the jumbotron's default bottom margin */
  294.      .jumbotron {
  295.        margin-bottom: 0;
  296.      }
  297.  
  298.      /* Add a gray background color and some padding to the footer */
  299.      footer {
  300.        background-color: #f2f2f2;
  301.        padding: 25px;
  302.      }
  303.      .modal-backdrop
  304.      {
  305.        background: none;
  306.      }
  307.     </style>
  308.   </head>
  309.  
  310.   <body>
  311.  
  312.     <nav class="navbar navbar-inverse">
  313.       <div class="container-fluid">
  314.     <div class="navbar-header">
  315.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  316.         <span class="icon-bar"></span>
  317.         <span class="icon-bar"></span>
  318.         <span class="icon-bar"></span>                        
  319.       </button>
  320.       <a class="navbar-brand" href="#">Matir Dokan</a>
  321.     </div>
  322.     <div class="collapse navbar-collapse" id="myNavbar">
  323.       <ul class="nav navbar-nav">
  324.         <li class="active"><a href="#">Home</a></li>
  325.         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Object Type <span class="caret"></span></a>
  326.           <ul class="dropdown-menu">
  327.         <li><a href="#">Cloth</a></li>
  328.         <li><a href="#">Toy</a></li>
  329.         <li><a href="#">Furniture</a></li>
  330.         <li><a href="#">Gift</a></li>
  331.         <li><a href="#">Household</a></li>
  332.         <li><a href="#">Instrument</a></li>
  333.           </ul>
  334.         </li>
  335. <!--li>
  336. <form>
  337.     <div class="form-group">
  338.       <label for="sel1">Select list (select one):</label>
  339.       <select class="selectpicker" id="sel1" style="background:black;border:0px">
  340.       <option>select</option>
  341.         <option>1</option>
  342.         <option>2</option>
  343.         <option>3</option>
  344.         <option>4</option>
  345.       </select>
  346.     </div>
  347.   </form>
  348.   </li-->
  349.         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Meterial Type <span class="caret"></span></a>
  350.           <ul class="dropdown-menu">
  351.         <li><a href="#">Wood</a></li>
  352.         <li><a href="#">Mud</a></li>
  353.         <li><a href="#">Cloth</a></li>
  354.         <li><a href="#">Thread</a></li>
  355.         <li><a href="#">Jute</a></li>
  356.         <li><a href="#">Cotton</a></li>
  357.         <li><a href="#">Cane</a></li>
  358.         <li><a href="#">Bamboo</a></li>
  359.           </ul>
  360.         </li>
  361.         <li>
  362.           <form class="nav navbar-form navbar-left" action="search.php" method="post">
  363.         <div class="input-group">
  364.           <input type="text" class="form-control" placeholder="Search" name="imageName">
  365.           <div class="input-group-btn">
  366.             <button class="btn btn-default" type="submit">
  367.               <i class="glyphicon glyphicon-search"></i>
  368.             </button>
  369.           </div>
  370.         </div>
  371.           </form>
  372.         </li>
  373.         <li>
  374.           <div data-role="rangeslider">
  375.         <label for="range-1a">Rangeslider:</label>
  376.         <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range" data-show-value="true">
  377.         <label for="range-1b">Rangeslider:</label>
  378.         <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range" data-show-value="true">
  379.       </div>
  380.         </li>
  381.         <li><a href="#">Auction</a></li>
  382.       </ul>
  383.       <ul class="nav navbar-nav navbar-right">
  384.         <!--li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#cart"><span class="glyphicon glyphicon-shopping-cart"></span>Cart</button></li-->
  385.        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Cart<span class="glyphicon glyphicon-shopping-cart"></span></a>
  386.  
  387.  
  388.     <ul class="dropdown-menu">
  389.       <li>
  390.       <div class="row">
  391.  
  392.                 <img src="http://lorempixel.com/50/50/" alt="" />
  393.  
  394.  
  395.               <span class="item-right">
  396.                <button class="btn btn-xs btn-danger pull-right">x</button>
  397.               </span>
  398.      </div>
  399.          </li>
  400.  
  401.       <li>
  402.       <div class="row">
  403.         <span class="item">
  404.  
  405.                 <img src="http://lorempixel.com/50/50/" alt="" />
  406.                 <span class="item-info">
  407.                   <span>Item name</span>
  408.                   <span>23$</span>
  409.                 </span>
  410.  
  411.  
  412.               <span class="item-right">
  413.                <button class="btn btn-xs btn-danger pull-right">x</button>
  414.               </span>
  415.             </span>
  416.      </div>
  417.          </li>
  418.  
  419.       <li>
  420.       <div class="row">
  421.         <span class="item">
  422.               <span class="item-left">
  423.                 <img src="http://lorempixel.com/50/50/" alt="" />
  424.                 <span class="item-info">
  425.                   <span>Item name</span>
  426.                   <span>23$</span>
  427.                 </span>
  428.               </span>
  429.  
  430.               <span class="item-right">
  431.                <button class="btn btn-xs btn-danger pull-right">x</button>
  432.               </span>
  433.             </span>
  434.      </div>
  435.          </li>
  436.  
  437.  
  438.  
  439.        </ul>
  440.        </li>
  441.        <!--a href="#" class="dropdown-toggle" data-toggle="dropdown" data-target="#cart" role="button" aria-expanded="false"> <span class="glyphicon glyphicon-shopping-cart"></span>Cart<span class="caret"></span></a--!>
  442.      <li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#signUp">Sign Up</button></li>
  443.      <li><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#signIn" style="margin-left:10px">Sign In</button></li>        
  444.      </ul>
  445.      </div>
  446.      </div>
  447.      </nav>
  448.  
  449.  
  450.  
  451.  
  452.      <!-- Modal content-->
  453.  
  454.  
  455.      <div class="modal fade" id="signUp" role="dialog" >
  456.        <div class="modal-dialog">
  457.  
  458.          <!-- Modal content-->
  459.        <div class="modal-content">
  460.          <div class="modal-header">
  461.            <button type="button" class="close" data-dismiss="modal">&times;</button>
  462.            <h4 class="modal-title">Sign Up</h4>
  463.          </div>
  464.          <div class="modal-body">
  465.            <form action="signup.php" method="post">
  466.          <div class="form-group">
  467.            <label for="email">Email address:</label>
  468.            <input type="email" class="form-control" id="email" name="email">
  469.          </div>
  470.          <div class="form-group">
  471.            <label for="pwd">Password:</label>
  472.            <input type="password" class="form-control" id="pwd" name="password">
  473.          </div>
  474.          <div class="form-group">
  475.            <label for="pwd">Confirm Password:</label>
  476.            <input type="password" class="form-control" id="pwd" name="password">
  477.          </div>
  478.  
  479.          <button type="submit" class="btn btn-primary">Sign Up</button>
  480.            </form>
  481.          </div>
  482.  
  483.        </div>
  484.  
  485.        </div>
  486.      </div>
  487.  
  488.  
  489.      <div class="modal fade" id="signIn" role="dialog">
  490.        <div class="modal-dialog">
  491.  
  492.          <!-- Modal content-->
  493.          <div class="modal-content">
  494.            <div class="modal-header">
  495.          <button type="button" class="close" data-dismiss="modal">&times;</button>
  496.          <h4 class="modal-title">Sign In</h4>
  497.            </div>
  498.            <div class="modal-body">
  499.          <form action="signin.php" method="post">
  500.            <div class="form-group">
  501.              <label for="email">Email address:</label>
  502.              <input type="email" class="form-control" id="email" name="email">
  503.            </div>
  504.            <div class="form-group">
  505.              <label for="pwd">Password:</label>
  506.              <input type="password" class="form-control" id="pwd" name="password">
  507.            </div>
  508.            <div class="checkbox">
  509.              <label><input type="checkbox"> Remember me</label>
  510.            </div>
  511.            <button type="submit" class="btn btn-primary">Sign In</button>
  512.          </form>
  513.            </div>
  514.  
  515.          </div>
  516.  
  517.        </div>
  518.      </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top