r74 - trunk/direct.openmoko.com
roh at sita.openmoko.org
roh at sita.openmoko.org
Wed Jul 4 17:31:53 CEST 2007
Author: roh
Date: 2007-07-04 17:31:53 +0200 (Wed, 04 Jul 2007)
New Revision: 74
Added:
trunk/direct.openmoko.com/page2.html
Log:
this is a temporary page to be chopped up and used as template
Added: trunk/direct.openmoko.com/page2.html
===================================================================
--- trunk/direct.openmoko.com/page2.html 2007-07-04 15:08:49 UTC (rev 73)
+++ trunk/direct.openmoko.com/page2.html 2007-07-04 15:31:53 UTC (rev 74)
@@ -0,0 +1,263 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>openmoko.com: Shop</title>
+
+ <link href="./style.css" rel="stylesheet" type="text/css" />
+ <link rel="shortcut icon" href="./images/favicon.ico" />
+
+ <!--[if gt IE 6]>
+ <link rel="stylesheet" type="text/css" href="./ie7fix.css" media="screen" />
+ <meta http-equiv="imagetoolbar" content="no" />
+ <![endif]-->
+ <!--[if lte IE 6]>
+ <link rel="stylesheet" type="text/css" href="./ie6fix.css" media="screen" />
+ <meta http-equiv="imagetoolbar" content="no" />
+ <![endif]-->
+
+ <link href="./print.css" rel="stylesheet" type="text/css" media="print" />
+ <link rel="alternate" type="application/atom+xml" title="Atom Feed" href="./atom/?section=contact" />
+ <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="./rss/?section=contact" />
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head>
+
+<body>
+
+<div id="wrapper">
+ <div id="header" class="header_press ">
+ <a href="#" id="site_logo"><img src="images/openmoko_logo.png" alt="openmoko.com" /></a>
+
+ <div id="main_navigation">
+ <ul>
+ <li><a href="http://staging.openmoko.com/index.html" class="nav_home"><span>Home</span></a></li>
+ <li><a href="http://staging.openmoko.com/products-index.html" class="nav_products"><span>Products</span></a></li>
+ <li><a href="https://direct.staging.openmoko.com" class="nav_shop selected"><span>Shop</span></a></li>
+ <li><a href="http://staging.openmoko.com/about-index.html" class="nav_about"><span>About</span></a></li>
+ <li><a href="http://staging.openmoko.com/press-index.html" class="nav_press"><span>Press</span></a></li>
+ <li><a href="http://staging.openmoko.com/careers-index.html" class="nav_careers"><span>Careers</span></a></li>
+ <li><a href="http://staging.openmoko.com/contact-index.html" class="nav_contact"><span>Contact</span></a></li>
+ </ul>
+
+ </div>
+ </div>
+
+ <div class="right_container">
+ <form id=check_order_form" action="#" method="post">
+ <div class="content" id="site_content">
+ <h2 class="shop">Openmoko Online Shop</h2>
+ <h3 class="shop">Your Order:</h3>
+
+ <table class="product_table" cellpadding="0" cellspacing="0">
+ <tr>
+ <td class="quantity_column">
+ <ul class="product">
+ <li class="quantity"><strong>Quantity:</strong>FNORD</li>
+ </ul>
+ </td>
+ <td class="image_column"><img src="images/_sample_product_2.jpg" alt="product1" /></td>
+ <td class="description_column">
+ <ul class="product">
+ <li class="name"><h2>Neo Base</h2></li>
+ <li class="description">FIXME HERE</li>
+ <li class="price"><strong>Price:</strong> <strong class="orange">$300 USD</strong></li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <td class="quantity_column">
+ <ul class="product">
+ <li class="quantity"><strong>Quantity:</strong>FNORD</li>
+ </ul>
+ </td>
+ <td class="image_column"><img src="images/_sample_product_1.jpg" alt="product1" /></td>
+ <td class="description_column">
+ <ul class="product">
+ <li class="name"><h2>Neo Advanced</h2></li>
+ <li class="description">FIXME HERE</li>
+ <li class="price"><strong>Price:</strong> <strong class="orange">$450 USD</strong></li>
+ </ul>
+ </td>
+ </tr>
+ </table>
+
+ <p class="card_subtotal"><strong>Cart Subtotal:</strong> <strong class="orange">$750.00</strong> <span class="note">Note about shipping not included in this price.</span></p>
+
+ <h3 class="shop">Shipping Information:</h3>
+ <div class="shipping_info">
+
+ <div class="group first">
+ <label><strong>Name:</strong></label>
+ <div class="input_field">NAME</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Company:</label>
+ <div class="input_field">COMPANY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Address:</strong></label>
+ <div class="input_field">ADDRESS</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Address (continued):</label>
+ <div class="input_field">ADDESS2</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Post Code / ZIP:</strong></label>
+ <div class="input_field">ZIP</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>City:</strong></label>
+ <div class="input_field">CITY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>State / Province:</strong></label>
+ <div class="input_field">STATE</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Country:</strong></label>
+ <div class="input_field">COUNTRY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Phone Number:</label>
+ <div class="input_field">PHONE</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>E-mail:</strong></label>
+ <div class="input_field">MAIL</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Comments / Shipping instructions:</label>
+ <div class="input_field">COMMENTS</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>UPS Shipping Method:</strong></label>
+ <div class="input_field">
+ <span class="radio_block"><label><input type="radio" name="upsmethod" value="0" /> Standard</label> <a href="#">?</a></span>
+ <span class="radio_block"><label><input type="radio" name="upsmethod" value="1" checked="checked"/> Express</label> <a href="#">?</a></span>
+ </div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Duties Paid:</strong></label>
+ <div class="input_field">
+ <span class="radio_block"><label><input type="radio" name="dutiespaid" value="0" /> YES</label> <a href="#">?</a></span>
+ <span class="radio_block"><label><input type="radio" name="dutiespaid" value="1" checked="checked"/> NO</label> <a href="#">?</a></span>
+ </div>
+ <div class="clear"></div>
+ </div>
+ </div>
+
+
+ <h3 class="shop">Billing Information: <span class="note">Leave blank if same as shipping information</span></h3>
+
+ <div class="shipping_info">
+
+ <div class="group first">
+ <label><strong>Name:</strong></label>
+ <div class="input_field">BNAME</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Company:</label>
+ <div class="input_field">BCOMPANY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Address:</strong></label>
+ <div class="input_field">BADDRESS</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Post Code / ZIP:</strong></label>
+ <div class="input_field">BZIP</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>City:</strong></label>
+ <div class="input_field">BCITY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>State / Province:</strong></label>
+ <div class="input_field">BSTATE</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>Country:</strong></label>
+ <div class="input_field">BCOUNTRY</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label>Phone Number:</label>
+ <div class="input_field">BPHONE</div>
+ <div class="clear"></div>
+ </div>
+
+ <div class="group">
+ <label><strong>E-mail:</strong></label>
+ <div class="input_field">BMAIL</div>
+ <div class="clear"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="button_bar">
+ <a href="#"><img src="images/button_proceed_to_checkout.gif" alt="proceed to checkout" /></a>
+ </div>
+
+ <a href="#" class="top_link"><span>top</span></a>
+ </form>
+ </div>
+
+ <div class="clear" style="height:20px;"></div>
+
+ <div id="footer">
+ <ul id="secundary_navigation">
+ <li><a href="http://staging.openmoko.com/index.html">Home</a></li>
+ <li><a href="http://staging.openmoko.com/products-index.html">Products</a></li>
+ <li><a href="https://direct.staging.openmoko.com" class="selected">Shop</a></li>
+ <li><a href="http://staging.openmoko.com/about-index.html">About</a></li>
+ <li><a href="http://staging.openmoko.com/press-index.html">Press</a></li>
+ <li><a href="http://staging.openmoko.com/careers-index.html">Careers</a></li>
+ <li><a href="http://staging.openmoko.com/contact-index.html">Contact</a></li>
+ </ul>
+ Copyright © 2006 Openmoko, Inc. All Rights Reserved
+ </div>
+
+</div>
+
+</body>
+
+</html>
More information about the webdesign-commitlog
mailing list