fancy index
This commit is contained in:
parent
567b75682b
commit
2c6a39e641
5 changed files with 110 additions and 42 deletions
BIN
app/static/images/cloudsbg.jpeg
Normal file
BIN
app/static/images/cloudsbg.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.2 MiB |
|
@ -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 %}
|
||||
|
||||
|
||||
|
|
|
@ -1,9 +1,28 @@
|
|||
{% block page_footer %}
|
||||
<br />
|
||||
<hr>
|
||||
<div id="footer">
|
||||
<p>
|
||||
© 2017 <a href="https://panel.datapoint.bg/aboutus">datapoint.bg</a>
|
||||
</p>
|
||||
<div class=footer>
|
||||
<p>© 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>
|
||||
<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>
|
||||
{% endblock %}
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
@ -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,18 +19,20 @@
|
|||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
{% if current_user.is_authenticated %}
|
||||
{% 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>
|
||||
{% endif %}
|
||||
</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>
|
||||
|
|
|
@ -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-body">
|
||||
<img src="../../static/images/VPS-equipment.png" width="150" height="150" />
|
||||
|
||||
<div class="panel panel-primary panel-transparent">
|
||||
<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 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-body">
|
||||
<img src="../../static/images/VPS-Mission.png" width="150" height="150" />
|
||||
</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="128" height="128" />
|
||||
<h2 class="media-heading">Мисия</h2>
|
||||
<p>Основната ни цел е безкомпромисно качество на услугите ни. Предлагаме цялостна поддръжка на вашите машини, включително тези които използвате във Вашият офис.</p>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<img src="../../static/images/VPS-Security.png" width="150" height="150" />
|
||||
<h2 class="media-heading">Сигурност и надеждност</h2>
|
||||
<p>Разчитаме на собствено сървърно помещение, обезпечено от най- големите български доставчици на интернет свързаност. Предлагаме пълен достъп и наблюдение на процесите в реално време.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="panel panel-primary panel-transparent">
|
||||
<div class="panel-body">
|
||||
<img src="../../static/images/VPS-Security.png" width="128" height="128" />
|
||||
<h2 class="media-heading">Сигурност и надеждност</h2>
|
||||
<p>Разработваме система за контрол и наблюдение на Вашите процеси в реално време. Системата е обезпечена от най-големите български доставчици на интернет свързаност.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
Loading…
Reference in a new issue