added responsive layout with groups

website/templates/pages/about.html

@@ -3,8 +3,7 @@
 {% set title="About Us" %}
 
 {% block content %}
-<div class="layout-wrapper">
-	<div class="layout-main">
+<div class="span12">
 	{{ obj.doc.company_introduction or "<h2>About Us</h2><p>Some Introduction about your company that you would like your website visitor to know. More people than you think will read your About page. People always like to know who the are doing business with. Be authentic and avoid using jargon like 'value added services' etc. Be sure to update your company history and list of key team members in Website > About Us Settings</p>" }}
 	{% if obj.doclist.get({"doctype":"Company History"}) %}
 	<h3>{{ obj.doc.company_history_heading or "Company History" }}</h3>
@@ -35,6 +34,5 @@
 	</table>
 	{% endif %}
 	{{ obj.doc.footer or "" }}
-	</div>
 </div>
 {% endblock %}

website/templates/pages/blog.html

@@ -11,20 +11,15 @@
 {% set title="Blog" %}
 
 {% block content %}
-	<div class="layout-wrapper layout-wrapper-background">
-		<div class="web-content" id="content-blog">
-			
-			<div class="layout-main">
-				<h1>Blog</h1>
-				<br>
-				<div id="blog-list">
-					<!-- blog list will be generated dynamically -->
-				</div>
-				<div style="text-align: center;">
-					<button id="next-page" class="btn" 
-						style="display:none;">More...</button>
-				</div>
-			</div>
-		</div>
+<div class="span12">
+	<h1>Blog</h1>
+	<br>
+	<div id="blog-list">
+		<!-- blog list will be generated dynamically -->
 	</div>
+	<div style="text-align: center;">
+		<button id="next-page" class="btn" 
+			style="display:none;">More...</button>
+	</div>
+</div>
 {% endblock %}

website/templates/pages/contact.html

@@ -7,9 +7,9 @@
 {% set title="Contact Us" %}
 
 {% block content %}
-<div class="layout-wrapper">
-	<div class="layout-main row">
-		<div class="web-form span5 pull-left">
+<div class="span12">
+	<div class="row">
+		<div class="web-form span8">
 			{{ obj.doc.introduction or "<h3>Contact Us</h3>"}}
 			<div class="row">
 			<div class="span4">
@@ -28,7 +28,7 @@
 			<p><button class="btn btn-primary btn-send">Send</button></p>
 		</div>
 		{% if obj.doc.address %}
-		<div class="pull-right span3 alert" itemscope itemtype="http://schema.org/PostalAddress">
+		<div class="span3 alert" style="margin-top: 20px;" itemscope itemtype="http://schema.org/PostalAddress">
 			<h4><i class="icon-map-marker"></i> {{ obj.address.address_title }}</h4>
 			{% if obj.address.address_line1 %}
 				<span itemprop="streetAddress">{{ obj.address.address_line1 }}</span><br>
@@ -50,7 +50,6 @@
 			{% endif %}
 		</div>
 		{% endif %}
-		<div class="clearfix"></div>
 	</div>
 </div>
 {% endblock %}

website/templates/pages/product_search.html

@@ -17,22 +17,17 @@ $(document).ready(function() {
 });
 </script>
 
-<div class="layout-wrapper layout-wrapper-background">
-	<div class="web-content" id="content-product_search">
-		<div class="layout-main" style="padding: 30px;">
-			{% include 'html/product_search_box.html' %}
-			<h3 class="search-results">Search Results</h3>
-			<div id="search-list">
-				
-			</div>
-			<div style="text-align: center;">
-				<div class="more-btn" 
-					style="display: none; text-align: center;">
-					<button class="btn">More...</button>
-				</div>
-			</div>
+{% include 'html/product_search_box.html' %}
+<div class="span12">
+	<h3 class="search-results">Search Results</h3>
+	<div id="search-list" class="row">
+		
+	</div>
+	<div style="text-align: center;">
+		<div class="more-btn" 
+			style="display: none; text-align: center;">
+			<button class="btn">More...</button>
 		</div>
 	</div>
 </div>
-
 {% endblock %}