Browse Source

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

tags/1.0
Tolstoevsky 9 months ago
parent
commit
69ffbbb1b3
6 changed files with 54 additions and 19 deletions
  1. +6
    -1
      css/style.css
  2. +10
    -1
      im.html
  3. +1
    -12
      index.html
  4. +13
    -2
      info.html
  5. +13
    -2
      mail.html
  6. +11
    -1
      social.html

+ 6
- 1
css/style.css View File

@@ -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 {


+ 10
- 1
im.html View File

@@ -63,9 +63,18 @@
<div class="overlay-gradient"></div>
<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="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>


+ 1
- 12
index.html View File

@@ -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>


+ 13
- 2
info.html View File

@@ -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>
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</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
- 2
mail.html View File

@@ -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>
<h2>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация</h2>
<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>


+ 11
- 1
social.html View File

@@ -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>
<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…
Cancel
Save