From 69ffbbb1b39ba1cfce132176222caa21995aaece Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@riseup.net>
Date: Thu, 22 Aug 2019 17:15:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=BE=D1=80=D0=BE=D0=B1=D0=BE=D1=87?=
 =?UTF-8?q?=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D0=B2=D1=81=D0=B5=D1=85=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D0=B0=D1=85,=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BA=D0=B0=20=D1=81=D1=82=D0=B8=D0=BB=D1=8F?=
 =?UTF-8?q?=20=D1=81=D1=82=D1=80=D0=B8=D0=BD=D1=88=D0=BE=D1=82=D0=BE=D0=B2?=
 =?UTF-8?q?=20=D0=BD=D0=B0=20=D0=B3=D0=BB=D0=B0=D0=B3=D0=BD=D1=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css |  7 ++++++-
 im.html       | 11 ++++++++++-
 index.html    | 13 +------------
 info.html     | 15 +++++++++++++--
 mail.html     | 15 +++++++++++++--
 social.html   | 12 +++++++++++-
 6 files changed, 54 insertions(+), 19 deletions(-)

diff --git a/css/style.css b/css/style.css
index 32c302e..5d00468 100755
--- a/css/style.css
+++ b/css/style.css
@@ -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 {
diff --git a/im.html b/im.html
index 96ec62c..8b63b86 100644
--- a/im.html
+++ b/im.html
@@ -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>
diff --git a/index.html b/index.html
index b5b2b15..c2f5dd1 100755
--- a/index.html
+++ b/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>
diff --git a/info.html b/info.html
index 29f5ce6..29fbca5 100644
--- a/info.html
+++ b/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>
+       									    слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
+									    картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?</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>
diff --git a/mail.html b/mail.html
index 855ad35..8739f44 100644
--- a/mail.html
+++ b/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>
-									<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>
diff --git a/social.html b/social.html
index 01c0e2e..94683b7 100644
--- a/social.html
+++ b/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>
+								<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>