Better style for content pages

project/pages/views.py

@@ -26,6 +26,7 @@ class Custom404View(CustomTemplate):
 
 class AboutWebsiteView(CustomTemplate):
     template_name = 'about/website.html'
+    html_title = "About website"
 
 
 class AboutIndexView(CustomTemplate):

static/src/less/style.less

@@ -32,6 +32,9 @@
 
 html, body{
   font-family: @font-family-sans-serif;
+  font-size: 18px;
+  height: 100%;
+  width: 100%;
 }
 
 p {
@@ -62,6 +65,7 @@ footer {
   padding-top: 10px;
   padding-bottom: 50px;
   color: white;
+  font-size: 14px;
   background-color: #232323;
   a {
     padding: 7px;
@@ -125,6 +129,14 @@ footer {
   padding-bottom: 10px;
   background-color: #232323;
   color: white;
-  .box-shadow(0px 8px 10px 3px rgba(0,0,0,0.66));
+  .box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
+  margin-bottom: 27px;
+  h1 {
+    margin: 25px 0;
+  }
 }
-/* @end content base */
+/* @end content base */
+
+.panel {
+  .box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
+}

templates/about/website.html

@@ -3,6 +3,12 @@
 {% block pageTitle %}About my website{% endblock %}
 
 {% block content %}
-	
+<div class="container">
+  <div class="panel panel-default">
+    <div class="panel-body">
+      Basic panel example
+    </div>
+  </div>
+</div>  
 
 {% endblock %}