API tools faq
paste
Guest User

Untitled

a guest
Apr 16th, 2018
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.59 KB | None | 0 0
raw download clone embed print report
  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>
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!