footer

app/static/css/style.css

@@ -1,15 +1,117 @@
 body {
     /* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */
-    background-color: #cccccc;
+    background-size: cover;
-    padding-top: 0px;
     -webkit-background-size: cover;
     -moz-background-size: cover;
-    background-size: cover;
     -o-background-size: cover; 
+    padding-top: 0px;
+    background-color: #cccccc;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
     font-size: 12pt;
     /* font-weight: bold; */
 }
 
+.page_wrap { 
+	width: 1140px; 
+	margin: 0 auto;
+}
+
+#footer_cols {
+	background:url(/static/images/footer_header_bg.png) repeat;
+	border-bottom: 1px solid #2c2c2e;
+	overflow: hidden;
+	padding: 16px 0 5px 0;
+	color: #818387;
+	margin-top: 40px;
+}
+
+.one_four {
+	float: left;
+	width: 210px;
+	margin-right: 60px;
+}
+
+.one_four h4 {
+	font-size: 18px;
+	color: #FFF;
+	background: url(/static/images/footer_cols_divider.png) no-repeat bottom center;
+	padding-bottom: 13px;
+	margin-bottom: 8px;
+}
+
+.last_col {
+	margin-right: 0;
+}
+
+.tweet_day {
+	font-size: 14px;
+	color: #484a4e;
+	font-style: italic;
+}
+
+.form_field {
+	position: relative;
+}
+
+.newsletter_input {
+	background: url(/static/images/footer_newsletter_input.png) no-repeat;
+	width: 190px;
+	height: 38px;
+	padding: 0 10px;
+	border: 0;
+	outline: 0;
+	font-size: 13px;
+	color: #666666;
+	font-weight: bold;
+}
+
+.newsletter_submit {
+	background: url(/static/images/footer_newsletter_input_btn.png) no-repeat;
+	width: 16px;
+	height: 16px;
+	border: 0;
+	text-indent: -9999px;
+	font-size: 0;
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	cursor: pointer;
+}
+
+/* Footer Copyright */
+#footer_copyright {
+        background-color: #536a2f;
+	/* background: url(/static/images/footer_top_bg.png) repeat; */
+	overflow: hidden;
+	padding: 20px 0 5px 0;
+}
+
+.copyright {
+	color: #fff;
+	float: left;
+	width: 500px;
+}
+
+.copyright a {
+	color: #fff;
+}
+
+.design_by {
+	color: #fff;
+	float: right;
+	width: 300px;
+	text-align: right;
+}
+
+.design_by a {
+	color: #fff;
+}
+
 header {
     background: url('/static/images/texture-diagonal.png' repeat, url('static/images/header-layer.jpg') no repeat 50% -25px, #493874 url('/static/images/bg-linear.jpg') repeat-x 50%, -25px;
     background-position: 50%, 0;
@@ -150,3 +252,4 @@ a:active {
     border-color: #070;
 }
 
+

app/templates/base.html

@@ -18,7 +18,6 @@
 {{ super() }}
     <link href="{{ url_for('static', filename='css/navbar.css') }}" rel="stylesheet">
     <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
-    <link href="{{ url_for('static', filename='css/nouislider.css') }}" rel="stylesheet">
 {% endblock %}
 
 {% block scripts %}
@@ -41,8 +40,10 @@
 
         {% block page_content %}{% endblock %}
     </div>
-{% endblock %}
 
 {% block footer %}
 {% include "footer.html" %}
 {% endblock %}
+
+{% endblock %}
+

app/templates/footer.html

@@ -1,28 +1,41 @@
-<div class=footer>
+	<div id="footer_cols">
-  <p>&copy; Copyright <script language="JavaScript">var date = new Date(); document.write(date.getFullYear());</script> by {{ AUTHOR }}</p>
+		<div class="page_wrap">
-  <p> Powered by <a href="http://pypi.python.org/pypi/pelican/" target="_blank">Pelican</a>.  
-    <a href="https://github.com/fjavieralba/flasky">Theme</a>  by <a href="http://fjavieralba.com">fjavieralba</a>
-  </p> 
-  <p>
-    <div class=social style="font-size: 27px;">
-      <ul>
-        {% if MAIL_USERNAME %}<script language="JavaScript">
-          u = '{{ MAIL_USERNAME }}';
-          s = '{{ MAIL_HOST }}';
-          document.write('<a href=\"mailto:' + u + '@' + s + '\" target=\"_blank\">');
-        </script>
-            <li><i class="icon-envelope icon-large"></i> </li>
-        </a>{% endif %}
-        {% if TWITTER_USERNAME %}<a href="http://twitter.com/{{ TWITTER_USERNAME }}" target="_blank"> <li> <i class="icon-twitter-sign icon-large"> </li></i> </a>{% endif %}
-        {% if LINKEDIN_URL %}<a href="{{ LINKEDIN_URL }}" target="_blank"><li><i class="icon-linkedin-sign icon-large" ></i></li></a>{% endif %}
-        {% if GITHUB_URL %}<a href="{{ GITHUB_URL }}" target="_blank"> <li> <i class="icon-github-sign icon-large"></i> </li> </a>{% endif %}
-        {% if FACEBOOK_URL %}<a href="{{ FACEBOOK_URL }}" target="_blank"><li> <i class="icon-facebook-sign icon-large"></i></li> </a>{% endif %}
-        {% if GOOGLEPLUS_URL %}<a href="{{ GOOGLEPLUS_URL }}" target="_blank"><li><i class="icon-google-plus-sign icon-large"></i> </li> </a>{% endif %}
-        {% if PINTEREST_URL %}<a href="{{ PINTEREST_URL }}" target="_blank"><li><i class="icon-pinterest-sign icon-large"></i></li></a>{% endif %}
 		
+			<div class="one_four">
+				<h4>Contact Details</h4>
+				<p>52 Volga str.<br>4002 Plovdiv, Bulgaria</p>
+				<p>tel: +359 (0) 32 398 295 <br /> email: <a href="mailto:office@datapoint.bg">office@datapoint.bg</a></p>
+			</div><!--/one four-->
 			
-        <a href="{{ SITEURL }}/feeds/all.rss.xml" rel="alternate" title="Recent Blog Posts"><li> <i class="icon-rss icon-large"></i> </li></a>
+			<div class="one_four">
-      </ul>
+				<h4>Latest Tweet</h4>
-    </div>
+				<p><a href="#">@datapoint</a> Продавам пирони. Изгодно.</p>
-  </p>
+				<span class="tweet_day">2 Days ago</span>
-</div>
+			</div><!--/one four-->
+			
+			<div class="one_four">
+				<h4>Datapoint</h4>
+				<p>We are a dedicated team working to bring you the best hosting in the business. 
+				We are passionate about what we do, and why we do it.<br> <a href="#">Read More…</a></p>
+			</div><!--/one four-->
+			
+			<div class="one_four last_col">
+				<h4>Newsletter Signup</h4>
+				<p>Join our newsletter to stay informed on our latest updates and sales.</p>
+				<form action="#" method="post">
+					<div class="form_field">
+						<input class="newsletter_input" title="Your Email" type="text" placeholder="Enter Your Email" />
+						<input class="newsletter_submit" type="submit" />
+					</div><!--/form field-->
+				</form>
+			</div><!--/one four-->
+			
+		</div><!--/page wrap-->
+	</div><!--/footer cols-->
+	
+	<div id="footer_copyright">
+		<div class="page_wrap">
+			<p class="copyright">&copy; Copyright 2015-2017 <a href="https://deflax.net">deflax.net</a>, All Rights Reserved.</p>
+			<p class="design_by">Design by <a href="https://undersys.bg">_sys</a></p>
+		</div><!--/page wrap-->
+	</div><!--/footer copyright-->

app/templates/nav.html

@@ -1,5 +1,5 @@
-<nav class="navbar-default navbar-fixed-top">
+<nav class="navbar navbar-default navbar-fixed-top">
-  <div class="container-fluid">
+  <div class="container">
     <!-- Brand and toggle get grouped for better mobile display -->
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
@@ -20,7 +20,7 @@
       <ul class="nav navbar-nav">
 
       {% if not current_user.is_authenticated %}
-        <li><p class="navbar-text"><span class="glyphicon glyphicon-phone"></span> +359 32 398 295</p></li>
+        <li><a href="#"><span class="glyphicon glyphicon-phone"></span> +359 32 398 295</a></li>
       {% endif %}
 
       {% if current_user.is_authenticated %}

app/templates/vmanager/index.html

@@ -10,12 +10,6 @@
     <style>
     body {
         background-image: url('/static/images/cloudsbg.jpeg'); 
-        background-repeat: no-repeat;
-        background-attachment: fixed;
-        top:0;
-        left:0;
-        width:100%;
-        height:100%;
     }
 
     .panel-transparent {
@@ -70,7 +64,6 @@
 <div class="container-fluid-index">
  <div class="row">
   <div class="col-md-6">
-
      <div class="panel panel-primary panel-transparent">
      <div class="panel-body">
       <img src="../../static/images/VPS-equipment.png" width="128" height="128" />
@@ -86,7 +79,6 @@
       <p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. Независимо от нивото на умения Ви. Ние сме винаги насреща за въпроси.</p>
      </div>
      </div>
-
   </div>
 
   <div class="col-md-6">
@@ -103,11 +95,11 @@
     <div class="panel-body">
       <img src="../../static/images/VPS-Security.png" width="128" height="128" />
       <h2 class="media-heading">Сигурност и надеждност</h2>
-      <p>Разработваме система за контрол и наблюдение на Вашите процеси в реално време. Системата е обезпечена от най-големите български доставчици на интернет свързаност.</p>
+      <p>Разработваме система за контрол и наблюдение на Вашите изчислителни процеси в реално време, обезпечена от най-големите български доставчици на интернет свързаност.</p>
     </div>
     </div>
-
   </div>
-
+ </div>
+</div>
 {% endblock %}
 

app/vmanager/routes.py

@@ -38,9 +38,9 @@ def index():
 def chat():
     return render_template('vmanager/livechat.html')
 
-@vmanager.route("/aboutus", methods=['GET'])
+#@vmanager.route("/aboutus", methods=['GET'])
-def about():
+#def about():
-    return render_template('vmanager/aboutus.html')
+#    return render_template('vmanager/aboutus.html')
 
 @vmanager.route("/terms", methods=['GET'])
 def terms():