Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="assets/css/style.css">
- <!--<link href='https://fonts.googleapis.com/css?family=Raleway:400,500,400italic,300,700,600' rel='stylesheet' type='text/css'>-->
- <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,400italic,700,300'
- rel='stylesheet'
- type='text/css'>
- <link rel="stylesheet"
- href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
- <link rel="stylesheet" href="/resources/demos/style.css">
- </head>
- <body>
- <header>
- <div class="logo">Supreme</div>
- <div class="title">cop'fast</div>
- </header>
- <div id="tabs">
- <ul>
- <li><a href="#tabs-1">Settings</a></li>
- <li><a href="#tabs-2">Personnal informations</a></li>
- </ul>
- <div id="tabs-1">
- <div class="card has-header">
- <div class="header flex-container">
- <div>Settings</div>
- </div>
- <div class="flex-container" id="settings">
- <div class="flex-item" style="margin-right: 0px;">
- <div class="toggle" id="toggle-autocheckout">
- <div class="toggle-label">Auto checkout</div>
- <div>
- <span class="toggle-text toggle-true">ON</span>
- <span class="toggle-text toggle-false">OFF</span>
- </div>
- </div>
- </div>
- <div class="flex-item" style="margin-left: 5px">
- <div class="toggle" id="toggle-atc">
- <div class="toggle-label">Auto ATC</div>
- <div>
- <span class="toggle-text toggle-true">ON</span>
- <span class="toggle-text toggle-false">OFF</span>
- </div>
- </div>
- </div>
- <div class="flex-item" style="margin-left: 5px;">
- <div class="toggle" id="toggle-images">
- <div class="toggle-label">Show images</div>
- <div>
- <span class="toggle-text toggle-true">ON</span>
- <span class="toggle-text toggle-false">OFF</span>
- </div>
- </div>
- </div>
- <div class="warning" id="checkout-warning">
- <div class="text-warning">Warning</div>
- <div>
- <b>Auto checkout</b> is set to <em>on</em>, it will
- automatically fill the checkout page with your informations
- and try to pay when you visit it.<br>
- We are not responsible for any accidental purchase.<br>
- Be sure to set auto checkout to <em>off</em> when you don't need
- it.
- </div>
- </div>
- <div class="flex-container-row" style="margin: 0px 5px 0px 5px">
- <div class="flex-item" style="margin-top: 10px; min-width: 100%">
- <label class="field-label" for="cart-limit">Cart limit</label>
- <select id="cart-limit" style="width: 100%">
- <option value=""></option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- </select>
- </div>
- </div>
- <div class="flex-container-row" style="margin: 0px 5px 0px 5px">
- <div class="flex-item" style="margin-top: 10px; min-width: 100%">
- <label class="field-label" for="checkout-delay">Checkout delay</label>
- <select id="checkout-delay" style="width: 100%">
- <option value=""></option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- </select>
- </div>
- </div> <!-- #settings.flex-container -->
- </div>
- <!--<button class="btn-primary" id="save-cart-limit"
- style= "margin-left: 5px">Save
- </button> -->
- <!-- <button class="btn-primary" id="save-checkout-time"
- style= "margin-left: 5px">Save
- </button> -->
- <div class="card has-header" id="keywords-finder">
- <div class="header flex-container">
- <div>Keywords finder</div>
- </div>
- <div class="flex-container flex-row">
- <div class="flex-item field-label">type</div>
- <div class="flex-item field-label">keywords</div>
- <div class="flex-item field-label">color</div>
- <div class="flex-item field-label">size</div>
- </div>
- <div id="wishlist"></div>
- </div>
- </div>
- </div> <!-- end of settings tab -->
- <div id="tabs-2">
- <div class="card has-header" id="usr-size">
- <div class="header flex-container">
- <div>Your sizes</div>
- <div class="header-btn">
- <button class="btn-primary" id="edit-size-btn">Edit</button>
- </div>
- </div>
- <div class="flex-container">
- <div class="flex-item">
- <div>
- <div class="field-label">Tops</div>
- <div class="field-value" id="usr-top-size"></div>
- </div>
- <div>
- <div class="field-label">Pants (small, medium..)</div>
- <div class="field-value" id="usr-pants-size-text"></div>
- </div>
- <div>
- <div class="field-label">Pants (32, 34..)</div>
- <div class="field-value" id="usr-pants-size-num"></div>
- </div>
- </div>
- <div class="flex-item">
- <div>
- <div class="field-label">Shoes (UK size)</div>
- <div class="field-value" id="usr-shoes-size"></div>
- </div>
- <div>
- <div class="field-label">Hats</div>
- <div class="field-value" id="usr-hats-size"></div>
- </div>
- <div>
- <div class="field-label">Accessories</div>
- <div class="field-value" id="usr-accessories-size"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="card has-header hidden" id="edit-size">
- <div class="header flex-container">
- <div>Your sizes</div>
- <div class="header-btn">
- <button class="btn-primary" id="save-size">Save</button>
- </div>
- </div>
- <div class="flex-container">
- <div class="flex-item">
- <label for="top-size">Tops</label>
- <select name="top-size" id="top-size">
- <option value=""></option>
- <option value="small">Small</option>
- <option value="medium">Medium</option>
- <option value="large">Large</option>
- <option value="xlarge">XLarge</option>
- <option value="xxlarge">XXLarge</option>
- </select>
- <label for="pants-size-text">Pants (small, medium..)</label>
- <select name="pants-size-text" id="pants-size-text">
- <option value=""></option>
- <option value="small">small</option>
- <option value="medium">medium</option>
- <option value="large">large</option>
- <option value="xlarge">xlarge</option>
- <option value="xxlarge">xxlarge</option>
- </select>
- <label for="pants-size-num">Pants (32, 34, 36..)</label>
- <select name="pants-size-num" id="pants-size-num">
- <option value=""></option>
- <option value="32">32</option>
- <option value="34">34</option>
- <option value="36">36</option>
- <option value="38">38</option>
- <option value="40">40</option>
- <option value="42">42</option>
- <option value="44">44</option>
- </select>
- </div>
- <div class="flex-item">
- <label for="shoes-size">Shoes (UK size)</label>
- <select name="shoes-size" id="shoes-size">
- <option value=""></option>
- <option value="6">6</option>
- <option value="6.5">6.5</option>
- <option value="7">7</option>
- <option value="7.5">7.5</option>
- <option value="8">8</option>
- <option value="8.5">8.5</option>
- <option value="9">9</option>
- <option value="9.5">9.5</option>
- <option value="10">10</option>
- </select>
- <label for="hats-size">Hats</label>
- <select name="hats-size" id="hats-size">
- <option value=""></option>
- <option value="small">Small</option>
- <option value="medium">Medium</option>
- <option value="large">Large</option>
- <option value="xlarge">XLarge</option>
- <option value="xxlarge">XXLarge</option>
- </select>
- <label for="accessories-size">Accessories</label>
- <select name="accessories-size" id="accessories-size">
- <option value=""></option>
- <option value="small">Small</option>
- <option value="medium">Medium</option>
- <option value="large">Large</option>
- <option value="xlarge">XLarge</option>
- <option value="xxlarge">XXLarge</option>
- </select>
- </div>
- </div>
- </div>
- <div class="card has-header" id="usr-infos">
- <div class="header flex-container">
- <div class="flex-item">Billing/Shipping information</div>
- <div class="flex-item">Credit card information</div>
- <div class="header-btn">
- <button class="btn-primary" id="edit-usr-btn">Edit</button>
- </div>
- </div>
- <div class="flex-container">
- <div class="flex-item">
- <div>
- <div class="field-label">Order billing name</div>
- <div class="field-value" id="usr-order_billing_name"></div>
- </div>
- <div>
- <div class="field-label">e-mail</div>
- <div class="field-value" id="usr-order_email"></div>
- </div>
- <div>
- <div class="field-label">Tel</div>
- <div class="field-value" id="usr-order_tel"></div>
- </div>
- <div>
- <div class="field-label">Address</div>
- <div class="field-value" id="usr-bo"></div>
- </div>
- <div>
- <div class="field-label">Address2</div>
- <div class="field-value" id="usr-oba3"></div>
- </div>
- <div>
- <div class="field-label">Address 3</div>
- <div class="field-value" id="usr-order_billing_address_3"></div>
- </div>
- <div>
- <div class="field-label">City</div>
- <div class="field-value" id="usr-order_billing_city"></div>
- </div>
- <div>
- <div class="field-label">Zipcode</div>
- <div class="field-value" id="usr-order_billing_zip"></div>
- </div>
- <div>
- <div class="field-label">Country</div>
- <div class="field-value" id="usr-order_billing_country"></div>
- </div>
- </div>
- <div class="flex-item">
- <div>
- <div class="field-label">Credit card type</div>
- <div class="field-value" id="usr-credit_card_type"></div>
- </div>
- <div class="cc-infos">
- <div>
- <div class="field-label">Credit card number</div>
- <div class="field-value" id="usr-cnb"></div>
- </div>
- <div>
- <div class="field-label">Credit card month</div>
- <div class="field-value" id="usr-credit_card_month"></div>
- </div>
- <div>
- <div class="field-label">Credit card year</div>
- <div class="field-value" id="usr-credit_card_year"></div>
- </div>
- <div>
- <div class="field-label">CVV</div>
- <div class="field-value" id="usr-vval"></div>
- </div>
- </div>
- </div> <!-- .flex-item -->
- </div> <!-- .flex-container -->
- </div>
- <div class="card has-header hidden" id="edit-usr-infos">
- <div class="header flex-container">
- <div class="flex-item">Billing/Shipping information</div>
- <div class="flex-item">Credit card information</div>
- <div class="header-btn">
- <button class="btn-primary" id="save-usr-infos">Save</button>
- </div>
- </div>
- <div class="flex-container">
- <div class="flex-item">
- <label for="order_billing_name"> Full name </label>
- <input type="text" id="order_billing_name">
- <label for="order_email"> e-mail </label>
- <input type="text" id="order_email">
- <label for="order_tel"> Tel </label>
- <input type="text" id="order_tel">
- <label for="bo"> Address </label>
- <input type="text" id="bo">
- <label for="oba3"> Address 2 </label>
- <input type="text" id="oba3">
- <label for="order_billing_address_3"> Address 3 </label>
- <input type="text" id="order_billing_address_3">
- <label for="order_billing_city"> City </label>
- <input type="text" id="order_billing_city">
- <label for="order_billing_zip"> Postcode </label>
- <input type="text" id="order_billing_zip">
- <label for="order_billing_country"> Country </label>
- <select id="order_billing_country">
- <option value=""></option>
- <option value="UK">UK</option>
- <option value="FR">FR</option>
- <option value="CH">CH</option>
- </select>
- </div> <!-- .flex-item -->
- <div class="flex-item">
- <label for="credit_card_type"> Type </label>
- <select id="credit_card_type">
- <option value=""></option>
- <option value="visa">Visa</option>
- <option value="master">Mastercard</option>
- <option value="american_express">American Express</option>
- <option value="paypal">Paypal</option>
- </select>
- <div class="cc-infos">
- <label for="cnb"> Number </label>
- <input type="text" id="cnb">
- <label for="credit_card_month"> exp. date </label>
- <select id="credit_card_month">
- <option value=""></option>
- <option value="01">01</option>
- <option value="02">02</option>
- <option value="03">03</option>
- <option value="04">04</option>
- <option value="05">05</option>
- <option value="06">06</option>
- <option value="07">07</option>
- <option value="08">08</option>
- <option value="09">09</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- </select>
- <select id="credit_card_year">
- <option value=""></option>
- <option value="2016">2016</option>
- <option value="2017">2017</option>
- <option value="2018">2018</option>
- <option value="2019">2019</option>
- <option value="2020">2020</option>
- <option value="2021">2021</option>
- <option value="2022">2022</option>
- </select>
- <label for="vval"> CVV </label>
- <input type="text" id="vval">
- </div>
- </div> <!-- .flex-item -->
- </div> <!-- .flex-container -->
- </div> <!-- #edit-usr-infos -->
- </div> <!-- end of personnal informations tabs -->
- </div> <!-- end of tabs -->
- <footer>
- <span class="fa fa-copyright"></span> cop'fast - 2016-2018
- </footer>
- <script src="./inject/jquery-1.12.4.js"></script>
- <script src="./inject/jquery-ui.js"></script>
- <script src="./usrInfos.js"></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment