API tools faq
paste
ro8ot

2

ro8ot
Jun 19th, 2020
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.91 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
  6.     <title>pay</title>
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  8.     <style media="screen">
  9.       element.style {
  10. }
  11.  
  12. :root {
  13.   --blue: #007bff;
  14.   --indigo: #6610f2;
  15.   --purple: #6f42c1;
  16.   --pink: #e83e8c;
  17.   --red: #dc3545;
  18.   --orange: #fd7e14;
  19.   --yellow: #ffc107;
  20.   --green: #28a745;
  21.   --teal: #20c997;
  22.   --cyan: #17a2b8;
  23.   --white: #fff;
  24.   --gray: #6c757d;
  25.   --gray-dark: #343a40;
  26.   --primary: #007bff;
  27.   --secondary: #6c757d;
  28.   --success: #28a745;
  29.   --info: #17a2b8;
  30.   --warning: #ffc107;
  31.   --danger: #dc3545;
  32.   --light: #f8f9fa;
  33.   --dark: #343a40;
  34.   --breakpoint-xs: 0;
  35.   --breakpoint-sm: 576px;
  36.   --breakpoint-md: 768px;
  37.   --breakpoint-lg: 992px;
  38.   --breakpoint-xl: 1200px;
  39.   --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  40.   --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  41. }
  42.  
  43. html {
  44.   font-family: sans-serif;
  45.   line-height: 1.15;
  46.   -webkit-text-size-adjust: 100%;
  47.   -webkit-tap-highlight-color: transparent;
  48. }
  49.  
  50. .bill-header {
  51.   font-size: 12px;
  52.   text-align: center;
  53. }
  54.  
  55. .form-control:focus {
  56.   border-color: #25476a;
  57.   outline: 0;
  58.   -webkit-box-shadow: none;
  59.   box-shadow: none;
  60. }
  61.  
  62. #trs-hd {
  63.   text-align: center;
  64. }
  65.  
  66. .bill-header.cs {
  67.   background-color: rgba(37,71,106,0.56);
  68.   color: #fff;
  69. }
  70.  
  71. .counter {
  72.   padding: 8px;
  73.   color: #ccc;
  74. }
  75.  
  76. .results tr[visible='false'], .no-result {
  77.   display: none;
  78. }
  79.  
  80. .results tr[visible='false'], .no-result {
  81.   display: none;
  82. }
  83.  
  84. .counter {
  85.   padding: 8px;
  86.   color: #ccc;
  87. }
  88.  
  89. .fa.fa-warning {
  90.   font-size: 18px;
  91.   color: #ff0000;
  92. }
  93.  
  94. .warning.no-result {
  95.   text-align: center;
  96. }
  97.  
  98. .search.form-control {
  99.   border-radius: 0px !important;
  100. }
  101.  
  102. .search-table-col {
  103.   margin-top: 100px;
  104. }
  105.  
  106. .bill-header {
  107.   font-size: 12px;
  108.   text-align: center;
  109. }
  110.  
  111. .form-control:focus {
  112.   border-color: #25476a;
  113.   outline: 0;
  114.   -webkit-box-shadow: none;
  115.   box-shadow: none;
  116. }
  117.  
  118. #trs-hd {
  119.   text-align: center;
  120. }
  121.  
  122. .bill-header.cs {
  123.   background-color: rgba(37,71,106,0.56);
  124.   color: #fff;
  125. }
  126.  
  127. .counter {
  128.   padding: 8px;
  129.   color: #ccc;
  130. }
  131.  
  132. .results tr[visible='false'], .no-result {
  133.   display: none;
  134. }
  135.  
  136. .results tr[visible='false'], .no-result {
  137.   display: none;
  138. }
  139.  
  140. .counter {
  141.   padding: 8px;
  142.   color: #ccc;
  143. }
  144.  
  145. .fa.fa-warning {
  146.   font-size: 18px;
  147.   color: #ff0000;
  148. }
  149.  
  150. .warning.no-result {
  151.   text-align: center;
  152. }
  153.  
  154. .search.form-control {
  155.   border-radius: 0px !important;
  156. }
  157.  
  158. .search-table-col {
  159.   margin-top: 100px;
  160. }
  161. .op {
  162.   display: block;
  163.   margin-left: auto;
  164.   margin-right: auto;
  165.   width: 20%;
  166. }
  167.  
  168. .navigation-clean-button {
  169.   background: #fff;
  170.   padding-top: .75rem;
  171.   padding-bottom: .75rem;
  172.   color: #333;
  173.   border-radius: 0;
  174.   box-shadow: none;
  175.   border: none;
  176.   margin-bottom: 0;
  177. }
  178.  
  179. .navbar {
  180.   position: relative;
  181.   display: -ms-flexbox;
  182.   display: flex;
  183.   -ms-flex-wrap: wrap;
  184.   flex-wrap: wrap;
  185.   -ms-flex-align: center;
  186.   align-items: center;
  187.   -ms-flex-pack: justify;
  188.   justify-content: space-between;
  189.   padding: .5rem 1rem;
  190. }
  191.  
  192. .navigation-clean-button {
  193.   background: #fff;
  194.   padding-top: .75rem;
  195.   padding-bottom: .75rem;
  196.   color: #333;
  197.   border-radius: 0;
  198.   box-shadow: none;
  199.   border: none;
  200.   margin-bottom: 0;
  201. }
  202.  
  203. @media (min-width:768px) {
  204.   .navigation-clean-button {
  205.     padding-top: 1rem;
  206.     padding-bottom: 1rem;
  207.   }
  208. }
  209.  
  210. .navigation-clean-button .navbar-brand {
  211.   font-weight: bold;
  212.   color: inherit;
  213. }
  214.  
  215. .navigation-clean-button .navbar-brand:hover {
  216.   color: #222;
  217. }
  218.  
  219. .navigation-clean-button.navbar-dark .navbar-brand:hover {
  220.   color: #f0f0f0;
  221. }
  222.  
  223. .navigation-clean-button .navbar-brand img {
  224.   height: 100%;
  225.   display: inline-block;
  226.   margin-right: 10px;
  227.   width: auto;
  228. }
  229.  
  230. .navigation-clean-button .navbar-toggler {
  231.   border-color: #ddd;
  232. }
  233.  
  234. .navigation-clean-button .navbar-toggler:hover, .navigation-clean-button .navbar-toggler:focus {
  235.   background: none;
  236. }
  237.  
  238. .navigation-clean-button.navbar-dark .navbar-toggler {
  239.   border-color: #555;
  240. }
  241.  
  242. .navigation-clean-button .navbar-toggler {
  243.   color: #888;
  244. }
  245.  
  246. .navigation-clean-button.navbar-dark .navbar-toggler {
  247.   color: #eee;
  248. }
  249.  
  250. .navigation-clean-button .navbar-collapse, .navigation-clean-button .form-inline {
  251.   border-top-color: #ddd;
  252. }
  253.  
  254. .navigation-clean-button.navbar-dark .navbar-collapse, .navigation-clean-button.navbar-dark .form-inline {
  255.   border-top-color: #333;
  256. }
  257.  
  258. .navigation-clean-button .navbar-nav a.active, .navigation-clean-button .navbar-nav > .show > a {
  259.   background: none;
  260.   box-shadow: none;
  261. }
  262.  
  263. .navigation-clean-button.navbar-light .navbar-nav a.active, .navigation-clean-button.navbar-light .navbar-nav a.active:focus, .navigation-clean-button.navbar-light .navbar-nav a.active:hover {
  264.   color: #8f8f8f;
  265.   box-shadow: none;
  266.   background: none;
  267.   pointer-events: none;
  268. }
  269.  
  270. .navigation-clean-button.navbar .navbar-nav .nav-link {
  271.   padding-left: 18px;
  272.   padding-right: 18px;
  273. }
  274.  
  275. .navigation-clean-button.navbar-light .navbar-nav .nav-link {
  276.   color: #465765;
  277. }
  278.  
  279. .navigation-clean-button.navbar-light .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-light .navbar-nav .nav-link:hover {
  280.   color: #37434d !important;
  281.   background-color: transparent;
  282. }
  283.  
  284. .navigation-clean-button .navbar-nav > li > .dropdown-menu {
  285.   margin-top: -5px;
  286.   box-shadow: 0 4px 8px rgba(0,0,0,.1);
  287.   background-color: #fff;
  288.   border-radius: 2px;
  289. }
  290.  
  291. .navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item {
  292.   line-height: 2;
  293.   font-size: 14px;
  294.   color: #37434d;
  295. }
  296.  
  297. .navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item:hover {
  298.   background: #eee;
  299.   color: inherit;
  300. }
  301.  
  302. @media (max-width:767px) {
  303.   .navigation-clean-button .navbar-nav .show .dropdown-menu {
  304.     box-shadow: none;
  305.   }
  306. }
  307.  
  308. @media (max-width:767px) {
  309.   .navigation-clean-button .navbar-nav .show .dropdown-menu .dropdown-item {
  310.     color: #37434d;
  311.     padding-top: 12px;
  312.     padding-bottom: 12px;
  313.     line-height: 1;
  314.   }
  315. }
  316.  
  317. .navigation-clean-button.navbar-dark {
  318.   background-color: #1f2021;
  319.   color: #fff;
  320. }
  321.  
  322. .navigation-clean-button.navbar-dark .navbar-nav a.active, .navigation-clean-button.navbar-dark .navbar-nav a.active:focus, .navigation-clean-button.navbar-dark .navbar-nav a.active:hover {
  323.   color: #8f8f8f;
  324.   box-shadow: none;
  325.   background: none;
  326.   pointer-events: none;
  327. }
  328.  
  329. .navigation-clean-button.navbar-dark .navbar-nav .nav-link {
  330.   color: #dfe8ee;
  331. }
  332.  
  333. .navigation-clean-button.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-dark .navbar-nav .nav-link:hover {
  334.   color: #fff !important;
  335.   background-color: transparent;
  336. }
  337.  
  338. .navigation-clean-button.navbar-dark .navbar-nav > li > .dropdown-menu {
  339.   background-color: #1f2021;
  340. }
  341.  
  342. .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item {
  343.   color: #f2f5f8;
  344. }
  345.  
  346. .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:hover {
  347.   background: #363739;
  348. }
  349.  
  350. @media (max-width:767px) {
  351.   .navigation-clean-button.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
  352.     color: #fff;
  353.   }
  354. }
  355.  
  356. .navigation-clean-button .actions .login {
  357.   margin-right: 1rem;
  358.   text-decoration: none;
  359.   color: #465765;
  360. }
  361.  
  362. .navigation-clean-button.navbar-dark .actions .login {
  363.   color: #dfe8ee;
  364. }
  365.  
  366. .navigation-clean-button.navbar-dark .actions .login:hover {
  367.   color: #fff;
  368. }
  369.  
  370. .navigation-clean-button .navbar-text .action-button, .navigation-clean-button .navbar-text .action-button:active, .navigation-clean-button .navbar-text .action-button:hover {
  371.   background: #56c6c6;
  372.   border-radius: 20px;
  373.   font-size: inherit;
  374.   color: #fff;
  375.   box-shadow: none;
  376.   border: none;
  377.   text-shadow: none;
  378.   padding: .5rem 1rem;
  379.   transition: background-color 0.25s;
  380.   font-size: inherit;
  381. }
  382.  
  383. .navigation-clean-button .navbar-text .action-button:hover {
  384.   background: #66d7d7;
  385. }
  386.  
  387. .navigation-clean-button.navbar-dark .action-button, .navigation-clean-button.navbar-dark .action-button:active {
  388.   background: #208f8f;
  389. }
  390.  
  391. .navigation-clean-button.navbar-dark .action-button:hover {
  392.   background: #269d9d;
  393. }
  394.  
  395.  
  396.  
  397.     </style>
  398. </head>
  399.  
  400. <body>
  401.     <div>
  402.         <nav class="navbar navbar-light navbar-expand-md navigation-clean-button">
  403.             <div class="container"><a class="navbar-brand" href="#">Legends</a><button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
  404.                 <div class="collapse navbar-collapse show"
  405.                    id="navcol-1">
  406.                     <ul class="nav navbar-nav mr-auto">
  407.                         <li class="nav-item"><a class="nav-link" href="#">المنتجات الرئيسية</a></li>
  408.                         <li class="nav-item"><a class="nav-link" href="#">المنتجات الفرعيه</a></li>
  409.                         <li class="nav-item dropdown"><a data-toggle="dropdown" class="dropdown-toggle nav-link" href="#">الاقسام</a>
  410.                             <div class="dropdown-menu"><a class="dropdown-item" href="#">شوبي</a><a class="dropdown-item" href="#">حراج</a></div>
  411.                         </li>
  412.                     </ul><span class="navbar-text actions"><a class="login" href="#">Log In</a><a class="btn btn-light action-button" href="#" style="  background-color: #007bff;
  413. ">Sign Up</a></span></div>
  414.             </div>
  415.         </nav>
  416.         <div class="col-md-12 search-table-col"><code class="counter pull-right"></code><img src="https://i.pinimg.com/originals/99/43/30/994330d7db2eaf797f76c5f0e4a50d10.gif" class="op" />
  417.             <div class="table-responsive table-bordered table table-hover table-bordered results">
  418.                 <table class="table table-bordered table-hover">
  419.                     <thead class="bill-header cs">
  420.                         <tr>
  421.                             <th id="trs-hd" class="col-lg-1">السلعة</th>
  422.                             <th id="trs-hd" class="col-lg-2">النوع</th>
  423.                             <th id="trs-hd" class="col-lg-2">السعر</th>
  424.                             <th id="trs-hd" class="col-lg-2">المده</th>
  425.                             <th id="trs-hd" class="col-lg-2">الدفغ</th>
  426.                             <th id="trs-hd" class="col-lg-2">العدد</th>
  427.                         </tr>
  428.                     </thead>
  429.                     <tbody>
  430.                         <tr class="warning no-result">
  431.                             <td colspan="12"><i class="fa fa-warning"></i>  No Result !!!</td>
  432.                         </tr>
  433.                         <tr>
  434.                             <td>01</td>
  435.                             <td>===</td>
  436.                             <td>===</td>
  437.                             <td>===</td>
  438.                             <td>paypal</td>
  439.                             <td>===</td>
  440.                             <td><button class="btn btn-success" style="  margin-left: 5px;
  441. " type="submit"><i class="fa fa-check" style="  font-size: 15px;
  442. "></i></button><button class="btn btn-danger" style="  margin-left: 5px;
  443. " type="submit"><i class="fa fa-trash" style="  font-size: 15px;
  444. "></i></button></td>
  445.                         </tr>
  446.                     </tbody>
  447.                 </table>
  448.             </div>
  449.         </div>
  450.     </div>
  451. </body>
  452.  
  453. </html>
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!