update home page
This commit is contained in:
parent
15be42c675
commit
8e4f365a3f
4 changed files with 105 additions and 51 deletions
70
app/static/css/gocloud.css
Normal file
70
app/static/css/gocloud.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue