init

src/assets/img/circle.svg

@@ -1,15 +0,0 @@
-<svg width="403" height="406" viewBox="0 0 403 406" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M124.33 12.04C119.95 12.04 116.4 15.59 116.4 19.97C116.4 20 116.4 20.04 116.4 20.07V385.87C116.4 385.87 116.4 385.94 116.4 385.97C116.4 386 116.4 386.04 116.4 386.07V386.26C116.55 390.5 120.03 393.9 124.31 393.9C128.59 393.9 132.07 390.5 132.22 386.26H132.23V19.97C132.23 15.59 128.68 12.04 124.3 12.04H124.33Z" fill="white"/>
-    <path d="M93.7398 47.4401C93.6298 42.9401 89.9598 39.3301 85.4298 39.3301C80.8998 39.3301 77.2398 42.9401 77.1198 47.4401H77.0498V358.07H77.1198C77.1198 358.14 77.1098 358.21 77.1098 358.28C77.1098 362.87 80.8298 366.6 85.4298 366.6C90.0298 366.6 93.7498 362.88 93.7498 358.28C93.7498 358.21 93.7498 358.14 93.7398 358.07H93.7498V47.4401H93.7398Z" fill="white"/>
-    <path d="M46.8302 78.27C42.3602 78.27 38.7202 81.78 38.5102 86.2H38.4902V319.31C38.4902 323.92 42.2302 327.66 46.8402 327.66C51.4502 327.66 55.1902 323.92 55.1902 319.31V86.2H55.1702C54.9502 81.79 51.3102 78.27 46.8502 78.27H46.8302Z" fill="white"/>
-    <path d="M9.4602 141.46C9.4602 141.46 9.4602 141.5 9.4502 141.51C9.4602 141.48 9.4702 141.44 9.4902 141.41C9.4902 141.43 9.4802 141.44 9.4702 141.46H9.4602Z" fill="white"/>
-    <path d="M12.57 139.29C12.36 139.29 12.16 139.31 11.96 139.35C11.9 139.36 11.84 139.38 11.78 139.39C11.64 139.42 11.51 139.46 11.38 139.51C11.32 139.53 11.26 139.56 11.2 139.58C11.07 139.64 10.94 139.71 10.82 139.79C10.78 139.82 10.73 139.84 10.69 139.87C10.53 139.98 10.38 140.1 10.25 140.24C10.22 140.27 10.2 140.3 10.17 140.33C10.13 140.37 10.09 140.41 10.06 140.46C10.06 140.46 10.07 140.46 10.08 140.46C10.01 140.54 9.95 140.61 9.89 140.69C9.95 140.61 10.01 140.54 10.07 140.46C10.07 140.46 10.06 140.46 10.05 140.47C9.82 140.65 9.64 141.02 9.5 141.41C9.5 141.4 9.51 141.38 9.52 141.37C9.47 141.5 9.43 141.63 9.4 141.77C9.42 141.68 9.44 141.6 9.47 141.51C9.37 141.81 9.28 142.11 9.22 142.33C3.24 161.59 0 182.25 0 203.75C0 225.25 3.46 245.9 8.99 264.53C9.01 264.6 9.05 264.71 9.1 264.84C9.12 264.9 9.15 264.96 9.18 265.02C9.19 265.05 9.2 265.08 9.21 265.11C9.27 265.24 9.35 265.36 9.43 265.48C9.43 265.49 9.44 265.5 9.45 265.51C9.56 265.68 9.69 265.83 9.83 265.97C9.87 266.01 9.91 266.05 9.95 266.08C10.07 266.19 10.19 266.29 10.32 266.38C10.36 266.41 10.39 266.44 10.43 266.46C10.6 266.57 10.77 266.67 10.96 266.75C11 266.77 11.04 266.78 11.08 266.8C11.23 266.86 11.39 266.91 11.55 266.95C11.61 266.96 11.66 266.98 11.72 266.99C11.93 267.03 12.14 267.05 12.35 267.05C14.29 267.05 15.86 265.48 15.86 263.54V142.59C15.86 140.77 14.38 139.29 12.56 139.29H12.57ZM9.78 140.84C9.71 140.95 9.64 141.07 9.59 141.2C9.65 141.08 9.71 140.96 9.78 140.84ZM9.33 141.96C9.29 142.16 9.27 142.37 9.27 142.59C9.27 142.37 9.29 142.17 9.33 141.96ZM8.95 264.3C8.97 264.38 9 264.46 9.02 264.53C9 264.45 8.97 264.38 8.95 264.3ZM9.22 265.06C9.25 265.12 9.29 265.18 9.32 265.25C9.28 265.19 9.25 265.13 9.22 265.06Z" fill="white"/>
-    <path d="M171.57 395.96V9.69984C171.57 9.69984 171.57 9.65984 171.57 9.64984C171.57 9.63984 171.57 9.60984 171.57 9.59984V9.23984H171.55C171.33 4.83984 167.71 1.33984 163.26 1.33984C158.81 1.33984 155.19 4.83984 154.97 9.23984H154.94V395.96H154.97C154.97 396.07 154.95 396.18 154.95 396.29C154.95 400.88 158.67 404.6 163.26 404.6C167.85 404.6 171.57 400.88 171.57 396.29C171.57 396.18 171.56 396.07 171.55 395.96H171.56H171.57Z" fill="white"/>
-    <path d="M202.61 0C198.17 0 194.49 3.19 193.71 7.4H193.53V395.95H193.6C193.57 396.25 193.55 396.56 193.55 396.87C193.55 401.87 197.61 405.93 202.61 405.93C207.61 405.93 211.67 401.87 211.67 396.87C211.67 396.56 211.65 396.25 211.62 395.95H211.67V7.4H211.51C210.73 3.19 207.05 0 202.61 0Z" fill="white"/>
-    <path d="M248.7 10.3799C248.7 10.2499 248.72 10.1199 248.72 9.97992C248.72 9.83992 248.71 9.70992 248.7 9.57992V9.23992H248.68C248.31 5.40992 245.08 2.41992 241.16 2.41992C237.24 2.41992 234.01 5.40992 233.64 9.23992H233.6V395.96C233.6 400.13 236.98 403.52 241.16 403.52C245.34 403.52 248.72 400.14 248.72 395.96C248.72 395.83 248.71 395.69 248.7 395.56V10.3799Z" fill="white"/>
-    <path d="M288.02 382.47V25.1399H287.84C287.96 24.5799 288.02 23.9999 288.02 23.4099C288.02 18.8299 284.3 15.1099 279.72 15.1099C275.14 15.1099 271.42 18.8299 271.42 23.4099C271.42 23.9999 271.48 24.5799 271.6 25.1399H271.43V382.18C271.43 382.3 271.41 382.41 271.41 382.53C271.41 382.65 271.42 382.76 271.43 382.88V383.67H271.5C272.05 387.72 275.51 390.83 279.71 390.83C283.91 390.83 287.37 387.71 287.92 383.67H288V382.59C288 382.59 288 382.55 288 382.54C288 382.53 288 382.5 288 382.49L288.02 382.47Z" fill="white"/>
-    <path d="M318.25 37.0498C313.65 37.0498 309.92 40.7798 309.92 45.3798C309.92 45.5198 309.93 45.6598 309.94 45.7998V360.13C309.94 360.27 309.92 360.41 309.92 360.55C309.92 365.15 313.65 368.88 318.25 368.88C322.85 368.88 326.58 365.15 326.58 360.55V45.3798C326.58 40.7798 322.85 37.0498 318.25 37.0498Z" fill="white"/>
-    <path d="M365.12 80.0202C365.12 79.9102 365.14 79.8002 365.14 79.6902C365.14 75.3002 361.58 71.7402 357.19 71.7402C352.8 71.7402 349.24 75.3002 349.24 79.6902H349.21V326.25H349.24C349.24 330.64 352.8 334.2 357.19 334.2C361.58 334.2 365.14 330.64 365.14 326.25C365.14 326.14 365.13 326.03 365.12 325.92V80.0202Z" fill="white"/>
-    <path d="M393.17 141.46C393.17 141.46 393.17 141.5 393.18 141.51C393.17 141.48 393.16 141.44 393.14 141.41C393.14 141.43 393.15 141.44 393.16 141.46H393.17Z" fill="white"/>
-    <path d="M386.76 142.6V263.55C386.76 265.49 388.33 267.06 390.27 267.06C390.49 267.06 390.7 267.03 390.9 267C390.96 266.99 391.01 266.98 391.07 266.96C391.23 266.92 391.39 266.87 391.54 266.81C391.58 266.79 391.62 266.78 391.66 266.76C391.84 266.68 392.02 266.58 392.19 266.47C392.23 266.44 392.26 266.42 392.3 266.39C392.43 266.3 392.55 266.2 392.67 266.09C392.71 266.05 392.75 266.02 392.79 265.98C392.93 265.84 393.06 265.68 393.17 265.52C393.17 265.51 393.18 265.5 393.19 265.49C393.27 265.37 393.34 265.25 393.41 265.12C393.42 265.09 393.43 265.06 393.44 265.03C393.47 264.97 393.5 264.91 393.52 264.85C393.57 264.73 393.61 264.62 393.63 264.54C399.17 245.91 402.62 224.45 402.62 203.76C402.62 183.07 399.38 161.6 393.42 142.35C393.35 142.14 393.27 141.84 393.17 141.53C393.2 141.61 393.22 141.7 393.24 141.79C393.21 141.65 393.17 141.52 393.12 141.39C393.12 141.4 393.13 141.42 393.14 141.43C393 141.04 392.82 140.66 392.59 140.49C392.59 140.49 392.58 140.49 392.57 140.48C392.63 140.55 392.69 140.63 392.75 140.71C392.69 140.63 392.62 140.55 392.56 140.48C392.56 140.48 392.57 140.48 392.58 140.48C392.54 140.44 392.51 140.4 392.47 140.35C392.44 140.32 392.42 140.29 392.39 140.26C392.25 140.13 392.11 140 391.95 139.89C391.91 139.86 391.87 139.84 391.82 139.81C391.7 139.73 391.57 139.66 391.44 139.6C391.38 139.57 391.32 139.55 391.26 139.53C391.13 139.48 391 139.44 390.86 139.41C390.8 139.4 390.74 139.38 390.68 139.37C390.48 139.33 390.28 139.31 390.07 139.31C388.25 139.31 386.77 140.79 386.77 142.61L386.76 142.6ZM393.05 141.21C392.99 141.09 392.93 140.97 392.86 140.85C392.93 140.97 393 141.08 393.05 141.21ZM393.37 142.6C393.37 142.39 393.35 142.18 393.31 141.97C393.35 142.17 393.37 142.38 393.37 142.6ZM393.62 264.55C393.64 264.47 393.67 264.4 393.69 264.32C393.67 264.4 393.64 264.48 393.62 264.55ZM393.32 265.26C393.35 265.2 393.39 265.14 393.42 265.07C393.39 265.13 393.36 265.19 393.32 265.26Z" fill="white"/>
-    </svg>

src/assets/scss/components/about.scss

@@ -0,0 +1,16 @@
+/*-------------- about -----------------*/
+.about{
+	&__content{
+		display: flex;
+		gap: 2.6041666667vw;
+		padding-bottom: 2.6041666667vw;
+		font-size: 1.1458333333vw;
+		line-height: 1.4;
+	}
+
+	&__col{
+		width: 41.6145833333vw;
+
+		h3, .h3{margin: 0;}
+	}
+}

src/assets/scss/components/aim.scss

@@ -0,0 +1,122 @@
+/*-------------- aim -----------------*/
+.aim{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 46.875vw;
+	height: 46.875vw;
+	position: relative;
+	margin: 0 auto;
+	border: 3px solid #005a8e;
+	border-radius: 50%;
+
+	&__top,
+	&__bottom{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		height: 8.1770833333vw;
+		position: absolute;
+		left: 0;
+	}
+
+	&__top{top: 5.2083333333vw;}
+	&__bottom{bottom: 5.2083333333vw;}
+
+	&__content{
+		width: 29.1666666667vw;
+		font-size: 2.0833333333vw;
+		font-weight: 500;
+		color: #005a8e;
+		line-height: 1.5;
+		text-transform: uppercase;
+		text-align: center;
+	}
+
+	&__content-accent{
+		font-size: 2.5vw;
+		font-weight: bold;
+	}
+}
+
+.aim-item{
+	position: relative;
+
+	&__img{max-width: 7.03125vw;}
+
+	&__content{
+		display: flex;
+		flex-direction: column;
+		gap: 1.0416666667vw;
+		width: 15.625vw;
+	}
+
+	&__title{
+		font-size: 1.25vw;
+		font-weight: 500;
+		color: #005a8e;
+		text-transform: uppercase;
+		text-align: center;
+		position: relative;
+
+		&::after{
+			content: "";
+			width: 11.4583333333vw;
+			height: 3px;
+			background: #005a8e;
+		}
+	}
+
+	&__text{
+		font-size: .9375vw;
+		line-height: 120%;
+		color: #172540;
+		position: relative;
+
+		&::after{
+			content: "";
+			width: 1.5625vw;
+			height: 3px;
+			background: #005a8e;
+		}
+	}
+
+	&_left &__content{
+		position: absolute;
+		top: -2.0833333333vw;
+		left: -15.625vw;
+	}
+
+	&_left &__title::after{
+		position: absolute;
+		bottom: -.2604166667vw;
+		right: -.2604166667vw;
+	}
+
+	&_left &__text::after{
+		position: absolute;
+		top: -.3645833333vw;
+		right: -1.562vw;
+		transform: rotate(45deg);
+	}
+
+	&_right &__content{
+		position: absolute;
+		top: -2.0833333333vw;
+		right: -17.1875vw;
+	}
+
+	&_right &__title::after{
+		position: absolute;
+		bottom: -.2604166667vw;
+		left: -.2604166667vw;
+	}
+
+	&_right &__text::after{
+		position: absolute;
+		top: -.3645833333vw;
+		left: -1.562vw;
+		transform: rotate(-45deg);
+	}
+}

src/assets/scss/components/team.scss

@@ -0,0 +1,34 @@
+/*-------------- team -----------------*/
+.team-list{
+	display: flex;
+	flex-wrap: wrap;
+	gap: 2.6041666667vw;
+}
+
+.team-item{
+	text-align: center;
+
+	&__img-wrap{position: relative;}
+
+	&__img{
+		width: 16.6666666667vw;
+		height: 16.6666666667vw;
+		margin: 0 auto;
+
+		img{
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+			border-radius: 50%;
+			border: 3px solid #005a8e;
+			object-position: top;
+		}
+	}
+
+	&__logo{
+		height: 2.6041666667vw;
+		position: absolute;
+		bottom: 3.3854166667vw;
+		right: 1.3020833333vw;
+	}
+}

src/assets/scss/components/title-decor.scss

@@ -0,0 +1,15 @@
+/*-------------- title-decor -----------------*/
+.title-decor{
+	margin: 2.6041666667vw 0;
+	padding: .5208333333vw 0;
+	text-align: center;
+	border-top: 3px solid #005a8e;
+	border-bottom: 3px solid #005a8e;
+
+	h1, .h1{
+		max-width: 48%;
+		margin: 0 auto;
+		font-weight: bold;
+		text-transform: uppercase;
+	}
+}

src/assets/scss/components/top-slider.scss

@@ -0,0 +1,78 @@
+/*-------------- top-slider -----------------*/
+.top-slider-wrap{position: relative;}
+
+.top-slider{
+	position: relative;
+
+	&__img{
+		height: 33.4895833333vw;
+		position: relative;
+
+		img{
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+			object-position: center;
+		}
+
+		&::after{
+			content: '';
+			display: block;
+			width: 100%;
+			height: 100%;
+			background: rgba(31,29,29,.502);
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+	}
+}
+
+.top-slider-info{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 3;
+
+	&__title{
+		font-size: 2.8645833333vw;
+		font-weight: bold;
+		color: #fff;
+		line-height: 1.4;
+	}
+
+	.btn{margin-top: 3.4375vw;}
+}
+
+.top-slider-nav{
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	left: 0;
+	right: 0;
+	margin: 0 auto;
+	z-index: 5;
+
+	.swiper-button-prev,
+	.swiper-button-next{
+		width: 3.9583333333vw;
+		height: 3.9583333333vw;
+		position: absolute;
+		transition: all .3s ease-in-out;
+
+		&::after{display: none;}
+		.icon{fill: #fff;}
+	}
+
+	.swiper-button-prev{left: 0;}
+	.swiper-button-next{right: 0;}
+
+	.swiper-button-prev:hover{translate: -6px 0;}
+	.swiper-button-next:hover{translate: 6px 0;}
+}

src/assets/scss/layouts/main.scss

@@ -63,12 +63,14 @@ h1,.h1{
 
 h2,.h2{
 	font-size: 2.5vw;
+	text-align: center;
 	margin-top: 2.6041666667vw;
 	margin-bottom: 2.6041666667vw;
 }
 
 h3,.h3{
 	font-size: 1.5625vw;
+	font-weight: 500;
 	margin-top: 1.0416666667vw;
 	margin-bottom: 1.0416666667vw;
 }
@@ -125,7 +127,7 @@ button.btn{
 	text-align: center;
 	text-decoration: none;
 	text-align: center;
-	padding: 0 25px;
+	padding: 0 1.302083333333333vw;
 	cursor: pointer;
 	transition: all 0.2s ease-in-out 0s;
 
@@ -162,6 +164,12 @@ button.btn{
 
 		&:hover{color: var(--color-primary);}
 	}
+
+	&_big{
+		height: 5.0520833333vw;
+		font-size: 2.0833333333vw;
+		padding: 0 3.5vw;
+	}
 }
 
 .code{

src/assets/scss/main.scss

@@ -1,6 +1,9 @@
 // fancybox
 // @import '~@fancyapps/fancybox/dist/jquery.fancybox.css';
 
+// swiper
+@import '~swiper/swiper-bundle.css';
+
 @import "utils/vars";
 
 // Наш сайт
@@ -18,3 +21,8 @@
 @import "components/type-icon";
 @import "components/main-menu";
 @import "components/social";
+@import "components/top-slider";
+@import "components/title-decor";
+@import "components/about";
+@import "components/aim";
+@import "components/team";

src/assets/svg-icon/ic-arrow-left.svg

@@ -0,0 +1,4 @@
+<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.5506 56.8722C44.3317 57.6533 45.598 57.6533 46.3791 56.8722C47.1601 56.0912 47.1601 54.8248 46.3791 54.0438L43.5506 56.8722ZM46.3791 54.0438L27.8885 35.5532L25.0601 38.3817L43.5506 56.8722L46.3791 54.0438Z" fill="white"/>
+<path d="M45.9064 22.4162C46.6874 21.6351 46.6874 20.3688 45.9064 19.5877C45.1254 18.8067 43.859 18.8067 43.078 19.5877L45.9064 22.4162ZM43.078 19.5877L24.5874 38.0783L27.4158 40.9067L45.9064 22.4162L43.078 19.5877Z" fill="white"/>
+</svg>

src/assets/svg-icon/ic-arrow-right.svg

@@ -0,0 +1,4 @@
+<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M32.4494 19.1278C31.6683 18.3467 30.402 18.3467 29.6209 19.1278C28.8399 19.9088 28.8399 21.1752 29.6209 21.9562L32.4494 19.1278ZM29.6209 21.9562L48.1115 40.4468L50.9399 37.6183L32.4494 19.1278L29.6209 21.9562Z" fill="white"/>
+    <path d="M30.0936 53.5833C29.3126 54.3644 29.3126 55.6307 30.0936 56.4118C30.8746 57.1928 32.141 57.1928 32.922 56.4118L30.0936 53.5833ZM32.922 56.4118L51.4126 37.9212L48.5842 35.0928L30.0936 53.5833L32.922 56.4118Z" fill="white"/>
+    </svg>

src/js/common.js

@@ -5,4 +5,6 @@ import $ from 'jquery';
 // import 'select2';
 // import Inputmask from "inputmask";
 
-export {$};
+import Swiper from 'swiper/swiper-bundle.esm.browser.min.js';
+
+export {$, Swiper};

src/js/index.js

@@ -1,10 +1,23 @@
-import {$} from './common';
+import {$, Swiper} from './common';
 
-$(window).scroll(function(){
-	if($(this).scrollTop()>300){
-		$('.js-move-up').addClass('visible');
-	}else{
-		$('.js-move-up').removeClass('visible');
-	}
+// Верхний слайдер
+const topSlider = new Swiper('.js-top-slider',
+{
+	loop:true,
+	autoplay: {
+		delay: 3000,
+	},
+	navigation: {
+		nextEl: '.js-top-slider-next',
+		prevEl: '.js-top-slider-prev',
+	},
+});
+
+// Слайдер партнеров
+const partnerSlider = new Swiper('.js-partners-slider',
+{
+	loop:true,
+	autoplay: {
+		delay: 1000,
+	},
 });
-$('.js-move-up').click(function(){$('body,html').animate({scrollTop:0},800);return false;});

src/pug/pages/index.pug

@@ -10,13 +10,11 @@ block variables
 
 block content
 	section
-		.container
-			.row
-				.col-12
-					h1 содержание
-					ul
-						each page in pagelist
-							li
-								a(href=page.href,)= page.name
+		.st-width
+			h1 содержание
+			ul
+				each page in pagelist
+					li
+						a(href=page.href, target="_blank")= page.name
 
 

src/pug/pages/tipografika.pug

@@ -1,77 +0,0 @@
-extends ../layout/main
-
-block variables
-	- var title = 'Типографика';
-	- var h1 = 'Типографика';
-
-
-block breadcrumb
-	-
-		var breadcrumbs=[
-			{href:'/',name:'Главная'},
-			{href:'#',name:'Типографика'},
-		];
-
-	+breadcrumbs(breadcrumbs)
-
-block content
-	section.st-width
-		p
-			a(href='#') Это стандартная ссылка
-
-		p Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
-
-		p По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.
-
-		br
-		br
-		div.h2 Доп. классы для текста
-		p <span class="code">text-left</span> Выравнивание текста по левому краю
-		p <span class="code">text-center</span> Выравнивание текста по центру
-		p <span class="code">text-right</span> Выравнивание текста по правому краю
-		p <span class="code">text-justify</span> Выравнивание текста по ширине
-		p <span class="code">text-uppercase</span> Все символы текста становятся прописными (верхний регистр)
-		p <span class="code">text-bold</span> Жирный текст
-
-		br
-		br
-		div.h2 Заголовки
-		h1 Заголовок - h1
-		h2 Заголовок - h2
-		h3 Заголовок - h3
-		h4 Заголовок - h4
-		h5 Заголовок - h5
-
-		br
-		p.h1 Это класс с названием h1
-		p.h2 Это класс с названием h2
-		p.h3 Это класс с названием h3
-		p.h4 Это класс с названием h4
-		p.h5 Это класс с названием h5
-
-		br
-		br
-		br
-		div.h2 Кнопки
-		a.btn(href='#') Кнопка
-		br
-		br
-		a.btn.btn_border(href='#') Кнопка
-		br
-		br
-		div(style="background: var(--color-primary); padding: 20px")
-		a.btn.btn_white(href='#') Кнопка
-
-		br
-		br
-		div.h2 Иконки
-		.type-icon
-			.type-icon__item
-				.type-icon__img
-					+svg('ic-telegram','ic-telegram', '1.5625vw', '1.5625vw')
-				.type-icon__name ic-telegram
-
-			.type-icon__item
-				.type-icon__img
-					+svg('ic-vk','ic-vk', '1.5625vw', '1.5625vw')
-				.type-icon__name ic-vk