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" />&nbsp;Standard</label>&nbsp;&nbsp;<a href="#">?</a></span>
+                        	<span class="radio_block"><label><input type="radio" name="upsmethod" value="1" checked="checked"/>&nbsp;Express</label>&nbsp;&nbsp;<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" />&nbsp;YES</label>&nbsp;&nbsp;<a href="#">?</a></span>
+                        	<span class="radio_block"><label><input type="radio" name="dutiespaid" value="1" checked="checked"/>&nbsp;NO</label>&nbsp;&nbsp;<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 &copy; 2006 Openmoko, Inc. All Rights Reserved
+	</div>
+	
+</div>
+
+</body>
+
+</html>





More information about the webdesign-commitlog mailing list