fancy index

This commit is contained in:
deflax 2017-05-10 03:13:44 +03:00
parent 567b75682b
commit 2c6a39e641
5 changed files with 110 additions and 42 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 MiB

View file

@ -1,4 +1,5 @@
{% extends "bootstrap/base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "bootstrap/fixes.html" as fixes %}
{% import "bootstrap/utils.html" as util %}
@ -9,6 +10,8 @@
{% block head %}
{{ super() }}
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
{% endblock %}
{% block styles %}
@ -20,7 +23,6 @@
{% block scripts %}
{{ super() }}
<script type=text/javascript src="{{ url_for('static', filename='js/nouislider.min.js') }}"></script>
{% endblock %}
{% block navbar %}
@ -42,5 +44,3 @@
{% block footer %}
{% include "footer.html" %}
{% endblock %}

View file

@ -1,9 +1,28 @@
{% block page_footer %}
<br />
<hr>
<div id="footer">
<div class=footer>
<p>&copy; Copyright <script language="JavaScript">var date = new Date(); document.write(date.getFullYear());</script> by {{ AUTHOR }}</p>
<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>
&copy; 2017 <a href="https://panel.datapoint.bg/aboutus">datapoint.bg</a>
<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 %}
<a href="{{ SITEURL }}/feeds/all.rss.xml" rel="alternate" title="Recent Blog Posts"><li> <i class="icon-rss icon-large"></i> </li></a>
</ul>
</div>
</p>
</div>
{% endblock %}

View file

@ -1,5 +1,5 @@
{% block navbar %}
<div class="container-fluid navbar-default navbar-fixed-top">
<nav class="navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- 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">
@ -19,17 +19,19 @@
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<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>
{% endif %}
{% if current_user.is_authenticated %}
<li><a href="#"><span class="glyphicon glyphicon-send"></span> Deploy Application</a></li>
{% else %}
<li class="dropdown">
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-send"></span> Deploy Application</a>
<ul class="dropdown-menu">
<li><a href="/market/1"><span class="glyphicon glyphicon-send"></span> Business</a></li>
<li><a href="/market/2"><span class="glyphicon glyphicon-send"></span> Games</a></li>
<li><a href="/market/3"><span class="glyphicon glyphicon-send"></span> Misc</a></li>
</ul>
</ul> -->
{% endif %}
<li><a href="{{ url_for('vmanager.chat') }}" target="_blank"><span class="glyphicon glyphicon-question-sign"></span> Live Chat</a></li>
@ -55,6 +57,5 @@
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
{% endblock %}
</nav>

View file

@ -1,47 +1,95 @@
{% extends "base.html" %}
{% block head %}
{{ super() }}
<style>
body {
background-image: url('static/images/cloudsbg.jpeg');
background-repeat: no-repeat;
background-attachment: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}
.panel-transparent {
background: none;
}
.panel-transparent .panel-heading{
background: rgba(122, 130, 136, 0.7)!important;
}
.panel-transparent .panel-body{
background: rgba(255, 255, 255, 0.7)!important;
}
</style>
{% endblock %}
{% block page_content %}
<canvas id="canvas"></canvas>
<div id="container">
<div class="container">
<div class="row">
<img src="../../static/images/robot.png" class="img-responsive"></img>
<div class="bss-slides">
<figure>
<img src="../../static/images/robot.png" width="100%" />
<figcaption>Caption goes here</figcaption>
</figure>
<!-- more figures here as needed -->
</div>
<!-- <img src="../../static/images/robot.png" class="img-responsive"></img> -->
</div>
<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="150" height="150" />
<img src="../../static/images/VPS-equipment.png" width="128" height="128" />
<h2 class="media-heading">Оборудване</h2>
<p>Благодарение на внедрените нови технологии ние предлагаме изчислителна мощ, надеждно съхранение на данни и гъвкаво разпределение на ресурсите.</p>
</div>
</div>
<div class="panel panel-primary panel-transparent">
<div class="panel-body">
<img src="../../static/images/VPS-Support.png" width="150" height="150" />
<img src="../../static/images/VPS-Support.png" width="128" height="128" />
<h2 class="media-heading">Бърз приятелски support</h2>
<p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. Независимо от нивото на умения Ви. Ние сме винаги насреща за въпроси.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-primary panel-transparent">
<div class="panel-body">
<img src="../../static/images/VPS-Mission.png" width="150" height="150" />
<img src="../../static/images/VPS-Mission.png" width="128" height="128" />
<h2 class="media-heading">Мисия</h2>
<p>Основната ни цел е безкомпромисно качество на услугите ни. Предлагаме цялостна поддръжка на вашите машини, включително тези които използвате във Вашият офис.</p>
</div>
</div>
<div class="panel panel-primary panel-transparent">
<div class="panel-body">
<img src="../../static/images/VPS-Security.png" width="150" height="150" />
<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 %}