summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/android/assets/www/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/android/assets/www/index.html')
-rwxr-xr-xStoneIsland/platforms/android/assets/www/index.html1153
1 files changed, 1153 insertions, 0 deletions
diff --git a/StoneIsland/platforms/android/assets/www/index.html b/StoneIsland/platforms/android/assets/www/index.html
new file mode 100755
index 00000000..9ea4a499
--- /dev/null
+++ b/StoneIsland/platforms/android/assets/www/index.html
@@ -0,0 +1,1153 @@
+<!doctype html>
+<html>
+<head>
+ <!--
+ Customize this policy to fit your own app's needs. For more guidance, see:
+ https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
+ Some notes:
+ * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
+ * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
+ * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
+ * Enable inline JS: add 'unsafe-inline' to default-src
+ -->
+<!--
+ <meta http-equiv="Content-Security-Policy" content="default-src 'self' lvh.me lvh.me:5000 data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
+-->
+ <meta name="format-detection" content="telephone=no">
+ <meta name="msapplication-tap-highlight" content="no">
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+ <link rel="stylesheet" type="text/css" href="css/fonts/fonts.css">
+ <link rel="stylesheet" type="text/css" href="css/fonts/ionicons.css">
+ <link rel="stylesheet" type="text/css" href="css/vendor/flickity.css">
+ <link rel="stylesheet" type="text/css" href="css/index.css">
+ <link rel="stylesheet" type="text/css" href="css/nav.css">
+ <link rel="stylesheet" type="text/css" href="css/account.css">
+ <link rel="stylesheet" type="text/css" href="css/products.css">
+ <link rel="stylesheet" type="text/css" href="css/cart.css">
+ <link rel="stylesheet" type="text/css" href="css/blogs.css">
+ <link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
+ <link rel="manifest" href="icons/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="icons/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+ <title>Stone Island</title>
+</head>
+<body class="loading">
+
+<div id="nav">
+ <div id="nav-container">
+ <div id="nav-row">
+ <!-- flex -->
+
+ <span class="menu">
+ <div class="logo"></div>
+ <div class="main_menu">
+ <span class="store">STORE</span>
+ <span class="hub">HUB</span>
+ <span class="story">STORY</span>
+ <span class="archive">ARCHIVE</span>
+ </div>
+ <div class="account_menu">
+ <span class="account_back menu-emphasis">&lt; ACCOUNT</span>
+ <span class="profile">PROFILE</span>
+ <span class="payment">PAYMENT</span>
+ <span class="shipping">SHIPPING</span>
+ <span class="orders">ORDERS</span>
+ <span class="return_link">RETURN</span>
+ <span class="settings">NOTIFICATIONS</span>
+ </div>
+ <div class="faq_menu">
+ <span class="faq_back menu-emphasis">&lt; FAQ</span>
+ <span class="privacy">PRIVACY POLICY</span>
+ <span class="terms">TERMS AND CONDITIONS</span>
+ <span class="returns">RETURN POLICY</span>
+ <span class="care">CUSTOMER CARE</span>
+ </div>
+ </span>
+
+ </div>
+ <div id="nav-fill">
+ <!-- flex fill -->
+ <span class="submenu">
+ <div class="main_menu">
+ <span class="account">ACCOUNT</span>
+ <span class="login">LOGIN</span>
+ <span class="faq">FAQ</span>
+ </div>
+ <div class="account_menu">
+ <span class="logout">LOGOUT</span>
+ <span class="faq">FAQ</span>
+ <span class="main">MAIN MENU</span>
+ </div>
+ <div class="faq_menu">
+ <span class="account">ACCOUNT</span>
+ <span class="login">LOGIN</span>
+ <span class="logout">LOGOUT</span>
+ <span class="main">MAIN MENU</span>
+ </div>
+ </span>
+ </div>
+ <!-- end flex -->
+ </div>
+
+ <span class="social">
+ <span class="fb ion-social-facebook"></span>
+ <span class="insta ion-social-instagram-outline"></span>
+ <span class="tw ion-social-twitter"></span>
+ </span>
+</div>
+
+<div id="content">
+
+ <div id="intro">
+ <div id="compass"></div>
+ <div class="store">STORE</div>
+ <div class="hub">HUB</div>
+ <div class="story">STORY</div>
+ <div class="archive">ARCHIVE</div>
+ <span
+ <span class="latlng">+40&deg; 58' 90" -74&deg; 04' 46"</span>
+ </div>
+
+ <div id="header">
+ <span class="burger ion-android-menu"></span>
+ <span class="logo"></span>
+ <span class="cart"><span class="cart_count">0</span></span>
+ </div>
+
+ <div id="footer">
+ <!-- 'Cancel' i think needs to go BACK in the navigation.. rather than jumping to the home screen -->
+ <div class="cancel">CANCEL</div>
+ <div class="ok">OK</div>
+ </div>
+
+
+ <!-- BLOGS ================================================ -->
+
+ <div id="story">
+ <div class="scroll">
+ <h1>STORY</h1>
+ <img>
+ <ul class="links"></ul>
+ <div class="content">
+ <script type="text/html" class="template">
+ <div data-id="{{id}}">
+ <div class="body">{{body}}</div>
+ </div>
+ </script>
+ </div>
+ </div>
+ </div>
+
+ <div id="hub">
+ <div class="scroll">
+ <h1>HUB</h1>
+ <div class="content">
+ <script type="text/html" class="template">
+ <div class="hub_item" data-id="{{id}}">
+ <div class="gallery gallery-{{id}}"></div>
+ <div class="gallery-left"></div>
+ <div class="gallery-right"></div>
+ <div class="content-header">
+ <div class="content-share">
+ SHARE +
+ </div>
+ <span class="title">{{title}}</span>
+ <span class="subtitle">{{subtitle}}</span>
+ <span class="date">
+ {{date}}
+ <span class="store">
+ | <b><u>STORE</u></b>
+ </span>
+ </span>
+ </div>
+ <div class="body">{{body}}</div>
+ </div>
+ </script>
+ </div>
+ </div>
+ <div class="fade-cover"></div>
+ </div>
+
+ <div id="archive">
+ <div class="scroll">
+ <div class="content">
+ <script type="text/html" class="template">
+ <div class="image" style="background-image:url({{image}})"></div>
+ <div class="text">
+ <h2>
+ <b>{{code}}</b><br>
+ {{label}}
+ </h2>
+ <div class="body">
+ {{caption}}
+ </div>
+ </div>
+ </script>
+ </div>
+ </div>
+ <div class="menu">
+ <div class="items">
+ <script type="text/html" class="template">
+ <div class="item">{{title}}</div>
+ </script>
+ </div>
+ </div>
+ <div class="heading">
+ <h1>ARCHIVE</h1>
+ <div class="subtitle">'982-'015</div>
+ </div>
+ </div>
+
+ <div id="privacy" class="page">
+ <div class="scroll">
+ <h1>PRIVACY POLICY</h1>
+ <div class="content"></div>
+ </div>
+ </div>
+ <div id="terms" class="page">
+ <div class="scroll">
+ <h1>TERMS AND CONDITIONS</h1>
+ <div class="content"></div>
+ </div>
+ </div>
+ <div id="returns" class="page">
+ <div class="scroll">
+ <h1>RETURN POLICY</h1>
+ <div class="content"></div>
+ </div>
+ </div>
+ <div id="care" class="page">
+ <div class="scroll">
+ <h1>CUSTOMER CARE</h1>
+ <div class="content"></div>
+ </div>
+ </div>
+
+
+ <!-- STORE ================================================ -->
+
+ <div id="collection">
+ <div class="scroll">
+ <h1>COLLECTION NAME</h1>
+ <div class="loader"></div>
+ <div class="content">
+ <script type="text/html" class="template">
+ <div class="item" data-code="{{code8}}">
+ <img src="{{image}}">
+ </div>
+ </script>
+ </div>
+ </div>
+ </div>
+
+ <div id="search">
+ <div class="scroll">
+ <h1>SEARCH</h1>
+ <form>
+ <input type="text" class="q" placeholder="ENTER YOUR SEARCH">
+ </form>
+ </div>
+ </div>
+
+ <div id="product">
+ <div class="scroll">
+ <div class="loader"></div>
+ <div id="gallery" class="gallery">
+ <script type="text/html" class="template">
+ <div class="item" style="background-image:url({{image}})"></div>
+ </script>
+ </div>
+ <div class="gallery-left"></div>
+ <div class="gallery-right"></div>
+ <div class="content">
+ <div class="product-header">
+ <span class="num"></span>
+ <span class="title"></span>
+ </div>
+ <div class="type-price">
+ <span class="type"></span>
+ <span class="price"></span>
+ </div>
+ <div class="style-share">
+ <span class="style">
+ <div class="size-color">
+ <span class="size"></span>
+ <span class="color"></span>
+ </div>
+ </span>
+ <span class="share">SHARE +</span>
+ </div>
+ <div class="fit">Fits Large</div>
+ <div class="body">
+ </div>
+ <div class="sizing">
+ <b>Sizing:</b> The products of this collaboration fit slightly larger than the classic Stone Island garments.
+ <br><br>
+ We suggest you choose a smaller size than yours.
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="closed">
+ <div class="closed_store_msg">
+ <h3>
+ THIS STORE IS CURRENTLY CLOSED
+ </h3>
+ <div class="website_link">
+ visit<br>
+ <b>www.stoneisland.com</b>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- ACCOUNT ================================================ -->
+
+ <div id="login">
+ <div class="scroll">
+ <h1>LOGIN</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <input type="email" name="Email" placeholder="EMAIL ADDRESS" required>
+ <input type="password" name="Password" placeholder="PASSWORD" required>
+ </div>
+ <div class="container-fill">
+ <div class="container-message premessage">
+ <span class="newuser">New User?</span>
+ </div>
+ <div class="container-message submessage">
+ <span class="msg"></span>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div id="logout">
+ <div class="scroll">
+ <h1>LOGOUT</h1>
+ <div class="container">
+ <div class="container-fill">
+ <span class="container-message msg">
+ You are now logged out.
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="signup">
+ <div class="scroll">
+ <h1>NEW USER</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <input type="text" name="Name" placeholder="FIRST NAME" required>
+ <input type="text" name="Surname" placeholder="LAST NAME" required>
+ <input type="email" name="Email" placeholder="EMAIL ADDRESS" required>
+ <input type="email" name="ConfirmEmail" placeholder="CONFIRM EMAIL ADDRESS" required>
+ <div class="select-wrapper date-wrapper">
+ <span>BIRTHDAY (MM/DD/YYYY)</span>
+ <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required>
+ </div>
+
+ <h2>PASSWORD</h2>
+ <input type="password" name="Password" placeholder="PASSWORD (7 CHARACTERS OR MORE)" required>
+ <input type="password" name="Password2" placeholder="CONFIRM PASSWORD" required>
+ </div>
+ <div class="container-row">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ <div class="container-row">
+ <div class="checkbox-container">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="checkbox-data-profiling" type="checkbox" name="DataProfiling" value="true" required>
+ <label for="checkbox-data-profiling"></label>
+ </div>
+ <label class="checkbox-caption" for="checkbox-data-profiling">
+ I agree that YOOX and SPORTSWEAR COMPANY may collect my personal information for marketing purposes (newsletters, news and promotions).
+ </label>
+ </div>
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input type="checkbox" id="checkbox-shopping-data-profiling" name="DataProfiling2" value="true" required>
+ <label for="checkbox-shopping-data-profiling"></label>
+ </div>
+ <label class="checkbox-caption" for="checkbox-shopping-data-profiling">
+ I agree that YOOX NET-A-PORTER GROUP and SPORTSWEAR COMPANY may collect my personal information for creating a profile of my shopping habits.
+ </label>
+ </div>
+ <div class="privacy-msg">
+ Consult our <u>PRIVACY POLICY</u> for further information.
+ </div>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div id="profile">
+ <div class="scroll">
+ <h1>PROFILE</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <input type="text" name="Name" placeholder="FIRST NAME" required>
+ <input type="text" name="Surname" placeholder="LAST NAME" required>
+ <input type="email" name="Email" placeholder="EMAIL ADDRESS" required>
+ <div class="select-wrapper date-wrapper">
+ <span>BIRTHDAY (MM/DD/YYYY)</span>
+ <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required>
+ </div>
+
+ <h2>CHANGE PASSWORD</h2>
+ <input type="password" name="CurrentPassword" placeholder="CURRENT PASSWORD" required>
+ <input type="password" name="NewPassword" placeholder="NEW PASSWORD (7 CHARACTERS OR MORE)" required>
+ <div class="toggle-container">
+ <div class="caption">
+ <h3>Newsletter</h3>
+ Receive Stone Island Newsletter
+ </div>
+ <div class="toggle">
+ <input type="checkbox" id="receive-newsletter" name="YooxLetter" class="switch" value="true">
+ <label for="receive-newsletter"></label>
+ </div>
+ </div>
+ </div>
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+
+ <div id="shipping">
+ <div class="scroll">
+ <h1>SHIPPING</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <div class="address"></div>
+ </div>
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div id="payment">
+ <div class="scroll">
+ <h1>PAYMENT</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <div class="cc"></div>
+ <div class="address"></div>
+ </div>
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div id="settings">
+ <div class="scroll">
+ <h1>NOTIFICATIONS</h1>
+ <form>
+ <div class="toggle-container">
+ <div class="toggle-row">
+ <div class="caption">
+ <h3>Store</h3>
+ Receive notifications for Store
+ </div>
+ <div class="toggle">
+ <input type="checkbox" id="store-notifications" name="switch" class="switch">
+ <label for="store-notifications"></label>
+ </div>
+ </div>
+ <div class="toggle-row">
+ <div class="caption">
+ <h3>Hub</h3>
+ Receive notifications for Hub
+ </div>
+ <div class="toggle">
+ <input type="checkbox" id="hub-notifications" name="switch" class="switch">
+ <label for="hub-notifications"></label>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div id="orders">
+ <div class="scroll">
+ <h1>ORDERS</h1>
+ <div id="order_list">
+ <div class="list"></div>
+ <div class="empty">You have no orders.</div>
+ <script type="text/html" class="list_template">
+ <div class="item" data-id="{{id}}">
+ <div class="details-container">
+ <div class="details">
+ Details &gt;
+ </div>
+ <div class="txt">
+
+ <span class="text-date">{{date}}</span>
+ <span class="text-id">ORDER #: {{id}}</span>
+ <span class="text-total">ORDER TOTAL: {{total}}</span>
+ </div>
+ </div>
+ <div class="images">
+ </div>
+ </div>
+ </script>
+ </div>
+
+ <div id="single_order">
+ <div class="order_section">
+ <h2>ORDER SUMMARY</h2>
+
+ <div class="rows">
+ <script type="text/html" class="item_template">
+ <div class="cart_item_info">
+ <span class="sku">{{sku}}</span>
+ <span class="title">{{title}}</span>
+ <span class="type">{{type}}</span>
+ <div class="meta">
+ <div class="meta-size"><b>SIZE:</b> {{size}}</div>
+ <div class="meta-color"><b>COLOR:</b> {{color}}</div>
+ <div class="meta-quantity"><b>QUANTITY:</b> {{quantity}}</div>
+ </div>
+ </div>
+ <div class="cart_item_price">
+ <span class="price">{{price}}</span>
+ </div>
+ </script>
+ </div>
+ <div class="cart-summary">
+ <div class="cart-summary-row">
+ <span class="label">SUB TOTAL</span>
+ <span class="subtotal"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">ESTIMATED SHIPPING &amp; HANDLING</span>
+ <span class="shipping"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TAX</span>
+ <span class="tax"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TOTAL</span>
+ <span class="total"></span>
+ </div>
+ </div>
+ </div>
+
+ <div class="order_section">
+ <h2>SHIP TO</h2>
+ <div class="order_section_container">
+ <div class="shipping_address"></div>
+ <div class="shipping_method"></div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <!-- CART ================================================ -->
+
+ <div id="cart">
+ <h1>
+ <span class="full_msg">
+ YOUR CART / <span class="itemcount"></span>
+ </span>
+ <span class="empty_msg">
+ YOUR CART IS EMPTY
+ </span>
+ </h1>
+
+ <div class="steps">
+ <span class="summary_step">SUMMARY</span>
+ <span class="shipping_step">SHIPPING</span>
+ <span class="payment_step">BILLING</span>
+ </div>
+
+ <div id="cart_summary">
+ <div class="scroll">
+ <div class="summary-container container">
+ <div class="container-row">
+ <div class="cart_body">
+ <div class="rows">
+ <script type="text/html" class="template">
+ <div class="cart_item_image">
+ <img src="{{image}}">
+ </div>
+ <div class="cart_item_info">
+ <span class="sku">{{sku}}</span>
+ <span class="title">{{title}}</span>
+ <span class="type">{{type}}</span>
+ <div class="meta">
+ <div class="meta-size"><b>SIZE:</b> {{size}}</div>
+ <div class="meta-color"><b>COLOR:</b> {{color}}</div>
+ <div class="meta-quantity"><b>QUANTITY:</b> {{quantity}}</div>
+ </div>
+ </div>
+ <div class="cart_item_price">
+ <span class="remove"></span>
+ <span class="price">{{price}}</span>
+ </div>
+ </script>
+ </div>
+ <div class="cart-summary">
+ <div class="cart-summary-row">
+ <span class="label">SUB TOTAL</span>
+ <span class="subtotal"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
+ <span class="shipping"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TAX</span>
+ <span class="tax"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TOTAL</span>
+ <span class="total"></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container-fill">
+ <div class="container-message cart_empty">
+ You have nothing in your cart.
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="cart_shipping">
+ <div class="scroll">
+ <form>
+ <div class="dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ ADDRESS
+ </div>
+ </div>
+ <div class="address_list checkbox-container">
+ <script type="text/html" class="template">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="address-checkbox-{{id}}" type="radio" name="AddressId" value="{{id}}" {{checked}}>
+ <label for="address-checkbox-{{id}}"></label>
+ </div>
+ <label class="checkbox-caption" for="address-checkbox-{{id}}">
+ {{name}}<br>
+ {{address}}, {{city}}, {{state}} {{zip}}
+ </label>
+ </div>
+ </script>
+ </div>
+ <div class="address"></div>
+
+ <h3>SHIPPING METHOD</h3>
+
+ <div class="checkbox-container">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="express-shipping" type="radio" name="ShippingType" value="Express" required>
+ <label for="express-shipping"></label>
+ </div>
+ <label class="checkbox-caption" for="express-shipping">
+ <b>COMPLIMENTARY EXPRESS $19.50</b><br>
+ (DELIVERY IN 2-4 WORKING DAYS)
+ </label>
+ </div>
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="standard-shipping" type="radio" name="ShippingType" value="Standard" checked required>
+ <label for="standard-shipping"></label>
+ </div>
+ <label class="checkbox-caption" for="standard-shipping">
+ <b>STANDARD SHIPPING $9.50</b><br>
+ (DELIVERY IN 5-8 WORKING DAYS)
+ </label>
+ </div>
+ </div>
+
+ <div class="container-row">
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+
+ </form>
+ </div>
+ </div>
+
+ <div id="cart_payment">
+ <div class="scroll">
+ <form>
+
+ <div class="billing-container container">
+ <div class="container-row">
+
+ <div class="checkbox-container">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="same-as-shipping" type="checkbox" name="SameAsShipping" value="true">
+ <label for="same-as-shipping"></label>
+ </div>
+ <label class="checkbox-caption" for="same-as-shipping">
+ SAME AS SHIPPING ADDRESS
+ </label>
+ </div>
+ </div>
+
+ <div class="billing_address_rapper">
+
+ <div class="address_dropdown dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ BILLING ADDRESS
+ </div>
+ </div>
+ <div class="address_list checkbox-container">
+ <script type="text/html" class="address_row_template">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="address-checkbox-{{id}}" type="radio" name="AddressId" value="{{id}}" {{checked}}>
+ <label for="address-checkbox-{{id}}"></label>
+ </div>
+ <label class="checkbox-caption" for="address-checkbox-{{id}}">
+ {{name}}<br>
+ {{address}}, {{city}}, {{state}} {{zip}}
+ </label>
+ </div>
+ </script>
+ </div>
+
+ <div class="address"></div>
+
+ </div>
+
+ <div class="cc_dropdown dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ PAYMENT METHOD
+ </div>
+ </div>
+
+ <div class="cc_list checkbox-container">
+ <script type="text/html" class="cc_template">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="cc-checkbox-{{id}}" type="radio" name="CCId" value="{{id}}" {{checked}}>
+ <label for="cc-checkbox-{{id}}"></label>
+ </div>
+ <label class="checkbox-caption" for="cc-checkbox-{{id}}">
+ {{number}}<br>
+ {{type}} {{exp}}
+ </label>
+ </div>
+ </script>
+ </div>
+
+ <div class="cc"></div>
+
+ <div class="cc_confirm">
+ <h3>PLEASE ENTER YOUR SECURITY CODE TO CONFIRM</h3>
+ <input type="number" name="CvvConfirm" placeholder="SECURITY CODE" required>
+ </div>
+ </div>
+
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+ <br><br><br><br>
+
+ </form>
+ </div>
+ </div>
+
+ <div id="cart_confirm">
+ <div class="scroll">
+ <h1>CONFIRM</h1>
+
+ <div class="order_section">
+ <h2>ORDER SUMMARY</h2>
+
+ <div class="rows">
+ <script type="text/html" class="template">
+ <div class="cart_item_info">
+ <span class="sku">{{sku}}</span>
+ <span class="title">{{title}}</span>
+ <span class="type">{{type}}</span>
+ <div class="meta">
+ <div class="meta-size"><b>SIZE:</b> {{size}}</div>
+ <div class="meta-color"><b>COLOR:</b> {{color}}</div>
+ <div class="meta-quantity"><b>QUANTITY:</b> {{quantity}}</div>
+ </div>
+ </div>
+ <div class="cart_item_price">
+ <span class="price">{{price}}</span>
+ </div>
+ </script>
+ </div>
+ <div class="cart-summary">
+ <div class="cart-summary-row">
+ <span class="label">SUB TOTAL</span>
+ <span class="subtotal"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
+ <span class="shipping"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TAX</span>
+ <span class="tax"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TOTAL</span>
+ <span class="total"></span>
+ </div>
+ </div>
+ </div>
+
+ <div class="order_section">
+ <h2>SHIP TO</h2>
+
+ <div class="shipping_address"></div>
+ <div class="shipping_method"></div>
+ </div>
+
+ <div class="order_section">
+ <h2>BILL TO</h2>
+
+ <div class="payment_name"></div>
+ <div class="payment_method"></div>
+ </div>
+
+ </div>
+ </div>
+
+ <div id="cart_thanks">
+ <div class="copy">
+ <b>THANK YOU</b>
+ <p>
+ Please check your inbox for your confirmation email.
+ </p>
+ </div>
+ </div>
+
+ <div id="cart_error">
+ <div class="copy">
+ <b>WE'RE SORRY</b>
+ <p class="errrrrrrrrrrrrrrr"></p>
+ </div>
+ </div>
+
+ </div>
+
+ <div id="curtain">
+ <div class="loader"></div>
+ </div>
+
+ <div id="selector">
+ <div class="options">
+ <script type="text/html" class="template">
+ <div data-id="{{id}}">{{label}}</div>
+ </script>
+ </div>
+ </div>
+
+</div>
+
+<script type="text/html" id="creditcard_template">
+ <input type="number" name="Number" placeholder="CREDIT CARD NUMBER" required>
+ <div class="half-input">
+
+ <div class="select-wrapper">
+ <span>EXPIRATION MONTH</span>
+ <select name="ExpirationMonth">
+ <option value="NONE">EXPIRATION MONTH</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>
+ </div>
+ <div class="select-wrapper">
+ <span>EXPIRATION YEAR</span>
+ <select name="ExpirationYear">
+ <option value="NONE">EXPIRATION YEAR</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>
+ <option value="2023">2023</option>
+ <option value="2024">2024</option>
+ <option value="2025">2025</option>
+ </select>
+ </div>
+ </div>
+ <input type="number" name="Cvv" placeholder="SECURITY CODE" required>
+</script>
+
+<script type="text/html" id="address_template">
+ <input type="text" name="Name" placeholder="First Name">
+ <input type="text" name="Surname" placeholder="Last Name">
+ <input type="text" name="Address1" placeholder="Address Line 1">
+ <input type="text" name="Address2" placeholder="Address Line 2">
+ <div class="half-input">
+ <input type="text" name="City" placeholder="City">
+ <div class="select-wrapper">
+ <span>STATE</span>
+ <select name="Province">
+ <option value="NONE" selected>State</option>
+ <option value="AL">Alabama</option>
+ <option value="AK">Alaska</option>
+ <option value="AZ">Arizona</option>
+ <option value="AR">Arkansas</option>
+ <option value="CA">California</option>
+ <option value="CO">Colorado</option>
+ <option value="CT">Connecticut</option>
+ <option value="DE">Delaware</option>
+ <option value="DC">District Of Columbia</option>
+ <option value="FL">Florida</option>
+ <option value="GA">Georgia</option>
+ <option value="HI">Hawaii</option>
+ <option value="ID">Idaho</option>
+ <option value="IL">Illinois</option>
+ <option value="IN">Indiana</option>
+ <option value="IA">Iowa</option>
+ <option value="KS">Kansas</option>
+ <option value="KY">Kentucky</option>
+ <option value="LA">Louisiana</option>
+ <option value="ME">Maine</option>
+ <option value="MD">Maryland</option>
+ <option value="MA">Massachusetts</option>
+ <option value="MI">Michigan</option>
+ <option value="MN">Minnesota</option>
+ <option value="MS">Mississippi</option>
+ <option value="MO">Missouri</option>
+ <option value="MT">Montana</option>
+ <option value="NE">Nebraska</option>
+ <option value="NV">Nevada</option>
+ <option value="NH">New Hampshire</option>
+ <option value="NJ">New Jersey</option>
+ <option value="NM">New Mexico</option>
+ <option value="NY">New York</option>
+ <option value="NC">North Carolina</option>
+ <option value="ND">North Dakota</option>
+ <option value="OH">Ohio</option>
+ <option value="OK">Oklahoma</option>
+ <option value="OR">Oregon</option>
+ <option value="PA">Pennsylvania</option>
+ <option value="RI">Rhode Island</option>
+ <option value="SC">South Carolina</option>
+ <option value="SD">South Dakota</option>
+ <option value="TN">Tennessee</option>
+ <option value="TX">Texas</option>
+ <option value="UT">Utah</option>
+ <option value="VT">Vermont</option>
+ <option value="VA">Virginia</option>
+ <option value="WA">Washington</option>
+ <option value="WV">West Virginia</option>
+ <option value="WI">Wisconsin</option>
+ <option value="WY">Wyoming</option>
+ <option disabled>_________________</option>
+ <option value="AB">Alberta</option>
+ <option value="BC">British Columbia</option>
+ <option value="MB">Manitoba</option>
+ <option value="NB">New Brunswick</option>
+ <option value="NL">Newfoundland and Labrador</option>
+ <option value="NS">Nova Scotia</option>
+ <option value="NT">Northwest Territories</option>
+ <option value="NU">Nunavut</option>
+ <option value="ON">Ontario</option>
+ <option value="PE">Prince Edward Island</option>
+ <option value="SK">Saskatchewan</option>
+ <option value="QC">Quebec</option>
+ <option value="YT">Yukon</option>
+ </select>
+ </div>
+ </div>
+ <div class="half-input">
+ <input type="text" name="ZipCode" placeholder="ZIP" required>
+ <div class="country-wrapper-static">
+ <span class="country-label">UNITED STATES</span>
+<!--
+ <div id="country-select">
+ <input type="text" name="Country" placeholder="UNITED STATES" required>
+ </div>
+ -->
+ </div>
+ </div>
+ <input type="text" name="Phone" placeholder="PHONE NUMBER">
+<!--
+ <div class="checkbox-container save_as_default">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="save_as_default_cart_shipping" type="checkbox" name="IsDefault" value="true">
+ <label for="save_as_default_cart_shipping"></label>
+ </div>
+ <label class="checkbox-caption" for="save_as_default_cart_shipping">
+ SAVE AS DEFAULT
+ </label>
+ </div>
+ </div>
+-->
+
+</script>
+
+</body>
+<script src="cordova.js"></script>
+<script src="js/vendor/jquery-2.1.4.min.js"></script>
+<script src="js/vendor/fastclick.js"></script>
+<script src="js/vendor/iscroll.js"></script>
+<script src="js/vendor/loader.js"></script>
+<script src="js/vendor/lodash.min.js"></script>
+<script src="js/vendor/moment.js"></script>
+<script src="js/vendor/oktween.js"></script>
+<script src="js/vendor/prefixfree.js"></script>
+<script src="js/vendor/promise.js"></script>
+<script src="js/vendor/flickity.pkgd.js"></script>
+<script src="js/vendor/util.js"></script>
+<script src="js/vendor/jquery.creditCardValidator.js"></script>
+
+<script src="js/sdk/_sdk.js"></script>
+<script src="js/sdk/account.js"></script>
+<script src="js/sdk/address.js"></script>
+<script src="js/sdk/auth.js"></script>
+<script src="js/sdk/cart.js"></script>
+<script src="js/sdk/payment.js"></script>
+<script src="js/sdk/product.js"></script>
+<script src="js/sdk/shipping.js"></script>
+
+<script src="js/lib/etc/push.js"></script>
+<script src="js/lib/etc/deeplink.js"></script>
+<script src="js/lib/etc/geo.js"></script>
+
+<script src="js/lib/view/View.js"></script>
+<script src="js/lib/view/Router.js"></script>
+<script src="js/lib/view/Scrollable.js"></script>
+<script src="js/lib/view/Serializable.js"></script>
+
+<script src="js/lib/cart/CartView.js"></script>
+<script src="js/lib/cart/CartPayment.js"></script>
+<script src="js/lib/cart/CartShipping.js"></script>
+<script src="js/lib/cart/CartSummary.js"></script>
+<script src="js/lib/cart/CartConfirm.js"></script>
+<script src="js/lib/cart/CartThanks.js"></script>
+<script src="js/lib/cart/CartError.js"></script>
+
+<script src="js/lib/nav/IntroView.js"></script>
+<script src="js/lib/nav/CurtainView.js"></script>
+<script src="js/lib/nav/HeaderView.js"></script>
+<script src="js/lib/nav/FooterView.js"></script>
+<script src="js/lib/nav/SearchView.js"></script>
+<script src="js/lib/nav/AddressView.js"></script>
+<script src="js/lib/nav/CreditCardView.js"></script>
+<script src="js/lib/nav/NavView.js"></script>
+
+<script src="js/lib/auth/LoginView.js"></script>
+<script src="js/lib/auth/LogoutView.js"></script>
+<script src="js/lib/auth/SignupView.js"></script>
+
+<script src="js/lib/account/AccountView.js"></script>
+<script src="js/lib/account/ProfileView.js"></script>
+<script src="js/lib/account/PaymentView.js"></script>
+<script src="js/lib/account/ShippingView.js"></script>
+<script src="js/lib/account/SettingsView.js"></script>
+<script src="js/lib/account/OrdersView.js"></script>
+
+<script src="js/lib/products/CollectionView.js"></script>
+<script src="js/lib/products/filters/CategoryFilter.js"></script>
+<script src="js/lib/products/ClosedStoreView.js"></script>
+<script src="js/lib/products/ProductView.js"></script>
+<script src="js/lib/products/GalleryView.js"></script>
+<script src="js/lib/products/Selector.js"></script>
+
+<script src="js/lib/blogs/BlogView.js"></script>
+<script src="js/lib/blogs/ArchiveView.js"></script>
+<script src="js/lib/blogs/HubView.js"></script>
+<script src="js/lib/blogs/PageView.js"></script>
+<script src="js/lib/blogs/StoryView.js"></script>
+
+<script src="js/lib/_router.js"></script>
+
+<script src="js/index.js"></script>
+</html>