коробочки на всех картинках, правка стиля стриншотов на глагнэ

This commit is contained in:
Tolstoevsky 2019-08-22 17:15:08 +03:00
parent fea2c31c2c
commit 69ffbbb1b3
6 changed files with 54 additions and 19 deletions

View File

@ -568,6 +568,7 @@ h1, h2, h3, h4, h5, h6, figure {
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
-o-transition: 0.3s; -o-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }
.work .desc h3 { .work .desc h3 {
font-size: 14px; font-size: 14px;
@ -575,15 +576,19 @@ h1, h2, h3, h4, h5, h6, figure {
transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);
color: #dddddd;
background-color: #000000;
} }
.work .desc span { .work .desc span {
display: block; display: block;
color: #999999;
font-size: 12px; font-size: 12px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, 15px, 0); -webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0);
color: #dddddd;
background-color: #000000;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.work .desc { .work .desc {

View File

@ -64,8 +64,17 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg"> <div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center"> <div class="slider-text-inner text-center">
<div class="blurred-card">
<h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1> <h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1>
<h2><font color="white"><b>Способы быстро списаться и созвониться с нужным человеком</b></font></h2> <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> </div>
</div> </div>

View File

@ -6,17 +6,6 @@
<title>У вас всегда есть выбор!</title> <title>У вас всегда есть выбор!</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <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 --> <!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts--> <!-- Icomoon Icon Fonts-->
@ -255,7 +244,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 text-center animate-box"> <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"> <div class="desc">
<h3>Mastodon</h3> <h3>Mastodon</h3>
<span>Вместо Твиттера</span> <span>Вместо Твиттера</span>

View File

@ -65,10 +65,21 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg"> <div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center"> <div class="slider-text-inner text-center">
<div class="blurred-card">
<h1><b>Знакомая картинка?</b></h1> <h1><b>Знакомая картинка?</b></h1>
<h2><b>Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное <h2><b>Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</b> </h2> картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</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> </div>
</div> </div>

View File

@ -64,8 +64,19 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg"> <div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center"> <div class="slider-text-inner text-center">
<h1>Элетронная почта</h1> <div class="blurred-card">
<h1>Электронная почта</h1>
<h2>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация</h2> <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> </div>
</div> </div>

View File

@ -64,8 +64,18 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg"> <div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center"> <div class="slider-text-inner text-center">
<div class="blurred-card">
<h1>Распределённые социальные сети</h1> <h1>Распределённые социальные сети</h1>
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2> <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> </div>
</div> </div>