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; 
-    -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>
+			<div class="one_four">
-  </p> 
+				<h4>Contact Details</h4>
-  <p>
+				<p>52 Volga str.<br>4002 Plovdiv, Bulgaria</p>
-    <div class=social style="font-size: 27px;">
+				<p>tel: +359 (0) 32 398 295 <br /> email: <a href="mailto:office@datapoint.bg">office@datapoint.bg</a></p>
-      <ul>
+			</div><!--/one four-->
-        {% if MAIL_USERNAME %}<script language="JavaScript">
+			
-          u = '{{ MAIL_USERNAME }}';
+			<div class="one_four">
-          s = '{{ MAIL_HOST }}';
+				<h4>Latest Tweet</h4>
-          document.write('<a href=\"mailto:' + u + '@' + s + '\" target=\"_blank\">');
+				<p><a href="#">@datapoint</a> Продавам пирони. Изгодно.</p>
-        </script>
+				<span class="tweet_day">2 Days ago</span>
-            <li><i class="icon-envelope icon-large"></i> </li>
+			</div><!--/one four-->
-        </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 %}
+			<div class="one_four">
-        {% if LINKEDIN_URL %}<a href="{{ LINKEDIN_URL }}" target="_blank"><li><i class="icon-linkedin-sign icon-large" ></i></li></a>{% endif %}
+				<h4>Datapoint</h4>
-        {% if GITHUB_URL %}<a href="{{ GITHUB_URL }}" target="_blank"> <li> <i class="icon-github-sign icon-large"></i> </li> </a>{% endif %}
+				<p>We are a dedicated team working to bring you the best hosting in the business. 
-        {% if FACEBOOK_URL %}<a href="{{ FACEBOOK_URL }}" target="_blank"><li> <i class="icon-facebook-sign icon-large"></i></li> </a>{% endif %}
+				We are passionate about what we do, and why we do it.<br> <a href="#">Read More…</a></p>
-        {% if GOOGLEPLUS_URL %}<a href="{{ GOOGLEPLUS_URL }}" target="_blank"><li><i class="icon-google-plus-sign icon-large"></i> </li> </a>{% endif %}
+			</div><!--/one four-->
-        {% 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 last_col">
-
+				<h4>Newsletter Signup</h4>
-        <a href="{{ SITEURL }}/feeds/all.rss.xml" rel="alternate" title="Recent Blog Posts"><li> <i class="icon-rss icon-large"></i> </li></a>
+				<p>Join our newsletter to stay informed on our latest updates and sales.</p>
-      </ul>
+				<form action="#" method="post">
-    </div>
+					<div class="form_field">
-  </p>
+						<input class="newsletter_input" title="Your Email" type="text" placeholder="Enter Your Email" />
-</div>
+						<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 {
@@ -56,37 +50,35 @@
       <img src="/static/slideshow/robot.png" class="img-responsive"></img>
     </div>
     -->
-    <div class="row">
+  <div class="row">
-      <div class="bss-slides">
+  <div class="bss-slides">
-        <figure>
+    <figure>
-            <img src="/static/slideshow/robot.png" width="100%" />
+        <img src="/static/slideshow/robot.png" width="100%" />
-        </figure>
+    </figure>
-        <figure>
+    <figure>
-            <img src="/static/slideshow/robot2.png" width="100%" />
+        <img src="/static/slideshow/robot2.png" width="100%" />
-        </figure>
+    </figure>
-      </div>  
+    </div>  
-    </div>
+  </div>
 
 <div class="container-fluid-index">
-  <div class="row">
+ <div class="row">
-    <div class="col-md-6">
+  <div class="col-md-6">
-
+     <div class="panel panel-primary panel-transparent">
-    <div class="panel panel-primary panel-transparent">
+     <div class="panel-body">
-    <div class="panel-body">
       <img src="../../static/images/VPS-equipment.png" width="128" height="128" />
       <h2 class="media-heading">Оборудване</h2>
       <p>Благодарение на внедрените нови технологии ние предлагаме изчислителна мощ, надеждно съхранение на данни и гъвкаво разпределение на ресурсите.</p>
-    </div>
+     </div>
-    </div>
+     </div>
 
      <div class="panel panel-primary panel-transparent">
      <div class="panel-body">
       <img src="../../static/images/VPS-Support.png" width="128" height="128" />
       <h2 class="media-heading">Бърз приятелски support</h2>
       <p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. Независимо от нивото на умения Ви. Ние сме винаги насреща за въпроси.</p>
-    </div>
+     </div>
-    </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():