API tools faq
paste
Guest User

Untitled

a guest
Dec 12th, 2017
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.47 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.   <meta charset="utf-8">
  4.   <meta name="viewport" content="width=device-width, initial-scale=1">
  5.   <link rel="stylesheet" href="assets/css/style.css">
  6.   <!--<link href='https://fonts.googleapis.com/css?family=Raleway:400,500,400italic,300,700,600' rel='stylesheet' type='text/css'>-->
  7.   <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,400italic,700,300'
  8.        rel='stylesheet'
  9.        type='text/css'>
  10.   <link rel="stylesheet"
  11.        href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  12.   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  13.   <link rel="stylesheet" href="/resources/demos/style.css">
  14.   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  15.   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  16.   <script>
  17.   $( function() {
  18.     $( "#tabs" ).tabs();
  19.   } );
  20.   </script>
  21. </head>
  22.  
  23. <body>
  24. <header>
  25.   <div class="logo">Supreme</div>
  26.   <div class="title">cop'fast</div>
  27. </header>
  28.  
  29. <div id="tabs">
  30.   <ul>
  31.     <li><a href="#tabs-1">Settings</a></li>
  32.     <li><a href="#tabs-2">Personnal informations</a></li>
  33.   </ul>
  34. <div id="tabs-1">
  35.   <div class="card has-header">
  36.     <div class="header flex-container">
  37.       <div>Settings</div>
  38.     </div>
  39.  
  40.     <div class="flex-container" id="settings">
  41.       <div class="flex-item" style="margin-right: 0px;">
  42.         <div class="toggle" id="toggle-autocheckout">
  43.           <div class="toggle-label">Auto checkout</div>
  44.           <div>
  45.             <span class="toggle-text toggle-true">ON</span>
  46.             <span class="toggle-text toggle-false">OFF</span>
  47.           </div>
  48.         </div>
  49.       </div>
  50.  
  51.       <div class="flex-item" style="margin-left: 5px">
  52.         <div class="toggle" id="toggle-atc">
  53.           <div class="toggle-label">Auto ATC</div>
  54.           <div>
  55.             <span class="toggle-text toggle-true">ON</span>
  56.             <span class="toggle-text toggle-false">OFF</span>
  57.           </div>
  58.         </div>
  59.       </div>
  60.  
  61.       <div class="flex-item" style="margin-left: 5px;">
  62.         <div class="toggle" id="toggle-images">
  63.           <div class="toggle-label">Show images</div>
  64.           <div>
  65.             <span class="toggle-text toggle-true">ON</span>
  66.             <span class="toggle-text toggle-false">OFF</span>
  67.           </div>
  68.         </div>
  69.       </div>
  70.  
  71.       <div class="warning" id="checkout-warning">
  72.         <div class="text-warning">Warning</div>
  73.         <div>
  74.           <b>Auto checkout</b> is set to <em>on</em>, it will
  75.           automatically fill the checkout page with your informations
  76.           and try to pay when you visit it.<br>
  77.           We are not responsible for any accidental purchase.<br>
  78.           Be sure to set auto checkout to <em>off</em> when you don't need
  79.           it.
  80.         </div>
  81.       </div>
  82.     <div class="flex-container-row" style="margin: 0px 5px 0px 5px">
  83.       <div class="flex-item" style="margin-top: 10px; min-width: 100%">
  84.         <label class="field-label" for="cart-limit">Cart limit</label>
  85.         <select id="cart-limit" style="width: 100%">
  86.           <option value=""></option>
  87.           <option value="1">1</option>
  88.           <option value="2">2</option>
  89.           <option value="3">3</option>
  90.           <option value="4">4</option>
  91.           <option value="5">5</option>
  92.           <option value="6">6</option>
  93.         </select>
  94.       </div>
  95.     </div>
  96.     <div class="flex-container-row" style="margin: 0px 5px 0px 5px">
  97.       <div class="flex-item" style="margin-top: 10px; min-width: 100%">
  98.         <label class="field-label" for="checkout-delay">Checkout delay</label>
  99.         <select id="checkout-delay" style="width: 100%">
  100.           <option value=""></option>
  101.           <option value="1">1</option>
  102.           <option value="2">2</option>
  103.           <option value="3">3</option>
  104.           <option value="4">4</option>
  105.           <option value="5">5</option>
  106.           <option value="6">6</option>
  107.         </select>
  108.       </div>
  109.     </div> <!-- #settings.flex-container -->
  110.   </div>
  111.  
  112.           <!--<button class="btn-primary" id="save-cart-limit"
  113.                style=   "margin-left: 5px">Save
  114.        </button> -->
  115.         <!-- <button class="btn-primary" id="save-checkout-time"
  116.          style=   "margin-left: 5px">Save
  117.        </button> -->
  118.  
  119.   <div class="card has-header" id="keywords-finder">
  120.     <div class="header flex-container">
  121.       <div>Keywords finder</div>
  122.     </div>
  123.     <div class="flex-container flex-row">
  124.       <div class="flex-item field-label">type</div>
  125.       <div class="flex-item field-label">keywords</div>
  126.       <div class="flex-item field-label">color</div>
  127.       <div class="flex-item field-label">size</div>
  128.     </div>
  129.     <div id="wishlist"></div>
  130.   </div>
  131. </div>
  132. </div> <!-- end of settings tab -->
  133.  
  134. <div id="tabs-2">
  135.   <div class="card has-header" id="usr-size">
  136.     <div class="header flex-container">
  137.       <div>Your sizes</div>
  138.       <div class="header-btn">
  139.         <button class="btn-primary" id="edit-size-btn">Edit</button>
  140.       </div>
  141.     </div>
  142.  
  143.     <div class="flex-container">
  144.       <div class="flex-item">
  145.         <div>
  146.           <div class="field-label">Tops</div>
  147.           <div class="field-value" id="usr-top-size"></div>
  148.         </div>
  149.         <div>
  150.           <div class="field-label">Pants (small, medium..)</div>
  151.           <div class="field-value" id="usr-pants-size-text"></div>
  152.         </div>
  153.         <div>
  154.           <div class="field-label">Pants (32, 34..)</div>
  155.           <div class="field-value" id="usr-pants-size-num"></div>
  156.         </div>
  157.       </div>
  158.  
  159.       <div class="flex-item">
  160.         <div>
  161.           <div class="field-label">Shoes (UK size)</div>
  162.           <div class="field-value" id="usr-shoes-size"></div>
  163.         </div>
  164.         <div>
  165.           <div class="field-label">Hats</div>
  166.           <div class="field-value" id="usr-hats-size"></div>
  167.         </div>
  168.         <div>
  169.           <div class="field-label">Accessories</div>
  170.           <div class="field-value" id="usr-accessories-size"></div>
  171.         </div>
  172.       </div>
  173.     </div>
  174.   </div>
  175.  
  176.   <div class="card has-header hidden" id="edit-size">
  177.     <div class="header flex-container">
  178.       <div>Your sizes</div>
  179.       <div class="header-btn">
  180.         <button class="btn-primary" id="save-size">Save</button>
  181.       </div>
  182.     </div>
  183.  
  184.     <div class="flex-container">
  185.       <div class="flex-item">
  186.         <label for="top-size">Tops</label>
  187.         <select name="top-size" id="top-size">
  188.           <option value=""></option>
  189.           <option value="small">Small</option>
  190.           <option value="medium">Medium</option>
  191.           <option value="large">Large</option>
  192.           <option value="xlarge">XLarge</option>
  193.           <option value="xxlarge">XXLarge</option>
  194.         </select>
  195.  
  196.         <label for="pants-size-text">Pants (small, medium..)</label>
  197.         <select name="pants-size-text" id="pants-size-text">
  198.           <option value=""></option>
  199.           <option value="small">small</option>
  200.           <option value="medium">medium</option>
  201.           <option value="large">large</option>
  202.           <option value="xlarge">xlarge</option>
  203.           <option value="xxlarge">xxlarge</option>
  204.         </select>
  205.  
  206.         <label for="pants-size-num">Pants (32, 34, 36..)</label>
  207.         <select name="pants-size-num" id="pants-size-num">
  208.           <option value=""></option>
  209.           <option value="32">32</option>
  210.           <option value="34">34</option>
  211.           <option value="36">36</option>
  212.           <option value="38">38</option>
  213.           <option value="40">40</option>
  214.           <option value="42">42</option>
  215.           <option value="44">44</option>
  216.         </select>
  217.  
  218.       </div>
  219.       <div class="flex-item">
  220.         <label for="shoes-size">Shoes (UK size)</label>
  221.         <select name="shoes-size" id="shoes-size">
  222.           <option value=""></option>
  223.           <option value="6">6</option>
  224.           <option value="6.5">6.5</option>
  225.           <option value="7">7</option>
  226.           <option value="7.5">7.5</option>
  227.           <option value="8">8</option>
  228.           <option value="8.5">8.5</option>
  229.           <option value="9">9</option>
  230.           <option value="9.5">9.5</option>
  231.           <option value="10">10</option>
  232.         </select>
  233.  
  234.         <label for="hats-size">Hats</label>
  235.         <select name="hats-size" id="hats-size">
  236.           <option value=""></option>
  237.           <option value="small">Small</option>
  238.           <option value="medium">Medium</option>
  239.           <option value="large">Large</option>
  240.           <option value="xlarge">XLarge</option>
  241.           <option value="xxlarge">XXLarge</option>
  242.         </select>
  243.  
  244.         <label for="accessories-size">Accessories</label>
  245.         <select name="accessories-size" id="accessories-size">
  246.           <option value=""></option>
  247.           <option value="small">Small</option>
  248.           <option value="medium">Medium</option>
  249.           <option value="large">Large</option>
  250.           <option value="xlarge">XLarge</option>
  251.           <option value="xxlarge">XXLarge</option>
  252.         </select>
  253.       </div>
  254.     </div>
  255.   </div>
  256.  
  257.   <div class="card has-header" id="usr-infos">
  258.     <div class="header flex-container">
  259.       <div class="flex-item">Billing/Shipping information</div>
  260.       <div class="flex-item">Credit card information</div>
  261.       <div class="header-btn">
  262.         <button class="btn-primary" id="edit-usr-btn">Edit</button>
  263.       </div>
  264.     </div>
  265.     <div class="flex-container">
  266.       <div class="flex-item">
  267.         <div>
  268.           <div class="field-label">Order billing name</div>
  269.           <div class="field-value" id="usr-order_billing_name"></div>
  270.         </div>
  271.         <div>
  272.           <div class="field-label">e-mail</div>
  273.           <div class="field-value" id="usr-order_email"></div>
  274.         </div>
  275.         <div>
  276.           <div class="field-label">Tel</div>
  277.           <div class="field-value" id="usr-order_tel"></div>
  278.         </div>
  279.         <div>
  280.           <div class="field-label">Address</div>
  281.           <div class="field-value" id="usr-bo"></div>
  282.         </div>
  283.         <div>
  284.           <div class="field-label">Address2</div>
  285.           <div class="field-value" id="usr-oba3"></div>
  286.         </div>
  287.         <div>
  288.           <div class="field-label">Address 3</div>
  289.           <div class="field-value" id="usr-order_billing_address_3"></div>
  290.         </div>
  291.         <div>
  292.           <div class="field-label">City</div>
  293.           <div class="field-value" id="usr-order_billing_city"></div>
  294.         </div>
  295.         <div>
  296.           <div class="field-label">Zipcode</div>
  297.           <div class="field-value" id="usr-order_billing_zip"></div>
  298.         </div>
  299.         <div>
  300.           <div class="field-label">Country</div>
  301.           <div class="field-value" id="usr-order_billing_country"></div>
  302.         </div>
  303.       </div>
  304.  
  305.       <div class="flex-item">
  306.         <div>
  307.           <div class="field-label">Credit card type</div>
  308.           <div class="field-value" id="usr-credit_card_type"></div>
  309.         </div>
  310.         <div class="cc-infos">
  311.           <div>
  312.             <div class="field-label">Credit card number</div>
  313.             <div class="field-value" id="usr-cnb"></div>
  314.           </div>
  315.           <div>
  316.             <div class="field-label">Credit card month</div>
  317.             <div class="field-value" id="usr-credit_card_month"></div>
  318.           </div>
  319.           <div>
  320.             <div class="field-label">Credit card year</div>
  321.             <div class="field-value" id="usr-credit_card_year"></div>
  322.           </div>
  323.           <div>
  324.             <div class="field-label">CVV</div>
  325.             <div class="field-value" id="usr-vval"></div>
  326.           </div>
  327.         </div>
  328.       </div> <!-- .flex-item -->
  329.  
  330.     </div> <!-- .flex-container -->
  331.  
  332.   </div>
  333.  
  334.   <div class="card has-header hidden" id="edit-usr-infos">
  335.     <div class="header flex-container">
  336.       <div class="flex-item">Billing/Shipping information</div>
  337.       <div class="flex-item">Credit card information</div>
  338.       <div class="header-btn">
  339.         <button class="btn-primary" id="save-usr-infos">Save</button>
  340.       </div>
  341.     </div>
  342.     <div class="flex-container">
  343.       <div class="flex-item">
  344.         <label for="order_billing_name"> Full name </label>
  345.         <input type="text" id="order_billing_name">
  346.  
  347.         <label for="order_email"> e-mail </label>
  348.         <input type="text" id="order_email">
  349.  
  350.         <label for="order_tel"> Tel </label>
  351.         <input type="text" id="order_tel">
  352.  
  353.         <label for="bo"> Address </label>
  354.         <input type="text" id="bo">
  355.  
  356.         <label for="oba3"> Address 2 </label>
  357.         <input type="text" id="oba3">
  358.  
  359.         <label for="order_billing_address_3"> Address 3 </label>
  360.         <input type="text" id="order_billing_address_3">
  361.  
  362.         <label for="order_billing_city"> City </label>
  363.         <input type="text" id="order_billing_city">
  364.  
  365.         <label for="order_billing_zip"> Postcode </label>
  366.         <input type="text" id="order_billing_zip">
  367.  
  368.         <label for="order_billing_country"> Country </label>
  369.         <select id="order_billing_country">
  370.           <option value=""></option>
  371.           <option value="UK">UK</option>
  372.           <option value="FR">FR</option>
  373.           <option value="CH">CH</option>
  374.         </select>
  375.       </div> <!-- .flex-item -->
  376.  
  377.       <div class="flex-item">
  378.         <label for="credit_card_type"> Type </label>
  379.         <select id="credit_card_type">
  380.           <option value=""></option>
  381.           <option value="visa">Visa</option>
  382.           <option value="master">Mastercard</option>
  383.           <option value="american_express">American Express</option>
  384.           <option value="paypal">Paypal</option>
  385.         </select>
  386.  
  387.         <div class="cc-infos">
  388.           <label for="cnb"> Number </label>
  389.           <input type="text" id="cnb">
  390.  
  391.           <label for="credit_card_month"> exp. date </label>
  392.           <select id="credit_card_month">
  393.             <option value=""></option>
  394.             <option value="01">01</option>
  395.             <option value="02">02</option>
  396.             <option value="03">03</option>
  397.             <option value="04">04</option>
  398.             <option value="05">05</option>
  399.             <option value="06">06</option>
  400.             <option value="07">07</option>
  401.             <option value="08">08</option>
  402.             <option value="09">09</option>
  403.             <option value="10">10</option>
  404.             <option value="11">11</option>
  405.             <option value="12">12</option>
  406.           </select>
  407.           <select id="credit_card_year">
  408.             <option value=""></option>
  409.             <option value="2016">2016</option>
  410.             <option value="2017">2017</option>
  411.             <option value="2018">2018</option>
  412.             <option value="2019">2019</option>
  413.             <option value="2020">2020</option>
  414.             <option value="2021">2021</option>
  415.             <option value="2022">2022</option>
  416.           </select>
  417.  
  418.           <label for="vval"> CVV </label>
  419.           <input type="text" id="vval">
  420.         </div>
  421.  
  422.       </div> <!-- .flex-item -->
  423.  
  424.     </div> <!-- .flex-container -->
  425.  
  426.   </div> <!-- #edit-usr-infos -->
  427.  
  428. </div> <!-- end of personnal informations tabs -->
  429.  
  430. </div> <!-- end of tabs -->
  431.  
  432. <footer>
  433.   <span class="fa fa-copyright"></span> cop'fast - 2016-2018
  434. </footer>
  435.  
  436. <script src="./usrInfos.js"></script>
  437. <script src="./inject/jquery-1.12.4.js"></script>
  438. <script src="./inject/jquery-ui.js"></script>
  439.  
  440. </body>
  441.  
  442. </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!