added responsive layout with groups
diff --git a/website/templates/pages/about.html b/website/templates/pages/about.html
index 1a60b33..4d0eefc 100644
--- a/website/templates/pages/about.html
+++ b/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 %}
\ No newline at end of file
diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index 3ad9e0a..3c2a579 100644
--- a/website/templates/pages/blog.html
+++ b/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 %}
\ No newline at end of file
diff --git a/website/templates/pages/contact.html b/website/templates/pages/contact.html
index f876da1..6022b9a 100644
--- a/website/templates/pages/contact.html
+++ b/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 %}
\ No newline at end of file
diff --git a/website/templates/pages/product_search.html b/website/templates/pages/product_search.html
index 90c2489..66bf160 100644
--- a/website/templates/pages/product_search.html
+++ b/website/templates/pages/product_search.html
@@ -17,22 +17,17 @@
});
</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 %}
\ No newline at end of file