update home page

This commit is contained in:
Vyacheslav Anzhiganov 2015-12-03 08:49:19 +03:00
parent 15be42c675
commit 8e4f365a3f
4 changed files with 105 additions and 51 deletions

View file

@ -0,0 +1,70 @@
@import "http://webfonts.ru/import/clearsans.css";
body {
font-family: 'Clear sans';
}
header {
background: #333 none repeat scroll 0% 0%;
}
#banner {
overflov: hidden;
padding: 4em 0em 5em;
background: #202020 none repeat scroll 0% 0% / cover;
background-position:
color: rgba(255, 255, 255, 0.8)
}
#banner p {
text-align: center;
}
#banner #slogan {
opacity: 0.8;
font-family: 'Clear sans';
font-size: 36px;
color: #FFF;
font-weight: 200;
}
#banner #sub {
opacity: 0.5;
font-family: 'Clear sans';
font-size: 24px;
color: #FFF;
font-weight: 200;
}
#banner {
margin-bottom: 50px;
}
footer {
border-top: 1px solid #999;
}
footer .row {
margin-top: 25px;
margin-bottom: 25px;
}
.price {
text-align: right;
}
.price span {
color: red; font-weight: bolder;
}
ul#paymentlist {
list-style: none;
background: #000;
}
ul#paymentlist li {
float: left;
margin-left: 15px;
margin-right: 15px;
}
ul#paymentlist li img {
height: 38px;
margin-top: 15px;
margin-bottom: 15px;
}

View file

@ -1,39 +0,0 @@
span#slogan {
background: gold;
word-wrap: break-word;
font-size: 300%;
}
.row.slogan {
margin-top: 50px;
margin-bottom: 50px;
/*padding-top: 50px;*/
}
footer {
border-top: 1px solid #999;
}
footer .row {
margin-top: 25px;
margin-bottom: 25px;
}
.price {
text-align: right;
}
.price span {
color: red; font-weight: bolder;
}
ul#paymentlist {
list-style: none;
background: #000;
}
ul#paymentlist li {
float: left;
margin-left: 15px;
margin-right: 15px;
}
ul#paymentlist li img {
height: 38px;
margin-top: 15px;
margin-bottom: 15px;
}

View file

@ -8,8 +8,8 @@
<script src="{{ url_for('static', filename='js/vendor/modernizr.js') }}"></script>
<script src="{{ url_for('static', filename='js/foundation/foundation.min.js') }}"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/foundation.min.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/procdn.css') }}" />
<meta name='shareinstock' content='1a5e343873cec65d52c2146b6' />
<link rel="stylesheet" href="{{ url_for('static', filename='css/gocloud.css') }}" />
<meta name='shareinstock' content='' />
{% block head %}{% endblock %}
</head>
<body>

View file

@ -3,19 +3,42 @@
{% block title %}Главная{% endblock %}
{% block content %}
<div class="row slogan">
<div class="large-12 columns">
<img src="{{ url_for('static', filename='images/promo/promo-20151101.png') }}" border=0 />
<div id="banner">
<div class="row">
<div class="large-12 columns">
<p id="slogan">Облачный хостинг для разработчиков</p>
<p id="sub">Контейнер от 100 рублей в месяц</p>
<p>
<a href="{{ url_for('account.registration') }}" class="button alert">Создать контейнер</a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<h3>Принимем к оплате</h3>
<ul id="paymentlist">
<li><img src="{{ url_for('static', filename='images/payment/visa.png') }}" border=0 /></li>
<li><img src="{{ url_for('static', filename='images/payment/mastercard.png') }}" border=0 /></li>
<li><img src="{{ url_for('static', filename='images/payment/webmoney.png') }}" border=0 /></li>
<li><img src="{{ url_for('static', filename='images/payment/robokassa.png') }}" border=0 /></li>
<div class="large-4 columns">
<h2>Особенности</h2>
<ul>
<li>Оплата только за использованные ресурсы</li>
<li>Автоматическое доабвление SSH-ключа при создании контейнера</li>
<li>Реальный IP</li>
<li>Неограниченный трафик</li>
<li>Защита Firewall</li>
</ul>
</div>
<div class="large-4 columns">
<h2>Тарификация </h2>
<ul>
<li>Включено 2 Гб дискового пространства</li>
<li>Дисковое пространство - 100 рублей в месяц за каждые 10Гб</li>
</ul>
</div>
<div class="large-4 columns">
<h2>Способы оплаты</h2>
<ul>
<li>Visa и MasterCard</li>
<li>WebMoney</li>
<li>Яндекс.Деньги</li>
<li>Robokassa</li>
</ul>
</div>
</div>