PageSourceSearch

https://softdesign-apps.ru/portfolio

html softdesign-apps.ru collected 2026-10-06 06:58:21 UTC 35,142 bytes, 461 lines download raw bytes

1<!DOCTYPE html>
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <meta name="keywords" content="" />
7        <meta name="description" content="Разрабатываем мобильные приложения iOS/Android, Web-приложения и высоконагруженные системы. Творческий подход и современные технологии. Переносим бизнес в Digital пространство" />
8        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
9
10        <!-- Open Graph -->
11        <meta property="og:site_name" content="SoftDesign">
12        <meta property="og:title" content="SoftDesign | Digital Product Agency — Разработка эффективных IT - решений">
13        <meta property="og:type" content="website">
14        <meta property="og:url" content="http://softdesign-apps.ru/portfolio/">
15        <meta property="og:image" content="http://softdesign-apps.ru/img/og-logo.png">
16        <meta property="og:description" content="Разрабатываем мобильные приложения iOS/Android, Web-приложения и высоконагруженные системы. Творческий подход и современные технологии. Переносим бизнес в Digital пространство">
17
18        <title>SoftDesign | Digital Product Agency — Разработка эффективных IT - решений</title>
19
20        <!-- Favicons -->
21        <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
22        <link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
23        <link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
24        <link rel="manifest" href="img/favicons/manifest.json">
25        <link rel="mask-icon" href="img/favicons/safari-pinned-tab.svg" color="#5bbad5">
26        <link rel="shortcut icon" href="img/favicons/favicon.ico">
27        <meta name="msapplication-TileColor" content="#da532c">
28        <meta name="msapplication-TileImage" content="img/favicons/mstile-144x144.png">
29        <meta name="msapplication-config" content="img/favicons/browserconfig.xml">
30        <meta name="theme-color" content="#ffffff">
31
32        <!-- Preloader -->
33        <style>
34        	.preloader {
35        		position: fixed;
36        		width: 100%;
37        		height: 100%;
38        		z-index: 9999;
39        		background: #000;
40        		overflow: hidden;
41        	}
42        
43        	.preloader__img-wrap {
44        		position: absolute;
45        		width: 150px;
46        		height: 150px;
47        		top: 0;
48        		left: 0;
49        		right: 0;
50        		bottom: 0;
51        		margin: auto;
52        	}
53        
54        	.preloader__img {
55        		position: absolute;
56        		color: #ff5b57;
57        		text-indent: -9999em;
58        		margin: 0 auto;
59        		left: 0;
60        		right: 0;
61        		top: 50px;
62        		bottom: 0;
63        		font-size: 11px;
64        		-webkit-transform: translateZ(0);
65        		-ms-transform: translateZ(0);
66        		transform: translateZ(0);
67        		-webkit-animation-delay: -0.8s;
68        		animation-delay: -0.8s;
69        	}
70        
71        	.preloader__img,
72        	.preloader__img:before,
73        	.preloader__img:after {
74        		background: #ff5b57;
75        		-webkit-animation: load1 1s infinite ease-in-out;
76        		animation: load1 1s infinite ease-in-out;
77        		width: 1em;
78        		height: 4em;
79        	}
80        
81        	.preloader__img:before,
82        	.preloader__img:after {
83        		position: absolute;
84        		top: 0;
85        		content: '';
86        	}
87        
88        	.preloader__img:before {
89        		left: -1.5em;
90        		-webkit-animation-delay: -0.16s;
91        		animation-delay: -0.16s;
92        	}
93        
94        	.preloader__img:after {
95        		left: 1.5em;
96        		-webkit-animation-delay: -0.8s;
97        		animation-delay: -0.8s;
98        	}
99        
100        	@-webkit-keyframes load1 {
101        		0%,
102        		80%,
103        		100% {
104        			box-shadow: 0 0;
105        			height: 4em;
106        		}
107        
108        		40% {
109        			box-shadow: 0 -2em;
110        			height: 5em;
111        		}
112        	}
113        
114        	@keyframes load1 {
115        		0%,
116        		80%,
117        		100% {
118        			box-shadow: 0 0;
119        			height: 4em;
120        		}
121        		40% {
122        			box-shadow: 0 -2em;
123        			height: 5em;
124        		}
125        	}
126        </style>
127
128        <!-- Styles -->
129        <link rel="stylesheet" type="text/css" href="/css/vendor.min.css" async />
130        <link rel="stylesheet" type="text/css" href="/css/main-hash.min.css" async />
131    </head>
132    
133    <body>
134        <div id="preloader" class="preloader">
135            <div class="preloader__img-wrap">
136                <div class="preloader__img"></div>
137            </div>
138        </div>
139
140         <noindex>
141        	 <div id="unsupport" class="unsupport">
142        	    <div class="unsupport__wrap">
143        	        <img src="img/notsupport-icon.png" class="unsupport__icon" alt="attention">
144        
145        	        <p class="unsupport__title">Браузер не поддерживается</p>
146        	        <p class="unsupport__text">Чтобы использовать веб-сайт, обновите браузер.</p>
147        	    </div>
148        	</div>
149        </noindex>
150        
151        
151<script type="text/javascript">
152        	var isIE = /*@cc_on!@*/false;
153        	var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
154        
155        	if (isIE || isIE11) {
156        		document.getElementById('preloader').style.display="none";
157        		document.getElementById('unsupport').style.display="block";
158        	}
159        </script>
159
160        <div id="advice" class="modal-window">
161            <a href="#" class="modal-window__close">
162                <svg width="22" height="22" class="modal-window__close-icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M9.948 10.927L.21 20.665a.692.692 0 1 0 .979.98L11 11.833l9.812 9.812a.69.69 0 0 0 .979 0 .692.692 0 0 0 0-.98l-9.738-9.738 9.744-9.745a.692.692 0 1 0-.979-.98l-9.817 9.819L1.18.203a.693.693 0 0 0-.978.98l9.745 9.744z" fill-rule="nonzero"/></svg>
163            </a>
164        
165            <form action="#" method="POST" role="form" class="form form_free-call">
166                <p class="modal-window__sub-title">Оставьте заявку на консультацию, и мы Вам перезвоним</p>
167                
168                <div class="form-group">
169                    <input type="text" class="form__input form-control fio" name="fio" placeholder="Как к Вам обращаться?" required>
170                </div>
171                <div class="form-group">
172                    <input type="tel" class="form__input form-control phone" name="phone" placeholder="Ваш номер телефона" required>
173                </div>
174        
175                <button type="submit" class="button button_full-width button_email">
176                    <svg class="button__icon" width="17" height="14" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg"><path d="M13.561 3.714c-.19.136-.76.54-1.714 1.211-.954.672-1.684 1.19-2.192 1.552-.056.04-.174.126-.355.26-.181.132-.332.24-.452.322-.12.082-.265.175-.435.277a2.58 2.58 0 0 1-.48.229c-.151.051-.29.076-.42.076h-.016c-.128 0-.268-.025-.418-.076a2.508 2.508 0 0 1-.481-.23 8.811 8.811 0 0 1-.435-.276c-.12-.082-.27-.19-.452-.323l-.355-.26L1.44 3.715A4.008 4.008 0 0 1 .42 2.669a2.27 2.27 0 0 1-.41-1.283c0-.374.132-.695.397-.961s.579-.4.941-.4h12.313c.43 0 .76.148.99.442.232.295.348.664.348 1.106 0 .357-.153.744-.46 1.16a4.185 4.185 0 0 1-.979.982z"/><path d="M.848 4.624a173.799 173.799 0 0 1 4.165 2.933c.318.238.576.423.774.556.198.134.46.27.79.408.329.14.635.209.92.209h.017c.284 0 .591-.07.92-.209.329-.138.592-.274.79-.408.198-.133.456-.318.774-.556.753-.561 2.139-1.54 4.157-2.933.318-.216.6-.462.845-.74v6.75c0 .374-.131.694-.393.96-.262.267-.577.4-.945.4H1.349c-.368 0-.683-.133-.945-.4a1.32 1.32 0 0 1-.393-.96v-6.75c.24.272.518.519.837.74z"/></svg>
177                    <span class="button__text">Жду звонка</span>
178                </button>
179            </form>
180        </div>
181
182        <div class="modal-window-overlay"></div>
183
184        <div class="page-wrap">
185            <header class="header header_top">
186            	<div class="wrap-container">
187            		<div class="inner-container">
188            			<div class="row">
189            				<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1">
190            					<div class="menu">
191            						<a href="#" class="menu__button">
192            							<div class="menu__icon menu__icon_gray">
193            								<i class="menu__icon-part"></i>
194            								<i class="menu__icon-part"></i>
195            								<i class="menu__icon-part"></i>
196            							</div>
197            						</a>
198            						<div class="menu__list-wrap">
199            							<div class="wrap-container">
200            								<div class="inner-container menu__list-inner">
201            									<div class="menu__overlay-close menu__overlay-close_right"></div>
202            									<ol class="menu__list row">
203            									<!-- 	<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="design" class="menu__link">Дизайн</a></li> -->
204            										<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="/" class="menu__link">Главная</a></li>
205            										<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="portfolio" class="menu__link">Портфолио</a></li>
206            										<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="competence" class="menu__link">Компетенции</a></li>
207            										<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="team" class="menu__link">Команда</a></li>
208            										<li class="menu__item col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"><a href="contact" class="menu__link">Контакты</a></li>
209            									</ol>
210            								</div>
211            							</div>
212            							<div class="menu__bg">
213            								<div class="menu__bg-inner"></div>
214            								<div class="menu__overlay-close menu__overlay-close_bottom"></div>
215            							</div>
216            						</div>
217            					</div>
218            				</div>
219            				<div class="col-xs-8 col-sm-6 col-md-4 col-lg-4 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-0 logo-wrap">
220            					<a href="/" class="logo logo_gray">
221            						<svg xmlns="http://www.w3.org/2000/svg" class="logo__icon" viewB
221ox="0 0 60000 20000" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><defs><style></style></defs><g id="Слой_x0020_1"><path id="frame" class="fil0" d="M0 0h60000v20000H0z"/><path id="soft" class="fil1" d="M26779 8583c0 162 87 243 261 243h784c284 0 493 61 627 183 133 122 199 314 199 574v199c0 260-66 451-199 573-134 122-343 183-627 183h-1158c-211 0-422-17-631-53v-518h1615c66 0 120-17 159-51s58-81 58-140v-342h-1001c-305 0-526-65-663-193-139-128-207-334-207-617v-122c0-283 68-489 207-617 137-128 358-192 663-192h1528v567h-1354c-174 0-261 80-261 242v81zm4222-121c0-162-87-243-261-243h-740c-174 0-261 81-261 243v1295c0 162 87 243 261 243h740c174 0 261-81 261-243V8462zm784 1295c0 283-69 489-207 617s-359 192-664 192h-1088c-305 0-526-64-664-192s-207-334-207-617V8462c0-283 70-489 207-618 138-128 359-191 664-191h1088c305 0 526 63 664 191 138 129 207 335 207 618v1295zm1219 769h-784V7693h2415v567h-1631v667h1283v567h-1283v1032zm3416 0h-784V8260h-914v-567h2612v567h-914v2266z"/><path id="design" class="fil2 str0" d="M37827 7693v2833h945c1083 0 1614-599 1614-1417s-531-1416-1614-1416h-945zm2302 1416c0 717-448 1186-1354 1186h-687V7924h687c906 0 1354 469 1354 1185zm897-1416v2833h2054v-231h-1797V9215h1636v-231h-1636V7924h1767v-231h-2024zm2515 676c0 991 1854 647 1854 1485 0 365-387 490-835 490-352 0-709-81-1023-251v238c291 150 653 240 1040 240 562 4 1079-199 1079-733 0-1020-1854-684-1854-1478 0-348 349-485 762-485 305 0 644 77 880 214v-243c-236-125-571-198-897-198-518 0-1006 227-1006 721zm2699-676v2833h257V7693h-257zm893 1416c0 1057 818 1462 1645 1462 330 0 665-69 944-191V9032h-261v1182c-187 81-427 130-666 130-688 0-1401-332-1401-1235 0-874 705-1234 1384-1234 313 0 626 69 866 202v-243c-261-121-583-186-902-186-800 0-1609 466-1609 1461zm3542 1417V8340v-242l1998 2428h235V7693h-257v2424l-1997-2424h-235v2833h256z"/><path id="dpa" class="fil3 str1" d="M26093 12123v1666h554c637 0 949-353 949-833 0-481-312-833-949-833h-554zm1352 833c0 421-263 697-795 697h-404v-1394h404c532 0 795 276 795 697zm6842-833v1666h151v-607h438c406 0 754-119 754-531 0-409-348-528-754-528h-589zm1189 528c0 314-271 395-594 395h-442v-787h442c325 0 594 78 594 392zm551 260v-265h-132v1143h147v-697c64-198 258-352 527-333v-136c-244-12-453 119-542 288zm616 306c0 386 315 598 645 598 335 0 647-212 647-598 0-385-312-596-647-596-330 0-645 211-645 596zm1146 0c0 298-227 469-499 469-273 0-500-171-500-469 0-297 227-468 500-468 272 0 499 171 499 468zm1500-1094v745c-92-131-266-247-512-247-348 0-611 244-611 596 0 353 263 598 611 598 246 0 420-116 525-262v236h130v-1666h-143zm0 940v309c-72 172-256 319-494 319-271 0-483-180-483-474s212-473 483-473c238 0 422 148 494 319zm1487-417v784c-81 125-232 261-447 261-226 0-366-121-366-357v-688h-147v705c0 283 197 464 497 464 225 0 394-124 475-231v205h134v-1143h-146zm461 579c0 405 328 590 644 590 149 0 285-26 402-81v-135c-108 59-245 92-381 92-264 0-519-147-519-469 0-338 271-478 534-478 126 0 258 33 353 100v-131c-104-67-240-92-370-92-320 0-663 183-663 604zm1420-942v363h-230v127h230v686c0 235 153 354 389 354 115 0 225-22 307-55v-124c-77 31-169 52-269 52-192 0-283-71-283-252v-661h513v-127h-513v-400l-144 37zm1502 1506l215-448h1011l213 448h163l-796-1666h-171l-798 1666h163zm697-1468c6-19 14-36 22-52 7 16 15 33 23 52l422 888h-891l424-888zm-16778 1468v-1143h-146v1143h146zm23-1489c0-58-46-91-98-91-53 0-99 33-99 91 0 61 46 90 99 90 52 0 98-29 98-90zm299 917c0 353 264 598 612 598 246 0 420-116 512-252v226c0 312-254 426-533 426-168 0-327-41-473-114v131c146 69 312 107 492 107 335 0 657-160 657-550v-1143h-130v236c-105-145-279-261-525-261-348 0-612 244-612 596zm1124-154v326c-72 162-256 302-494 302-271 0-483-180-483-474s212-473 483-473c238 0 422 148 494 319zm697 726v-1143h-147v1143h147zm22-1489c0-58-46-91-97-91-54 0-100 33-100 91 0 61 46 90 100 90 51 0 97-29 97-90zm456-17v363h-230v127h230v686c0 235 153 354 388 354 116 0 226-22 308-55v-124c-77 31-169 52-269 52-192 0-285-71-285-252v-661h515v-127h-515v-400l-142 37zm1899 1299v-488c0-304-195-473-521-473-198 0-360 40-455 71v133c102-41 254-81 441-81 252 0 391 133 391 334v75c-118-30-256-50-387-50-261 0-542 91-542 374 0 234 213 338 428 338 205 0 381-69 504-193 13 129 108 177 212 177 47 0 92-10 133-25v-109c-30 9-61 17-94 17-60 0-110-24-110-100zm-924-112c0-190 213-253 414-253 123 0 258 23 366 48v209c-110 146-290 225-474 225-155 0-306-72-306-229zm1354-1418v1737h145v-1737h-145zm12878 1165c0 353 265 598 612 598 246 0 420-116 512-252v226c0 312-254 426-532 426-169 0-328-41-474-114v131c146 69 312 107 492 107 335 0 657-160 657-550v-1143h-130v236c-105-145-279-261-525-261-347 0-612 244-612 596zm1124-154v326c-72 162-256 302-494 302-271 0-483-180-483-474s212-473 483-473c238 0 422 148 494 319zm458 154c0 413 318 598 676 598 156 0 312-29 421-83v-133c-104 56-252 92-401 92-273 0-532-121-550-411h1021c64-300-95-659-560-6
22159-297 0-607 204-607 596zm1039-56h-893c13-271 230-417 471-417 346 0 443 255 422 417zm579-310v-205h-131v1143h146v-783c82-126 233-262 446-262 209 0 368 121 368 357v688h146v-705c0-283-215-463-500-463-222 0-393 123-475 230zm1274 374c0 405 328 590 644 590 149 0 285-26 403-81v-135c-108 59-246 92-382 92-263 0-519-147-519-469 0-338 271-478 535-478 125 0 258 33 353 100v-131c-105-67-241-92-371-92-320 0-663 183-663 604zm1860 414l-521-993h-154l604 1148-62 132c-87 200-190 294-335 294-35 0-74-5-113-15v119c47 10 88 15 132 15 170 0 314-98 439-363l622-1330h-153l-459 993z"/><path id="brackets" class="fil4 str1" d="M7991 10539l3293 5156-751 1210-3946-6374 3964-6383 714 1118z"/><path id="brackets_0" class="fil4 str1" d="M21154 10586l-3293 5155 750 1210 3946-6374-3258-5247-704 1134z"/><path class="fil5 str2" d="M12697 6534c531 839 1422 2181 1833 2841l3744-6005-959 4 3072-2338-628 3637-479-649-4063 6518c-140 256-365 480-658 480-295 0-531-252-650-499l-2315-3476c-185-298-185-712 67-903 398-302 745 16 1036 390z"/></g></svg>
222            					</a>
223            				</div>
224            				<div class="col-xs-2 col-sm-4 col-md-4 col-lg-4 pull-right text-align-right">
225            					<a href="#advice" class="modal-window-open link link_gray link_wide link_top">Заказать консультацию</a>
226            					<a href="#advice" class="modal-window-open link link_gray link_mobile">
227            						<svg version="1.1" class="link__phone link__phone_gray" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
228            						width="30px" height="30px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
229            							<path d="M492.438,397.75l-2.375-7.156c-5.625-16.719-24.063-34.156-41-38.75l-62.688-17.125c-17-4.625-41.25,1.594-53.688,14.031
230            							L310,371.438c-82.453-22.281-147.109-86.938-169.359-169.375l22.688-22.688c12.438-12.438,18.656-36.656,14.031-53.656L160.266,63
231            							c-4.625-16.969-22.094-35.406-38.781-40.969l-7.156-2.406c-16.719-5.563-40.563,0.063-53,12.5L27.391,66.094
232            							c-6.063,6.031-9.938,23.281-9.938,23.344C16.266,197.188,58.516,301,134.734,377.219c76.031,76.031,179.453,118.219,286.891,117.313
233            							c0.563,0,18.313-3.813,24.375-9.844l33.938-33.938C492.375,438.313,498,414.469,492.438,397.75z"/>
234            						</svg>
235            					</a>
236            				</div>
237            				<div class="clear"></div>
238            			</div>
239            		</div>
240            	</div>
241            </header>
242            <div id="content" class="content content_portfolio">
243                
244                <!-- Бэкграунды для портфолио на всю ширину страницы -->
245                <div class="portfolio portfolio_layer">
246                    <ul class="portfolio__list row js-portfolio-list">
247                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
248                            <div class="portfolio__bg portfolio__bg_faberlic"></div>
249                        </li>
250                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
251                            <div class="portfolio__bg portfolio__bg_art"></div>
252                        </li>
253                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
254                            <div class="portfolio__bg portfolio__bg_hyundai"></div>
255                        </li>
256                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
257                            <div class="portfolio__bg portfolio__bg_vita"></div>
258                        </li>
259                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
260                            <div class="portfolio__bg portfolio__bg_tricolor"></div>
261                        </li>                    
262                        <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
263                            <div class="portfolio__bg portfolio__bg_love-republic"></div>
264                        </li>                    
265                    </ul>
266                </div>
267                
268                <!-- Текста НЕ на всю ширину страницы (согласно макету) -->
269                <div class="wrap-container">
270                    <div class="inner-container">
271                        <div class="portfolio">
272                            <ul class="portfolio__list row">
273                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
274                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 portfolio__item-inner">
275                                        <div class="portfolio__desc">
276                                            <p class="portfolio__title">Faberlic</p>
277                                            <p class="portfolio__text">UI/UX Дизайн, мобильная iOS/Android и серверная разработка</p>
278                                        </div>
279                                    </div>
280                                    <a href="faberlic" class="portfolio__link" data-num="0"></a>
281                                </li>
282                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
283                                    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 portfolio__item-inner">
284                                        <div class="portfolio__desc">
285                                            <p class="portfolio__title">Art Residence</p>
286                                            <p class="portfolio__text">UI/UX Дизайн, мобильная iOS/Android разработка и клиент-серверное взаимодействие</p>
287                                        </div>
288                                    </div>
289                                    <a href="art-residence" class="portfolio__link" data-num="1"></a>
290                                </li>
291                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
292                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 portfolio__item-inner">
293                                        <div class="portfolio__desc">
294                                            <p class="portfolio__title">Hyundai Genesis</p>
295                                            <p class="portfolio__text">Мобильная разработка Android</p>
296                                        </div>
297                                    </div>
298                                    <a href="hyundai" class="portfolio__link" data-num="2"></a>
299                                </li>
300                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
301                                    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 portfolio__item-inner">
302                                        <div class="portfolio__desc">
303                                            <p class="portfolio__title">Аптечная сеть "ВИТА"</p>
304                                            <p class="portfolio__text">UI/UX Дизайн, мобильная iOS/Android и серверная разработка</p>
305                                        </div>
306                                    </div>
307                                    <a href="vita" class="portfolio__link" data-num="3"></a>
308                                </li>
309                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
310                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 portfolio__item-inner">
311                                        <div class="portfolio__desc">
312                                            <p class="portfolio__title">Tricolor TV Magazine</p>
313                                            <p class="portfolio__text">Мобильная разработка iOS/Android</p>
314                                        </div>
315                                    </div>
316                                    <a href="tricolor" class="portfolio__link" data-num="4"></a>
317                                </li>                            
318                                <li class="portfolio__item col-xs-12 col-sm-12 col-md-6 col-lg-6">
319                                    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 portfolio__item-inner">
320                                        <div class="portfolio__desc">
321                                            <p class="portfolio__title">Love Republic</p>
322                                            <p class="portfolio__text">UI/UX Дизайн, мобильная iOS/Android и серверная разработка</p>
323                                        </div>
324                                    </div>
325                                    <a href="love-republic" class="portfolio__link" data-num="5"></a>
326                                </li>
327                            </ul>
328                        </div>
329                    </div>
330                </div>
331
332                <div class="have-project have-project_blue">
333                    <div class="wrap-container wrap-container_vertical-align">
334                        <div class="inner-container inner-container_vertical-align">
335                            <div class="vertical-align">
336                                <div class="row">
337                                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2">
338                                        <div class="slide-layer">
339                                            <p class="slide-layer__title slide-layer__title_divider">Есть проект?</p>
340                                            <p class="slide-layer__sub-title slide-layer__sub-title_big">Давайте создадим его вместе!</p>
341                                        </div>
342                                    </div>
343                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
344                                        <ul class="contacts-info contacts-info_margin-top">
345                                            <li class="contacts-info__item">
346                                                <i class="contacts-info__icon contacts-info__icon_phone contacts-info__icon_phone-white"></i>
347                                                <a href="tel:88005009577" class="contacts-info__text contacts-info__text_white">8 800 500 9577</a>
348                                            </li>
349                                            <li class="contacts-info__item">
350                                                <i class="contacts-info__icon contacts-info__icon_email contacts-info__icon_email-white"></i>
351                                                <a href="mailto:[email protected]" class="contacts-info__text contacts-info__text_white">[email protected]</a>
352                                            </li>
353                                            <li class="contacts-info__item">
354                                                <i class="contacts-info__icon contacts-info__icon_pdf contacts-info__icon_pdf-white"></i>
355                                                <a href="https://drive.google.com/file/d/0Bx0VrNAgumOFTlZKdFV0dTF2VVU/view" target="_blank" class="contacts-info__text contacts-info__text_white">Презентация SOFTDESIGN</a>
356                                            </li>
357                                        </ul>
358                                    </div>
359                                </div>
360                                <div class="clear"></div>
361
362                                <form action="#" method="POST" role="form" class="form form_project form_on-slide row">
363                                    <input type="hidden" name="form-name" class="form-control form-name" value="portfolio">
364                                    <input type="hidden" name="page" class="form-control page-name" value="Портфолио">
365                                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-7 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2">
366                                        <div class="row">
367                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
368                                                <div class="form-group">
369                                                    <!-- <input type="email" class="form__input form-control email" id="email" name="email" placeholder="Ваша эл. почта" required> -->
370                                                    <input type="fio" class="form__input form-control fio" id="fio" name="fio" placeholder="Ваше имя" required>
371                                                </div>
372                                            </div>
373                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
374                                                <div class="form-group">
375                                                    <input type="text" class="form__input form-control emailphone" id="emailphone" name="emailphone" placeholder="Ваш номер телефона или e-mail" required>
376                                                    <!-- <textarea name="text" id="text" class="form__textarea form-control text" placeholder="Ваше сообщение" required></textarea> -->
377                                                </div>
378                                            </div>
379                                        </div>
380                                    </div>
381
382                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
383                                        <button type="submit" class="button button_full-width button_email">
384                                            <svg class="button__icon" width="17" height="14" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg"><path d="M13.561 3.714c-.19.136-.76.54-1.714 1.211-.954.672-1.684 1.19-2.192 1.552-.056.04-.174.126-.355.26-.181.132-.332.24-.452.322-.12.082-.265.175-.435.277a2.58 2.58 0 0 1-.48.229c-.151.051-.29.076-.42.076h-.016c-.128 0-.268-.025-.418-.076a2.508 2.508 0 0 1-.481-.23 8.811 8.811 0 0 1-.435-.276c-.12-.082-.27-.19-.452-.323l-.355-.26L1.44 3.715A4.008 4.008 0 0 1 .42 2.669a2.27 2.27 0 0 1-.41-1.283c0-.374.132-.695.397-.961s.5
38479-.4.941-.4h12.313c.43 0 .76.148.99.442.232.295.348.664.348 1.106 0 .357-.153.744-.46 1.16a4.185 4.185 0 0 1-.979.982z"/><path d="M.848 4.624a173.799 173.799 0 0 1 4.165 2.933c.318.238.576.423.774.556.198.134.46.27.79.408.329.14.635.209.92.209h.017c.284 0 .591-.07.92-.209.329-.138.592-.274.79-.408.198-.133.456-.318.774-.556.753-.561 2.139-1.54 4.157-2.933.318-.216.6-.462.845-.74v6.75c0 .374-.131.694-.393.96-.262.267-.577.4-.945.4H1.349c-.368 0-.683-.133-.945-.4a1.32 1.32 0 0 1-.393-.96v-6.75c.24.272.518.519.837.74z"/></svg>
385                                            <span class="button__text">Отправить</span>
386                                        </button>
387                                    </div>
388                                </form>
389
390                                <div class="clear"></div>
391                            </div>
392                        </div>
393                    </div>
394                </div>   
395            </div>
396            <div class="lang-wrap lang-wrap_page">
397                <div class="wrap-container">
398                    <div class="inner-container">
399                        <div class="row">
400                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
401                                <ul class="lang lang_fixed">
402                                    <li class="lang__item lang__item_active">
403                                        <a href="http://softdesign-apps.ru" class="lang__link">RUS</a>
404                                    </li>
405                                    <li class="lang__item">
406                                        <a href="http://softdesign-apps.com" class="lang__link">ENG</a>
407                                    </li>
408                                </ul>
409                            </div>
410                        </div>
411                    </div>
412                </div>
413            </div>
414            <div class="page-buf"></div>
415            
416            <footer class="footer">
417            	
418            </footer>
419            
419<script type="text/javascript" src="//cdn.callbackhunter.com/cbh.js?hunter_code=1b4513927f086639638973fd100fef69" charset="UTF-8"></script>
419
420            <!-- Google Analytics -->
421            
421<script>
vendor: 417 bytes, lines 421-427
421
422              (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
423              (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
424              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
425              })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
426            
427              ga('create', '
427UA-47740780-6
vendor: 75 bytes, lines 427-430
427', 'auto');
428              ga('send', 'pageview');
429            
430            
430</script>
430
431            
432            <!-- Yandex.Metrika -->
433            
433<script type="text/javascript">
434            (function (d, w, c) {
435                (w[c] = w[c] || []).push(function() {
436                    try {
437                        w.yaCounter28595766 = new Ya.Metrika({id:28595766,
438                                webvisor:true,
439                                clickmap:true,
440                                accurateTrackBounce:true});
441                    } catch(e) { }
442                });
443            
444                var n = d.getElementsByTagName("script")[0],
445                    s = d.createElement("script"),
446                    f = function () { n.parentNode.insertBefore(s, n); };
447                s.type = "text/javascript";
448                s.async = true;
449                s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
450            
451                if (w.opera == "[object Opera]") {
452                    d.addEventListener("DOMContentLoaded", f, false);
453                } else { f(); }
454            })(document, window, "yandex_metrika_callbacks");
455            </script>
455
456            
457            
457<script type="text/javascript" src="/js/vendor.min.js"></script>
457
458            
458<script type="text/javascript" src="/js/main.min.js" async></script>
458
459        </div>
460    </body>
461</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.