коробочки на всех картинках, правка стиля стриншотов на глагнэ
This commit is contained in:
Tolstoevsky
parent
fea2c31c2c
commit
69ffbbb1b3
@ -568,6 +568,7 @@ h1, h2, h3, h4, h5, h6, figure {
|
||||
-webkit-transition: 0.3s;
|
||||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
|
||||
}
|
||||
.work .desc h3 {
|
||||
font-size: 14px;
|
||||
@ -575,15 +576,19 @@ h1, h2, h3, h4, h5, h6, figure {
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
-webkit-transform: translate3d(0, -15px, 0);
|
||||
transform: translate3d(0, -15px, 0);
|
||||
color: #dddddd;
|
||||
background-color: #000000;
|
||||
}
|
||||
.work .desc span {
|
||||
display: block;
|
||||
color: #999999;
|
||||
|
||||
font-size: 12px;
|
||||
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
-webkit-transform: translate3d(0, 15px, 0);
|
||||
transform: translate3d(0, 15px, 0);
|
||||
color: #dddddd;
|
||||
background-color: #000000;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.work .desc {
|
||||
|
||||
9
im.html
9
im.html
@ -64,8 +64,17 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
|
||||
<div class="slider-text-inner text-center">
|
||||
<div class="blurred-card">
|
||||
<h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1>
|
||||
<h2><font color="white"><b>Способы быстро списаться и созвониться с нужным человеком</b></font></h2>
|
||||
<div class="background-faker">
|
||||
<div style="background-image: url(images/social.jpg);"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1>
|
||||
<h2><font color="white"><b>Способы быстро списаться и созвониться с нужным человеком</b></font></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
13
index.html
13
index.html
@ -6,17 +6,6 @@
|
||||
<title>У вас всегда есть выбор!</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Facebook and Twitter integration -->
|
||||
<meta property="og:title" content=""/>
|
||||
<meta property="og:image" content=""/>
|
||||
<meta property="og:url" content=""/>
|
||||
<meta property="og:site_name" content=""/>
|
||||
<meta property="og:description" content=""/>
|
||||
<meta name="twitter:title" content="" />
|
||||
<meta name="twitter:image" content="" />
|
||||
<meta name="twitter:url" content="" />
|
||||
<meta name="twitter:card" content="" />
|
||||
|
||||
<!-- Animate.css -->
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
<!-- Icomoon Icon Fonts-->
|
||||
@ -255,7 +244,7 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center animate-box">
|
||||
<a href="social.html#mastodon" class="work" style="background-image: url(images/mastodon.png);">
|
||||
<a href="social.html#mastodon" class="work" style="background-image: url(images/mastodon2.png);">
|
||||
<div class="desc">
|
||||
<h3>Mastodon</h3>
|
||||
<span>Вместо Твиттера</span>
|
||||
|
||||
11
info.html
11
info.html
@ -65,10 +65,21 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
|
||||
<div class="slider-text-inner text-center">
|
||||
<div class="blurred-card">
|
||||
<h1><b>Знакомая картинка?</b></h1>
|
||||
<h2><b>Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
|
||||
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
|
||||
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</b> </h2>
|
||||
<div class="background-faker">
|
||||
<div style="background-image: url(images/social.jpg);"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h1><b>Знакомая картинка?</b></h1>
|
||||
<h2><b>Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
|
||||
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
|
||||
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</b> </h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
13
mail.html
13
mail.html
@ -64,8 +64,19 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
|
||||
<div class="slider-text-inner text-center">
|
||||
<h1>Элетронная почта</h1>
|
||||
<div class="blurred-card">
|
||||
<h1>Электронная почта</h1>
|
||||
<h2>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация</h2>
|
||||
<div class="background-faker">
|
||||
<div style="background-image: url(images/social.jpg);"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h1>Электронная почта</h1>
|
||||
<h2>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
10
social.html
10
social.html
@ -64,8 +64,18 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
|
||||
<div class="slider-text-inner text-center">
|
||||
<div class="blurred-card">
|
||||
<h1>Распределённые социальные сети</h1>
|
||||
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2>
|
||||
<div class="background-faker">
|
||||
<div style="background-image: url(images/social.jpg);"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h1>Распределённые социальные сети</h1>
|
||||
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user