summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/index.html')
-rw-r--r--StoneIsland/platforms/ios/www/index.html852
1 files changed, 663 insertions, 189 deletions
diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index b2f89a28..aeb1eb61 100644
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -18,8 +18,10 @@
<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">
@@ -28,19 +30,60 @@
<body>
<div id="nav">
+ <div id="nav-container">
+ <div id="nav-row">
+ <!-- flex -->
+
<span class="menu">
<div class="logo"></div>
- <span class="store">STORE</span>
- <span class="hub">HUB</span>
- <span class="story">STORY</span>
- <span class="archive">ARCHIVE</span>
+ <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">
- <span class="login">ACCOUNT / LOGIN</span>
- <span class="faq">FAQ</span>
- <span class="search">SEARCH</span>
+ <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>
@@ -57,34 +100,33 @@
<div class="hub">HUB</div>
<div class="story">STORY</div>
<div class="archive">ARCHIVE</div>
- <span class="latlng">+40.589060 -74.044636</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">2</span></span>
+ <span class="cart"><span class="cart_count">0</span></span>
</div>
<div id="footer">
- <span class="filter">FILTER</span>
- <span class="buynow">BUY NOW</span>
- <span class="addtocart">ADD TO CART</span>
- <span class="cancel">CANCEL</span>
- <span class="checkout">CHECKOUT</span>
- <span class="checkout_proceed">PROCEED WITH CHECKOUT</span>
+ <!-- '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>
- <img src="{{image}}">
- <span class="date">{{date}}</span>
- <span class="title">{{title}}</span>
- <div class="body">{{body}}</div>
+ <div data-id="{{id}}">
+ <div class="body">{{body}}</div>
</div>
</script>
</div>
@@ -97,19 +139,32 @@
<div class="content">
<script type="text/html" class="template">
<div>
- <img src="{{image}}">
- <span class="title"><b>{{code}}</b> {{title}}</span>
+ <div class="gallery gallery-{{id}}"></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">
<h1>ARCHIVE</h1>
+ <div class="subtitle">'982-'015</div>
<div class="content">
<script type="text/html" class="template">
<img src="{{image}}">
@@ -127,6 +182,34 @@
</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>
@@ -140,204 +223,570 @@
</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 id="gallery">
- <span class="left"></span>
- <span class="right"></span>
- <div class="slider">
- <script type="text/html" class="template">
- <div class="item">
- <img src="{{image}}">
- </div>
- </script>
- </div>
+ <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="content">
- <h2><b class="num"></b><span class="title"></h2>
- <span class="type"></span>
- <span class="price"></span>
+ <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">
- <span class="size"></span>
- <span class="color"></span>
+ <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="selector">
- <span class="close"></span>
- <div class="options">
- <script type="text/html" class="template">
- <span data-id="{{id}}">{{value}}</span>
- </script>
+ <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>
- <div id="curtain"></div>
+
+ <!-- ACCOUNT ================================================ -->
+
<div id="login">
- <span class="close">
- <div class="login_ask">LOGIN</div>
- <div class="signup_ask">SIGNUP</div>
- <form>
- <input type="email" name="email" placeholder="EMAIL" required>
- <input type="password" name="password" placeholder="PASSWORD" required>
- <span class="submit">SIGN IN</span>
- </form>
+ <div class="scroll">
+ <h1>LOGIN</h1>
+ <form>
+ <div class="container">
+ <div class="container-row">
+ <input style="margin-bottom:10px" 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="cart">
- <h1>YOUR CART / <span class="itemcount">2 ITEMS</h1>
+ <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 class="steps">
- <span class="summary">SUMMARY</span>
- <span class="shipping">SHIPPING</span>
- <span class="billing">BILLING</span>
+ <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>
+ <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required>
+
+ <div class="select-wrapper">
+ <span>GENDER</span>
+ <select name="Gender">
+ <option value="NONE">Gender</option>
+ <option value="U">Male</option>
+ <option value="D">Female</option>
+ </select>
+ </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>
+ <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required>
- <div id="summary">
- <div class="rows">
+ <div class="select-wrapper">
+ <span>GENDER</span>
+ <select name="Gender">
+ <option value="NONE">Gender</option>
+ <option value="U">Male</option>
+ <option value="D">Female</option>
+ </select>
+ </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">
+ <h1>ORDERS</h1>
+ <div id="order_list">
+ <div class="scroll">
<script type="text/html" class="template">
- <div>
- <img src="{{image}}">
- <b>{{sku}}</b><br>
- <span class="title">{{title}}</span>
- <span class="type">{{type}}</span>
- <span class="meta">
- <b>SIZE:</b> {{size}}<br>
- <b>COLOR:</b> {{color}}<br>
- <b>QUANTITY:</b> {{quantity}}<br>
- </span>
- <span class="price">{{price}}</span>
+ <div class="item">
+ <div class="details">
+ Details &gt;
+ </div>
+ <div class="txt">
+ {{date}}<br>
+ {{order_id}}<br>
+ {{total}}
+ </div>
+ <div id="images">
+ </div>
</div>
</script>
</div>
- <div>
- <span class="label">SUB TOTAL</span>
- <span class="subtotal"></span>
- </div>
- <div>
- <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
- <span class="shipping"></span>
- </div>
- <div>
- <span class="label">TAX</span>
- <span class="tax"></span>
- </div>
- <div>
- <span class="label">TOTAL</span>
- <span class="total"></span>
+ </div>
+ <div id="single_order">
+ <div class="scroll">
+ <div class="content">
+ </div>
+ <script type="text/html" class="template">
+ </script>
</div>
</div>
+ </div>
+
+ <!-- CART ================================================ -->
+
+ <div id="cart">
+ <h1>YOUR CART / <span class="itemcount"></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="shipping">
- <div class="select_address">
- ADDRESS
- </div>
- <form class="address_form">
- <div>
- <label for="ship-name">Name</label>
- <input type="text" name="name" id="ship-name">
+ <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">x Remove from cart</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>
- <label for="ship-address1">Address</label>
- <input type="text" name="address1" id="ship-address1">
- <input type="text" name="address2" id="ship-address2">
</div>
- <div>
- <label for="ship-city">City</label>
- <input type="text" name="city" id="ship-city">
</div>
- <div>
- <label for="ship-state">State</label>
- <select id="state" name="state" required>
- <option value="">Please select</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>
- </select>
+ <div class="container-fill">
+ <div class="container-message cart_empty">
+ You have nothing in your cart.
+ </div>
</div>
- <div>
- <label for="ship-zip">Zip Code</label>
- <input type="text" name="zip" id="ship-zip">
</div>
- </form>
-
- <h3>SHIPPING METHOD</h3>
-
- <div class="checkbox">
- <div class="box"></div>
- <b>STANDARD $10</b>
- (DELIVERY IN 5-8 WORKING DAYS)
</div>
+ </div>
+
+ <div id="cart_shipping">
+ <div class="scroll">
+ <form>
+ <div class="add_edit">add/edit</div>
+ <div class="select_address">
+ ADDRESS
+ </div>
+ <div class="address_form">
+ <div class="address"></div>
+ <div class="checkbox-container">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="save_as_default_cart_shipping" type="checkbox" name="IsDefault" value="true" required>
+ <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>
+ </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 $10</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</b><br>
+ (DELIVERY IN 5-8 WORKING DAYS)
+ </label>
+ </div>
+ </div>
- <div class="checkbox">
- <div class="box"></div>
- <b>EXPRESS $20</b>
- (DELIVERY IN 2-4 WORKING DAYS)
+ </form>
</div>
</div>
- <div id="billing">
+ <div id="cart_payment">
+ <div class="scroll">
+ <form>
+ <div class="billing-container 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="cart_confirm">
+ <div class="scroll">
+ <h1>CONFIRM</h1>
+ </div>
+ </div>
+
+ <div id="cart_thanks">
+ <b>THANK YOU</b>
+ <p>
+ Please check your inbox for your confirmation email.
+ </p>
</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="text" name="Number" placeholder="CREDIT CARD NUMBER" required>
+ <div class="half-input">
+ <!-- NOTE text shifted to the left because of dropdown arrow -->
+ <input type="text" onfocus="(this.type='number')" name="ExpirationMonth" placeholder="EXPIRATION MONTH" required>
+ <input type="text" onfocus="(this.type='number')" name="ExpirationYear" placeholder="EXPIRATION YEAR" required>
+ </div>
+ <!-- NOTE text shifted to the left because of dropdown arrow -->
+ <input type="text" onfocus="(this.type='number')" name="CVV" placeholder="SECURITY CODE" required>
+ <span class="address"></span>
+</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="State">
+ <option value="NONE">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>
+ </select>
+ </div>
+ </div>
+ <div class="half-input">
+ <input type="text" name="Zip" placeholder="ZIP" required>
+ <div id="country-wrapper">
+ <div id="country-select">
+ <input type="text" name="Country" placeholder="UNITED STATES" required>
+ </div>
+ </div>
+ </div>
+ <input type="number" name="Phone" placeholder="Phone Number">
+</script>
+
</body>
<script src="cordova.js"></script>
<script src="js/vendor/jquery-2.1.4.min.js"></script>
@@ -345,25 +794,58 @@
<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/view/view.js"></script>
-<script src="js/vendor/view/formview.js"></script>
<script src="js/vendor/view/router.js"></script>
+<script src="js/vendor/view/scrollable.js"></script>
+<script src="js/vendor/view/serializable.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/cart/CartView.js"></script>
-<script src="js/lib/cart/CartBilling.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/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/LoginView.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/account/orders/OrderList.js"></script>
+<script src="js/lib/account/orders/SingleOrder.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>
@@ -371,18 +853,10 @@
<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/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/index.js"></script>
</html>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-11 01:18:07 +0000