1 files changed, 339 insertions, 4 deletions
diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index 09709bb9..652cce9a 100644
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -16,13 +16,348 @@
   <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/index.css">
+  <link rel="stylesheet" type="text/css" href="css/nav.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">
   <title>Stone Island</title>
 </head>
 <body>
-  <script src="cordova.js"></script>
-  <script src="js/vendor/jquery-2.1.4.min.js"></script>
-  <script src="js/vendor/cookie.js"></script>
-  <script src="js/index.js"></script>
+
+<div id="nav">
+  <span class="menu">
+    <span class="logo"></span>
+    <span class="store">STORE</span>
+    <span class="hub">HUB</span>
+    <span class="story">STORY</span>
+    <span class="archive">ARCHIVE</span>
+  </span>
+  
+  <span class="submenu">
+    <span class="login">ACCOUNT / LOGIN</span>
+    <span class="faq">FAQ</span>
+    <span class="search">SEARCH</span>
+  </span>
+
+  <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 class="latlng">+40.589060 -74.044636</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>
+  </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>
+  </div>
+  
+  <div id="story">
+    <h1>STORY</h1>
+    <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>
+      </script>
+    </div>
+  </div>
+
+  <div id="hub">
+    <h1>HUB</h1>
+    <div class="content">
+      <script type="text/html" class="template">
+        <div>
+          <img src="{{image}}">
+          <span class="title"><b>{{sku}}</b> {{title}}</span>
+          <span class="subtitle">{{subtitle}}</span>
+          <div class="body">{{body}}</div>
+        </div>
+      </script>
+    </div>
+  </div>
+
+  <div id="archive">
+    <h1>ARCHIVE</h1>
+    <div class="content">
+      <script type="text/html" class="template">
+        <img src="{{image}}">
+        <div class="above">
+          <h2>
+            <b>{{sku}}</b><br>
+            {{title}}
+          </h2>
+          <div class="body">
+            {{body}}
+          </div>
+        </div>
+      </script>
+    </div>
+  </div>
+  
+  <div id="collection">
+    <h1>COLLECTION NAME</h1>
+    <div class="loader"></div>
+    <div class="content">
+      <script type="text/html" class="template">
+        <div data-code="{{code8}}">
+          <img src="{{image}}">
+        </div>
+      </script>
+    </div>
+  </div>
+  
+  
+  <div id="product">
+    <span class="left"></span>
+    <span class="right"></span>
+    <div class="gallery">
+      <img src="">
+    </div>
+    <span class="title"></span>
+    <span class="type"></span>
+    <span class="price"></span>
+    <span class="style">
+      <span class="size"></span>
+      <span class="color"></span>
+    </span>
+    <span class="share">SHARE +</span>
+    <div class="body">
+    </div>
+  </div>
+  
+  
+  <div id="selector">
+    <span class="close"></span>
+    <div>
+      <span>X-SMALL</span>
+      <span>SMALL</span>
+      <span>MEDIUM</span>
+      <span>LARGE</span>
+      <span>X-LARGE</span>
+    </div>
+  </div>
+
+  <div id="curtain"></div>
+  <div id="login">
+    <span class="close">
+    <div class="login_ask">LOGIN</div>
+    <div class="signup_ask">SIGNUP</div>
+    <div>
+      <input type="text" name="username" placeholder="USERNAME / EMAIL">
+      <input type="text" name="password" placeholder="PASSWORD">
+      <span class="submit">SIGN IN</span>
+    </div>
+  </div>
+  
+    
+  <div id="cart">
+    <h1>YOUR CART / <span class="itemcount">2 ITEMS</h1>
+
+    <div class="steps">
+      <span class="summary">SUMMARY</span>
+      <span class="shipping">SHIPPING</span>
+      <span class="billing">BILLING</span>
+    </div>
+
+    <div id="summary">
+      <div class="rows">
+        <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>
+        </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>
+    
+    <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>
+        <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>
+        <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 class="checkbox">
+        <div class="box"></div>
+        <b>EXPRESS $20</b>
+        (DELIVERY IN 2-4 WORKING DAYS)
+      </div>
+    </div>
+
+    <div id="billing">
+    </div>
+
+  </div>
+  
+</div>
+
 </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/lodash.min.js"></script>
+<script src="js/vendor/oktween.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/lib/cart/CartView.js"></script>
+<script src="js/lib/cart/CartBilling.js"></script>
+<script src="js/lib/cart/CartShipping.js"></script>
+<script src="js/lib/cart/CartSummary.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/NavView.js"></script>
+
+<script src="js/lib/products/CollectionView.js"></script>
+<script src="js/lib/products/ProductView.js"></script>
+<script src="js/lib/products/Selector.js"></script>
+
+<script src="js/lib/blogs/ArchiveView.js"></script>
+<script src="js/lib/blogs/HubView.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/index.js"></script>
 </html>