figma_adaptive_tablet_01
This commit is contained in:
38
index.html
38
index.html
@@ -86,21 +86,28 @@
|
||||
<a class="header_nav_link" href="#">Мобильные приложения</a>
|
||||
</div>
|
||||
<!-- 6 -->
|
||||
<div class="header_nav_item">
|
||||
<div class="header_nav_item header_nav_item-empty">
|
||||
<a class="header_nav_link" href="#">Брендинг</a>
|
||||
</div>
|
||||
<!-- TABLET -->
|
||||
<div class="header_nav_item header_nav_item-reverse">
|
||||
<a class="header_nav_link-reverse" href="#">Больше услуг <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 8.22851L17 8.22852M17 8.22852L10 1.22852M17 8.22852L10 15.2285" stroke="#0C47A0" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg></a>
|
||||
</div>
|
||||
<!-- 7 -->
|
||||
<div class="header_nav_item">
|
||||
<div class="header_nav_item header_nav_item-empty">
|
||||
<a class="header_nav_link" href="#">SEO-продвижение</a>
|
||||
</div>
|
||||
<!-- 8 -->
|
||||
<div class="header_nav_item">
|
||||
<div class="header_nav_item header_nav_item-empty">
|
||||
<a class="header_nav_link" href="#">Лендинги</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container">
|
||||
<section class="header_body">
|
||||
<div class="header_body_inner">
|
||||
<div class="header_body_top">
|
||||
@@ -309,7 +316,7 @@
|
||||
<div class="row_info_list">
|
||||
<!-- 1 -->
|
||||
<div class="row_info_item">
|
||||
<div class="row_info_index">
|
||||
<div class="row_info_area">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0581 0.941406H12.9419C12.1698 0.941406 11.5035 0.941406 10.9698 1.0135C10.3988 1.09024 9.85 1.2635 9.40581 1.70769C8.96163 2.15187 8.78837 2.70071 8.71163 3.27164C8.63953 3.80536 8.63953 4.47164 8.63953 5.24489V8.06699C8.35912 7.9693 8.06439 7.919 7.76744 7.91815H4.27907C3.93549 7.91815 3.59528 7.98582 3.27786 8.1173C2.96044 8.24878 2.67202 8.4415 2.42908 8.68444C2.18614 8.92738 1.99342 9.2158 1.86194 9.53322C1.73046 9.85065 1.66279 10.1909 1.66279 10.5344V24.1972H1.37209C1.1408 24.1972 0.918979 24.2891 0.75543 24.4526C0.591881 24.6162 0.5 24.838 0.5 25.0693C0.5 25.3006 0.591881 25.5224 0.75543 25.686C0.918979 25.8495 1.1408 25.9414 1.37209 25.9414H24.6279C24.8592 25.9414 25.081 25.8495 25.2446 25.686C25.4081 25.5224 25.5 25.3006 25.5 25.0693C25.5 24.838 25.4081 24.6162 25.2446 24.4526C25.081 24.2891 24.8592 24.1972 24.6279 24.1972H24.3372V16.3484C24.3372 15.6545 24.0616 14.989 23.5709 14.4984C23.0803 14.0077 22.4148 13.7321 21.7209 13.7321H18.2326C17.9256 13.7337 17.6349 13.7833 17.3605 13.8809V5.24489C17.3605 4.47164 17.3605 3.80536 17.2884 3.27164C17.2116 2.70071 17.0384 2.15187 16.5942 1.70769C16.15 1.2635 15.6023 1.09024 15.0302 1.0135C14.4965 0.941406 13.8302 0.941406 13.057 0.941406M22.5919 24.1972V16.3484C22.5919 16.1171 22.5 15.8953 22.3364 15.7317C22.1729 15.5682 21.9511 15.4763 21.7198 15.4763H18.2314C18.0001 15.4763 17.7783 15.5682 17.6147 15.7317C17.4512 15.8953 17.3593 16.1171 17.3593 16.3484V24.1972H22.5919ZM15.6151 24.1972V5.30187C15.6151 4.45536 15.6128 3.90652 15.5593 3.5042C15.5081 3.12629 15.4256 3.00769 15.3593 2.94141C15.293 2.87513 15.1744 2.79257 14.7965 2.74141C14.393 2.68792 13.8453 2.68559 12.9988 2.68559C12.1523 2.68559 11.6035 2.68792 11.2012 2.74141C10.8233 2.79257 10.7047 2.87513 10.6384 2.94141C10.5721 3.00769 10.4895 3.12629 10.4384 3.5042C10.3849 3.90769 10.3826 4.45536 10.3826 5.30187V24.1972H15.6151ZM8.63837 24.1972V10.5344C8.63837 10.3031 8.54649 10.0813 8.38294 9.91777C8.21939 9.75422 7.99757 9.66234 7.76628 9.66234H4.27791C4.04661 9.66234 3.82479 9.75422 3.66124 9.91777C3.49769 10.0813 3.40581 10.3031 3.40581 10.5344V24.1972H8.63837Z" fill="#0C47A0"/>
|
||||
</svg></div>
|
||||
@@ -474,9 +481,10 @@
|
||||
<div class="item_link">
|
||||
Рост бизнеса
|
||||
</div>
|
||||
<div class="item_link_svg">
|
||||
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20.125 19.0645H19.2266V4.50977C19.2266 4.3668 19.1698 4.22968 19.0687 4.12859C18.9676 4.0275 18.8305 3.9707 18.6875 3.9707H13.6562C13.5133 3.9707 13.3762 4.0275 13.2751 4.12859C13.174 4.22968 13.1172 4.3668 13.1172 4.50977V8.2832H8.625C8.48203 8.2832 8.34492 8.34 8.24383 8.44109C8.14273 8.54218 8.08594 8.6793 8.08594 8.82227V12.5957H4.3125C4.16953 12.5957 4.03242 12.6525 3.93133 12.7536C3.83023 12.8547 3.77344 12.9918 3.77344 13.1348V19.0645H2.875C2.73203 19.0645 2.59492 19.1212 2.49383 19.2223C2.39273 19.3234 2.33594 19.4605 2.33594 19.6035C2.33594 19.7465 2.39273 19.8836 2.49383 19.9847C2.59492 20.0858 2.73203 20.1426 2.875 20.1426H20.125C20.268 20.1426 20.4051 20.0858 20.5062 19.9847C20.6073 19.8836 20.6641 19.7465 20.6641 19.6035C20.6641 19.4605 20.6073 19.3234 20.5062 19.2223C20.4051 19.1212 20.268 19.0645 20.125 19.0645ZM14.1953 5.04883H18.1484V19.0645H14.1953V5.04883ZM9.16406 9.36133H13.1172V19.0645H9.16406V9.36133ZM4.85156 13.6738H8.08594V19.0645H4.85156V13.6738Z" fill="black"/>
|
||||
</svg>
|
||||
</svg></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -503,9 +511,10 @@
|
||||
<div class="item_link">
|
||||
Качество
|
||||
</div>
|
||||
<div class="item_link_svg">
|
||||
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.7969 7.16602C15.7976 6.14416 15.5394 5.13877 15.0463 4.24375C14.5532 3.34873 13.8413 2.59326 12.9772 2.0479C12.113 1.50254 11.1247 1.18507 10.1046 1.12514C9.08452 1.06521 8.06587 1.26478 7.14379 1.7052C6.22171 2.14563 5.42628 2.81254 4.83179 3.64367C4.23729 4.47481 3.86312 5.44304 3.74421 6.45796C3.6253 7.47288 3.76553 8.50138 4.15181 9.44742C4.53809 10.3935 5.15782 11.2262 5.95313 11.8678V17.291C5.9532 17.3629 5.97166 17.4336 6.00673 17.4964C6.0418 17.5591 6.09233 17.6119 6.15352 17.6496C6.21994 17.6911 6.29669 17.713 6.375 17.7129C6.4404 17.7129 6.50491 17.6978 6.56344 17.6686L9.75 16.0753L12.9373 17.6686C13.0016 17.7006 13.073 17.7156 13.1447 17.7122C13.2164 17.7089 13.2861 17.6873 13.3471 17.6495C13.4082 17.6116 13.4586 17.5589 13.4935 17.4962C13.5285 17.4334 13.5468 17.3628 13.5469 17.291V11.8678C14.2493 11.3019 14.816 10.5859 15.2054 9.77223C15.5948 8.95858 15.7969 8.06803 15.7969 7.16602ZM4.54688 7.16602C4.54688 6.13694 4.85203 5.13097 5.42376 4.27532C5.99549 3.41967 6.8081 2.75277 7.75885 2.35896C8.7096 1.96515 9.75577 1.86211 10.7651 2.06287C11.7744 2.26364 12.7015 2.75919 13.4292 3.48686C14.1568 4.21453 14.6524 5.14163 14.8531 6.15094C15.0539 7.16025 14.9509 8.20642 14.5571 9.15717C14.1632 10.1079 13.4964 10.9205 12.6407 11.4923C11.7851 12.064 10.7791 12.3691 9.75 12.3691C8.37056 12.3675 7.0481 11.8187 6.07268 10.8433C5.09727 9.86792 4.54855 8.54546 4.54688 7.16602ZM12.7031 16.6083L9.93773 15.2259C9.87922 15.1967 9.8147 15.1815 9.7493 15.1815C9.68389 15.1815 9.61938 15.1967 9.56086 15.2259L6.79688 16.6083V12.4395C7.69867 12.9461 8.71564 13.2122 9.75 13.2122C10.7844 13.2122 11.8013 12.9461 12.7031 12.4395V16.6083ZM9.75 10.9629C10.501 10.9629 11.235 10.7402 11.8594 10.323C12.4838 9.9058 12.9705 9.31281 13.2579 8.61902C13.5452 7.92523 13.6204 7.16181 13.4739 6.42529C13.3274 5.68877 12.9658 5.01223 12.4348 4.48123C11.9038 3.95022 11.2273 3.58861 10.4907 3.4421C9.75421 3.2956 8.99079 3.37079 8.297 3.65817C7.60321 3.94554 7.01022 4.4322 6.59301 5.05659C6.17581 5.68098 5.95313 6.41507 5.95313 7.16602C5.95424 8.17267 6.35463 9.13777 7.06644 9.84958C7.77825 10.5614 8.74335 10.9618 9.75 10.9629ZM9.75 4.2129C10.3341 4.2129 10.905 4.38609 11.3907 4.71059C11.8763 5.03508 12.2548 5.4963 12.4783 6.03591C12.7018 6.57552 12.7603 7.1693 12.6464 7.74215C12.5324 8.315 12.2512 8.84119 11.8382 9.2542C11.4252 9.6672 10.899 9.94846 10.3261 10.0624C9.75328 10.1763 9.1595 10.1179 8.61989 9.89435C8.08028 9.67084 7.61906 9.29233 7.29457 8.80669C6.97007 8.32105 6.79688 7.75009 6.79688 7.16602C6.79688 6.3828 7.10801 5.63167 7.66183 5.07785C8.21564 4.52403 8.96678 4.2129 9.75 4.2129Z" fill="#393939"/>
|
||||
</svg>
|
||||
</svg></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -533,10 +542,10 @@
|
||||
<div class="item_link">
|
||||
Скорость
|
||||
</div>
|
||||
<div class="item_link_svg">
|
||||
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.24494 19.2465L8.61585 18.2777C8.40694 17.6547 8.22837 17.0206 8.08015 16.3754C7.93256 15.7301 7.82491 15.0759 7.75719 14.4127L6.50177 15.2522C6.41616 15.3142 6.35163 15.3851 6.30819 15.465C6.26474 15.5448 6.24334 15.6336 6.24398 15.7314L6.24494 19.2465ZM9.57994 18.1665H13.4133C13.7008 17.3928 13.9324 16.5466 14.1081 15.6279C14.2838 14.7091 14.3716 13.7524 14.3716 12.7577C14.3716 11.3112 14.1512 9.97945 13.7104 8.76237C13.2695 7.54529 12.5316 6.36973 11.4966 5.2357C10.4616 6.37101 9.72369 7.54688 9.28285 8.76333C8.84202 9.97977 8.6216 11.3115 8.6216 12.7586C8.6216 13.754 8.70945 14.7107 8.88514 15.6288C9.06084 16.5469 9.29244 17.3928 9.57994 18.1665ZM11.4966 12.8957C11.0922 12.8957 10.7517 12.757 10.475 12.4797C10.1977 12.2031 10.0591 11.8626 10.0591 11.4582C10.0591 11.0537 10.1977 10.7132 10.475 10.4366C10.7523 10.1599 11.0928 10.0213 11.4966 10.0207C11.9004 10.02 12.2409 10.1587 12.5182 10.4366C12.7955 10.7132 12.9341 11.0537 12.9341 11.4582C12.9341 11.8626 12.7955 12.2031 12.5182 12.4797C12.2409 12.7564 11.9004 12.895 11.4966 12.8957ZM16.7483 19.2465V15.7505C16.7483 15.6521 16.7272 15.5601 16.685 15.4745C16.6416 15.3883 16.5767 15.3142 16.4905 15.2522L15.236 14.4127C15.1683 15.0759 15.045 15.7946 14.8661 16.569C14.6872 17.3433 14.5243 17.9189 14.3774 18.2959L16.7483 19.2465ZM11.4966 3.9707C12.8197 5.14498 13.7893 6.46812 14.4051 7.94012C15.0217 9.41212 15.3299 11.0518 15.3299 12.8592C15.3299 12.9327 15.3331 13.0094 15.3395 13.0892C15.3459 13.1691 15.3427 13.2522 15.3299 13.3384L16.9926 14.4587C17.215 14.5973 17.3897 14.7826 17.5169 15.0145C17.644 15.2465 17.7076 15.4918 17.7076 15.7505V20.6543L13.8982 19.1248H9.07681L5.28564 20.6543V15.7323C5.28564 15.4742 5.34634 15.2289 5.46773 14.9963C5.58848 14.7644 5.76002 14.5791 5.98235 14.4405L7.66327 13.3192V12.8592C7.66327 11.0512 7.97153 9.41148 8.58806 7.94012C9.20395 6.46812 10.1735 5.14498 11.4966 3.9707Z" fill="#393939"/>
|
||||
</svg>
|
||||
|
||||
</svg></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -554,16 +563,28 @@
|
||||
<div class="time_item_index"><div class="item_index_color">01</div></div>
|
||||
<div class="time_item_interval">дней</div>
|
||||
</div>
|
||||
<div class="const_time_area">
|
||||
<div class="time_area_first"></div>
|
||||
<div class="time_area_second"></div>
|
||||
</div>
|
||||
<!-- 2 -->
|
||||
<div class="cont_time_item">
|
||||
<div class="time_item_index"><div class="item_index_color">05</div></div>
|
||||
<div class="time_item_interval">часов</div>
|
||||
</div>
|
||||
<div class="const_time_area">
|
||||
<div class="time_area_first"></div>
|
||||
<div class="time_area_second"></div>
|
||||
</div>
|
||||
<!-- 3 -->
|
||||
<div class="cont_time_item">
|
||||
<div class="time_item_index"><div class="item_index_color">45</div></div>
|
||||
<div class="time_item_interval">минут</div>
|
||||
</div>
|
||||
<div class="const_time_area">
|
||||
<div class="time_area_first"></div>
|
||||
<div class="time_area_second"></div>
|
||||
</div>
|
||||
<!-- 4 -->
|
||||
<div class="cont_time_item">
|
||||
<div class="time_item_index"><div class="item_index_color">12</div></div>
|
||||
@@ -589,6 +610,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user