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

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 {

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>

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>

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>

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

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>