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/vendor/modernizr.js') }}"></script>
|
||||||
<script src="{{ url_for('static', filename='js/foundation/foundation.min.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/foundation.min.css') }}" />
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/procdn.css') }}" />
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/gocloud.css') }}" />
|
||||||
<meta name='shareinstock' content='1a5e343873cec65d52c2146b6' />
|
<meta name='shareinstock' content='' />
|
||||||
{% block head %}{% endblock %}
|
{% block head %}{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,42 @@
|
||||||
{% block title %}Главная{% endblock %}
|
{% block title %}Главная{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row slogan">
|
<div id="banner">
|
||||||
<div class="large-12 columns">
|
<div class="row">
|
||||||
<img src="{{ url_for('static', filename='images/promo/promo-20151101.png') }}" border=0 />
|
<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>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="large-12 columns">
|
<div class="large-4 columns">
|
||||||
<h3>Принимем к оплате</h3>
|
<h2>Особенности</h2>
|
||||||
<ul id="paymentlist">
|
<ul>
|
||||||
<li><img src="{{ url_for('static', filename='images/payment/visa.png') }}" border=0 /></li>
|
<li>Оплата только за использованные ресурсы</li>
|
||||||
<li><img src="{{ url_for('static', filename='images/payment/mastercard.png') }}" border=0 /></li>
|
<li>Автоматическое доабвление SSH-ключа при создании контейнера</li>
|
||||||
<li><img src="{{ url_for('static', filename='images/payment/webmoney.png') }}" border=0 /></li>
|
<li>Реальный IP</li>
|
||||||
<li><img src="{{ url_for('static', filename='images/payment/robokassa.png') }}" border=0 /></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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue