Skip to content

R
rpm
Commit 6d157b7f authored by Arseniy Kosobryuhov's avatar Arseniy Kosobryuhov
Browse files
Options

init project

parents
Pipeline #253 failed with stages
      Expand all Show whitespace changes
      Inline Side-by-side
      Showing with 694 additions and 0 deletions
      .gitignore 0 → 100644
      View file @ 6d157b7f
      .vscode
      \ No newline at end of file
      .htaccess 0 → 100644
      View file @ 6d157b7f
      RewriteEngine On
      \ No newline at end of file
      CONTENT/main-logo.svg 0 → 100644
      View file @ 6d157b7f
      <svg data-v-57e139ef="" width="121" height="22" viewBox="0 0 121 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="header__logo-icon"><path data-v-57e139ef="" d="M44.7379 18.0965C44.5825 18.0512 44.435 17.9982 44.2947 17.9375C44.1545 17.8771 44.0202 17.7995 43.8914 17.7045C43.7625 17.6099 43.6337 17.4984 43.5049 17.3692C43.255 17.1193 42.9845 16.7785 42.6938 16.3468C42.403 15.9151 42.0832 15.4172 41.7339 14.853C41.3846 14.2887 41.0063 13.6675 40.5992 12.9896C40.1926 12.3116 39.7469 11.609 39.2632 10.8822C40.4918 10.5034 41.4052 9.96389 42.004 9.26314C42.6029 8.56276 42.9024 7.64818 42.9024 6.5194C42.9024 5.26953 42.4659 4.31925 41.5937 3.66782C40.7211 3.01638 39.4123 2.69067 37.6671 2.69067C37.5062 2.69067 37.288 2.69472 37.0127 2.70208C36.737 2.70981 36.3929 2.72122 35.9796 2.73631C35.5736 2.7514 35.2295 2.76464 34.9461 2.77605C34.6627 2.78746 34.4294 2.79298 34.2457 2.79298C33.3139 2.79298 32.3592 2.77789 31.3824 2.74771L31.4052 3.2361L32.8141 3.67923C32.9881 3.73995 33.0791 3.86877 33.0868 4.06567C33.0941 4.31557 33.1 4.59602 33.1037 4.90628C33.1074 5.21691 33.1092 5.56507 33.1092 5.95151V15.1654C33.1092 15.62 33.1074 16.0347 33.1037 16.4094C33.0997 16.7844 33.0941 17.1234 33.0868 17.4263C33.0717 17.6081 32.9694 17.7255 32.7802 17.7785L31.3828 18.1988L31.428 18.6872C32.3897 18.6644 33.329 18.653 34.2454 18.653C35.1467 18.653 36.048 18.6644 36.9494 18.6872L36.9151 18.1988L35.6542 17.8238C35.4647 17.7634 35.3664 17.6155 35.3587 17.3807C35.351 17.0851 35.3455 16.7557 35.3418 16.3921C35.3377 16.0285 35.3362 15.6196 35.3362 15.1651V11.223L36.1309 11.2458C36.3303 11.2535 36.4934 11.2686 36.6203 11.2914C36.747 11.3142 36.8585 11.3558 36.9545 11.4162C37.0502 11.4769 37.1389 11.5601 37.2195 11.6661C37.3001 11.7721 37.398 11.916 37.5132 12.0978C37.9048 12.704 38.2769 13.323 38.6302 13.9553C38.9835 14.5876 39.3232 15.1842 39.6497 15.7447C39.9761 16.3052 40.2908 16.8069 40.5941 17.25C40.8973 17.6931 41.2065 18.0321 41.5212 18.2669C41.6669 18.3806 41.8145 18.4734 41.9643 18.5451C42.1141 18.6173 42.2812 18.6758 42.4656 18.7211C42.65 18.7663 42.8597 18.7965 43.0953 18.812C43.3308 18.8271 43.6036 18.8348 43.9142 18.8348C44.2852 18.8348 44.7434 18.8006 45.2888 18.7325L45.2546 18.2327C45.0654 18.1874 44.8932 18.1418 44.7379 18.0965ZM36.6207 10.4048C36.2269 10.4048 35.7989 10.3934 35.337 10.3706V3.7245C35.6171 3.69432 35.8784 3.6715 36.1209 3.65641C36.3631 3.64132 36.5905 3.63359 36.8025 3.63359C38.0447 3.63359 38.9574 3.89895 39.5404 4.42893C40.1234 4.95928 40.4152 5.79988 40.4152 6.95112C40.4152 8.14026 40.1101 9.01325 39.5006 9.56972C38.8908 10.1266 37.9309 10.4048 36.6207 10.4048Z"></path><path data-v-57e139ef="" d="M72.877 4.02079C72.8845 3.82207 72.9762 3.69207 73.1523 3.63078L74.5968 3.18357L74.5511 2.69067C73.5954 2.72113 72.8347 2.73636 72.269 2.73636C71.6873 2.73636 71.0373 2.72113 70.3182 2.69067L65.0056 15.2686L59.6822 2.69067C58.9705 2.72113 58.2859 2.73636 57.6281 2.73636C57.0546 2.73636 56.275 2.72113 55.2888 2.69067L55.3118 3.18357L56.7337 3.63078C56.9094 3.69207 57.0011 3.82207 57.0089 4.02079C57.0242 4.5252 57.032 5.15998 57.032 5.92403V15.2229C57.032 16.1248 57.0242 16.8855 57.0089 17.5047C57.0011 17.6807 56.8979 17.7989 56.6995 17.8601L55.2892 18.2843L55.3349 18.7772C56.321 18.7542 57.1122 18.7427 57.7083 18.7427C58.3197 18.7427 59.0804 18.7542 59.9901 18.7772L59.967 18.2843L58.683 17.8832C58.4917 17.8297 58.3925 17.696 58.3847 17.4816C58.3695 16.8781 58.3617 16.1248 58.3617 15.2229V5.2937L64.0833 18.8348L64.9201 18.743L70.6072 5.2937V15.2229C70.6072 16.1248 70.5994 16.8781 70.5842 17.4816C70.5764 17.6956 70.4809 17.8297 70.2974 17.8832L68.9788 18.2843L69.0245 18.7772C69.9033 18.7542 70.7959 18.7427 71.7014 18.7427C72.6226 18.7427 73.5876 18.7542 74.5968 18.7772L74.5737 18.2843L73.198 17.8601C72.9914 17.7992 72.8845 17.6807 72.877 17.5047C72.8618 16.8855 72.854 16.1252 72.854 15.2229V5.92403C72.8544 5.15961 72.8618 4.5252 72.877 4.02079Z"></path><path data-v-57e139ef="" d="M97.9515 18.0965C97.7962 18.0512 97.6486 17.9982 97.5084 17.9375C97.3682 17.8771 97.2339 17.7995 97.1051 17.7045C96.9762 17.6099 96.8474 17.4984 96.719 17.3692C96.4691 17.1193 96.1986 16.7785 95.9078 16.3468C95.6171 15.9151 95.2972 15.4172 94.948 14.853C94.5987 14.2887 94.2203 13.6675 93.8133 12.9896C93.4066 12.3116 92.9609 11.609 92.4777 10.8822C93.7062 10.5034 94.6197 9.96389 95.2185 9.26314C95.8173 8.56276 96.1169 7.64818 96.1169 6.5194C96.1169 5.26953 95.6804 4.31925 94.8081 3.66782C93.9355 3.01638 92.6267 2.69067 90.8815 2.69067C90.7206 2.69067 90.5024 2.69472 90.2271 2.70208C89.9514 2.70981 89.6073 2.72122 89.194 2.73631C88.7881 2.7514 88.4439 2.76464 88.1605 2.77605C87.8772 2.78746 87.6438 2.79298 87.4602 2.79298C86.5283 2.79298 85.5736 2.77789 84.5968 2.74771L84.6196 3.2361L86.0285 3.67923C86.2026 3.73995 86.2935 3.86877 86.3012 4.06567C86.3086 4.31557 86.3145 4.59602 86.3181 4.90628C86.3218 5.21691 86.324 5.56507 86.324 5.95151V15.1654C86.324 15.62 86.3222 16.0347 86.3181 16.4094C86.3141 16.7844 86.3086 17.1234 86.3012 17.4263C86.2861 17.6081 86.1838 17.7255 85.9946 17.7785L84.5972 18.1988L84.6424 18.6872C85.6041 18.6644 86.5434 18.653 87.4598 18.653C88.3611 18.653 89.2625 18.6644 90.1638 18.6872L90.1296 18.1988L88.8687 17.8238C88.6791 17.7634 88.5808 17.6155 88.5731 17.3807C88.5654 17.0851 88.5599 16.7557 88.5562 16.3921C88.5521 16.0285 88.5503 15.6196 88.5503 15.1651V11.223L89.3449 11.2458C89.5444 11.2535 89.7074 11.2686 89.8344 11.2914C89.961 11.3142 90.0725 11.3558 90.1686 11.4162C90.2643 11.4769 90.353 11.5601 90.4336 11.6661C90.5142 11.7721 90.6121 11.916 90.7273 12.0978C91.1189 12.704 91.491 13.323 91.8443 13.9553C92.1976 14.5876 92.5373 15.1842 92.8637 15.7447C93.1902 16.3052 93.5049 16.8069 93.8081 17.25C94.1114 17.6931 94.4202 18.0321 94.7352 18.2669C94.881 18.3806 95.0286 18.4734 95.1784 18.5451C95.3281 18.6173 95.4952 18.6758 95.6796 18.7211C95.864 18.7663 96.0738 18.7965 96.3093 18.812C96.5449 18.8271 96.8176 18.8348 97.1286 18.8348C97.4996 18.8348 97.9578 18.8006 98.5032 18.7325L98.469 18.2327C98.2791 18.1874 98.1069 18.1418 97.9515 18.0965ZM89.834 10.4048C89.4402 10.4048 89.0122 10.3934 88.5503 10.3706V3.7245C88.8304 3.69432 89.0917 3.6715 89.3342 3.65641C89.5764 3.64132 89.8038 3.63359 90.0158 3.63359C91.258 3.63359 92.1704 3.89895 92.7537 4.42893C93.3367 4.95928 93.6285 5.79988 93.6285 6.95112C93.6285 8.14026 93.3234 9.01325 92.714 9.56972C92.1045 10.1266 91.1446 10.4048 89.834 10.4048Z"></path><path data-v-57e139ef="" d="M118.951 3.75191C118.022 3.04454 116.652 2.69067 114.839 2.69067C114.354 2.69067 113.816 2.70591 113.226 2.73639C112.636 2.76687 112.025 2.78211 111.393 2.78211C110.453 2.78211 109.49 2.76687 108.503 2.73639L108.526 3.22965L109.949 3.67719C110.125 3.73853 110.217 3.86862 110.225 4.06749C110.232 4.31988 110.238 4.60313 110.242 4.91648C110.245 5.2302 110.248 5.58184 110.248 5.97213V15.2779C110.248 15.737 110.246 16.1559 110.242 16.5343C110.238 16.9131 110.232 17.2554 110.225 17.5613C110.217 17.7375 110.114 17.8557 109.915 17.917L108.504 18.3415L108.549 18.8348C109.521 18.8117 110.469 18.8002 111.395 18.8002C112.305 18.8002 113.315 18.8117 114.424 18.8348L114.401 18.3415L112.817 17.8594C112.626 17.7985 112.527 17.6799 112.519 17.5037C112.511 17.213 112.505 16.884 112.502 16.5168C112.498 16.1496 112.496 15.7366 112.496 15.2775V12.0072C113.106 12.076 113.678 12.1106 114.212 12.1106C116.152 12.1106 117.658 11.6556 118.733 10.7453C119.807 9.83495 120.344 8.55775 120.344 6.91293C120.345 5.51307 119.881 4.45927 118.951 3.75191ZM116.874 10.2349C116.236 10.8661 115.304 11.1817 114.08 11.1817C113.56 11.1817 113.032 11.1359 112.497 11.0441V3.72366C113.017 3.6627 113.533 3.63185 114.045 3.63185C115.353 3.63185 116.312 3.93776 116.92 4.5496C117.528 5.1618 117.832 6.09108 117.832 7.33779C117.832 8.63804 117.513 9.60374 116.874 10.2349Z"></path><path data-v-57e139ef="" d="M11.1668 17.3491L11.6145 17.5469L12.243 17.0476L11.1809 16.3956L5.36429 19.7347L6.93497 13.2143L1.96195 8.71424L8.64851 8.19308L11.3915 2.07285L13.9535 8.27112L17.0336 8.60254L17.1694 7.80797L14.5253 7.50798L11.4221 0L8.09946 7.41343L0 8.04472L6.02386 13.4956L4.12123 21.3937L11.1668 17.3491Z"></path><path data-v-57e139ef="" d="M11.0086 10.6447L4.27191 9.55873L10.8536 11.3981L6.57654 18.0463L11.8065 11.2429L11.2968 3.68756L11.0086 10.6447Z"></path><path data-v-57e139ef="" d="M20.9662 5.53493C20.9473 4.20282 20.6499 3.1169 20.6373 3.07133L20.4516 2.40247L20.0771 2.987C19.5196 3.85713 19.1153 4.73394 18.8756 5.59307C18.7133 6.17407 18.626 6.74826 18.6141 7.30451L17.9106 7.39526L17.3071 10.129L18.6716 9.1105L18.7622 9.11574C18.4494 9.73314 17.5529 11.4348 16.2858 13.2714C14.2213 16.2636 12.1097 18.2633 10.1768 19.0578L8.34657 19.3323L4.40448 21.5255H19.9064L19.2729 17.6942L18.9308 17.7455C19.1705 16.2385 19.9623 11.1687 20.0986 9.14664L20.122 9.15044L21.1589 10.579L21.3824 7.68085L20.7529 7.46361C20.9046 6.89217 20.9765 6.24465 20.9662 5.53493ZM20.1986 4.00025C20.3965 5.17771 20.5793 7.43847 19.4136 8.75617C19.3327 8.48406 19.2471 8.08036 19.2345 7.56666C19.2146 6.75559 19.3784 5.51659 20.1986 4.00025ZM18.4817 8.47791L18.2727 8.63386L18.4226 7.95478L18.6331 7.92768C18.6507 8.13523 18.6784 8.32326 18.711 8.49113L18.4817 8.47791ZM6.79592 20.905L8.5498 19.9292L10.7409 19.6006L18.7605 18.3983L19.1749 20.9048H6.79592V20.905ZM11.9506 18.7919C12.6053 18.3483 13.2683 17.7917 13.9341 17.1262C14.8887 16.172 15.8535 14.9911 16.8015 13.6163C17.8539 12.0901 18.6551 10.655 19.0865 9.83816C18.5764 11.1764 16.9929 15.1074 15.3521 16.894C15.3521 16.894 17.3564 15.2933 19.4199 9.79495C19.1792 12.1916 18.4566 16.7782 18.287 17.842L16.2556 18.1466L11.9506 18.7919ZM20.6702 8.84888L20.4735 8.57782L20.3157 8.55268C20.4054 8.39515 20.4862 8.22846 20.5577 8.05234L20.7271 8.11087L20.6702 8.84888Z"></path></svg>
      \ No newline at end of file
      assets/css/style.css 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      assets/img/headset.svg 0 → 100644
      View file @ 6d157b7f
      <svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.652 4.156C12.233 2.775 10.355 1.982 8.5 1.982s-3.733.793-5.152 2.174C1.874 5.59 1.063 7.46 1.063 9.42c0 .885.29 2.028 1.091 4.169.801 2.14 2.395 3.036 3.068 3.182.193.043.419.086.622.086.35 0 .693-.09.996-.265l.465-.266c.5-.293.646-.934.358-1.44L4.777 9.822a1.054 1.054 0 00-1.446-.39l-.455.265a1.876 1.876 0 00-.465.385.133.133 0 01-.232-.066 3.808 3.808 0 01-.054-.595c0-1.67.697-3.27 1.964-4.503C5.312 3.727 6.92 3.045 8.5 3.045c1.58 0 3.188.682 4.41 1.872 1.268 1.233 1.965 2.832 1.965 4.503a3.8 3.8 0 01-.056.595.133.133 0 01-.232.066 1.876 1.876 0 00-.465-.385l-.455-.265a1.053 1.053 0 00-1.446.39l-2.884 5.066c-.288.505-.142 1.146.358 1.44l.465.265c.303.174.647.266.996.265.203 0 .43-.043.622-.086.673-.146 2.267-1.043 3.068-3.182.8-2.14 1.091-3.284 1.091-4.17 0-1.958-.811-3.828-2.285-5.263z" fill="#90949D" stroke="#90949D" stroke-width=".033"/></svg>
      \ No newline at end of file
      assets/img/location.svg 0 → 100644
      View file @ 6d157b7f
      <svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 8.357a1.063 1.063 0 100-2.125 1.063 1.063 0 000 2.125z" fill="#90949D" stroke="#90949D" stroke-width=".033"/><path d="M8.5 1.982c-2.93 0-5.313 2.28-5.313 5.08 0 1.334.608 3.108 1.807 5.272.963 1.738 2.077 3.31 2.657 4.092a1.054 1.054 0 001.7 0c.579-.782 1.694-2.354 2.657-4.091 1.197-2.164 1.805-3.938 1.805-5.273 0-2.8-2.384-5.08-5.313-5.08zm0 7.438a2.125 2.125 0 110-4.25 2.125 2.125 0 010 4.25z" fill="#90949D" stroke="#90949D" stroke-width=".033"/></svg>
      \ No newline at end of file
      assets/img/mail.svg 0 → 100644
      View file @ 6d157b7f
      <svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.897 6.048L9.101 3.184a1.365 1.365 0 00-1.202 0L2.103 6.048a1.846 1.846 0 00-1.04 1.663v6.13c0 1.025.844 1.859 1.881 1.859h11.112a1.873 1.873 0 001.882-1.86V7.712a1.846 1.846 0 00-1.04-1.663zM8.38 4.135a.273.273 0 01.24 0l5.624 2.777-5.71 2.823a.273.273 0 01-.241 0L2.668 6.957 8.38 4.135z" fill="#90949D" stroke="#90949D" stroke-width=".033"/></svg>
      \ No newline at end of file
      assets/js/script.js 0 → 100644
      View file @ 6d157b7f
      This source diff could not be displayed because it is too large. You can view the blob instead.
      assets/scss/global/variaibles.scss 0 → 100644
      View file @ 6d157b7f
      $primary: #00effe;
      $bg1: #F3F3F3;
      $footer-background: #292929;
      \ No newline at end of file
      assets/scss/partials/content.scss 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      assets/scss/partials/footer.scss 0 → 100644
      View file @ 6d157b7f
      .footer {
      background-color: #18191D;
      padding-bottom: 91px;
      border-top: 1px solid white;
      color: white;
      &__wrapper {
      display: grid;
      grid-template-columns: 3fr 2fr 2fr 3fr;
      padding: 80px 0;
      gap: 32px;
      border-bottom: 1px solid white;
      @media (max-width: 991px) {
      grid-template-columns: 1fr;
      }
      }
      &__title {
      font-size: 25px;
      font-weight: 800;
      }
      &__subtitle {
      position: relative;
      display: block;
      font-size: 14px;
      font-weight: 800;
      text-transform: uppercase;
      color: #C7C7C7;
      &::after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 0;
      width: 30px;
      height: 3px;
      background-color: #0089ED;
      }
      }
      &__list {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      color: #90949D;
      &-item {
      display: flex;
      gap: 10px;
      align-items: center;
      &:hover {
      .footer__list-text {
      color: #C7C7C7;
      }
      }
      }
      &-icon {
      width: 17px;
      height: 17px;
      }
      &-text {
      color: #90949D;
      text-transform: none;
      transition: all 0.2s ease;
      }
      }
      }
      \ No newline at end of file
      assets/scss/partials/header.scss 0 → 100644
      View file @ 6d157b7f
      .header {
      position: sticky;
      top: 0;
      background-color: #151517;
      z-index: 99;
      box-shadow: 0 10px 20px 0 #000;
      &::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 50%;
      background: rgb(0,239,254);
      background: linear-gradient(90deg, rgba(0,239,254,0.81) 30%, rgba(0,119,157,0.81) 53%, rgba(0,120,207,0.19) 78%, rgba(0,137,237,0) 100%);
      }
      &__content {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
      color: white;
      text-transform: uppercase;
      }
      &__logo {
      &-text {
      font-size: 22px;
      font-weight: 800;
      }
      }
      &__nav {
      display: flex;
      gap: 36px;
      &-link {
      font-size: 14px;
      font-weight: bold;
      }
      }
      &__ul {
      display: flex;
      gap: 36px;
      }
      &__toggle {
      &-block {
      margin-left: 5px;
      transform-origin: center;
      transition: all 0.3s ease;
      &--active {
      transform: rotate(180deg);
      }
      &--alt {
      img {
      &:nth-child(1) {
      display: block!important;
      }
      &:nth-child(2) {
      display: none;
      }
      }
      }
      }
      &-image {
      display: block;
      &--fixed {
      display: none;
      }
      &--remove {
      display: none;
      }
      }
      }
      &__sublist {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 15px;
      width: max-content;
      min-width: 210px;
      max-width: 400px;
      padding-top: 20px;
      left: -20px;
      color: black;
      transition: all 0.3s ease;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      &--active {
      opacity: 1;
      visibility: visible;
      pointer-events: inherit;
      }
      &-link {
      display: block;
      background: white;
      padding: 20px 20px;
      transition: all 0.3s ease;
      &:hover {
      color: $primary;
      }
      & + & {
      padding-top: 0;
      }
      }
      &-item {
      box-shadow: 0 10px 10px 0 rgba($color: #000000, $alpha: 0.2);
      }
      }
      &__navigation {
      display: flex;
      &-item {
      display: flex;
      position: relative;
      align-items: center;
      font-size: 17px;
      & + & {
      margin-left: 20px;
      }
      }
      &-link {
      transition: all 0.3s ease;
      &:hover {
      color: $primary;
      }
      }
      }
      }
      \ No newline at end of file
      assets/scss/partials/tabs.scss 0 → 100644
      View file @ 6d157b7f
      .tabs {
      margin: 60px 0;
      &__header {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      &-item {
      position: relative;
      padding: 16px 24px;
      border: none;
      outline: none;
      background-color: transparent;
      color: white;
      font-size: 22px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease;
      &::before {
      content: '';
      //Parallelogram Shape
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 5px solid #a1a1a1;
      background-color: #1B1E26;
      transform: skew(-30deg);
      z-index: -1;
      transition: all 0.3s ease;
      }
      &--active {
      &::before {
      border-color: #00effe;
      }
      }
      }
      }
      &__item {
      display: none;
      &--active {
      display: block;
      }
      }
      }
      \ No newline at end of file
      assets/scss/sections/data.scss 0 → 100644
      View file @ 6d157b7f
      .data {
      margin: 60px 0;
      &__content {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      margin-top: 80px;
      @media (max-width: 991px) {
      grid-template-columns: repeat(3, 1fr);
      }
      @media (max-width: 768px) {
      grid-template-columns: repeat(2, 1fr);
      }
      @media (max-width: 425px) {
      grid-template-columns: repeat(1, 1fr);
      }
      }
      &__item {
      position: relative;
      padding: 14px;
      transition: all 0.3s ease;
      cursor: pointer;
      &-text {
      position: relative;
      font-size: 12px;
      color: white;
      font-weight: bolder;
      line-height: 17px;
      z-index: 3;
      }
      &::before {
      content: '';
      background: white;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: polygon(5% 0%, 100% 0%, 99.7% 90%, 95.4% 100%, 0% 99.8%, 0% 10.3%);
      z-index: 0;
      transition: all 0.3s ease;
      }
      &::after {
      content: '';
      position: absolute;
      background-color: #262932;
      width: calc(100% - 5px);
      height: calc(100% - 5px);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      clip-path: polygon(5% 0%, 100% 0%, 99.7% 90%, 95.4% 100%, 0% 99.8%, 0% 10.3%);
      z-index: 1;
      }
      &--active {
      filter: drop-shadow(0 1px 15px #0089ED);
      &::before {
      background-color: #0089ED;
      }
      }
      }
      }
      \ No newline at end of file
      assets/scss/style.scss 0 → 100644
      View file @ 6d157b7f
      @import './lib/normalize';
      @import './lib/swiper';
      // @import './lib/range-slider.min';
      @import './global/fonts';
      @import './global/variaibles';
      @import './global/mixins';
      @import './global/common';
      // partials
      @import './partials/header';
      @import './partials/footer';
      @import './partials/content';
      @import './partials/tabs';
      // sections
      @import './sections/slider';
      @import './sections/legend';
      @import './sections/data';
      \ No newline at end of file
      connect.php 0 → 100644
      View file @ 6d157b7f
      <?
      /**
      * Подключение к БД
      */
      function connectDB($host = 'localhost', $dbname = 'cj23268_qn25qihl', $password = '?APauoDrGp$Ruwhz') {
      $link = mysqli_connect($host, $dbname, $password);
      if (!$link) {
      die("Ошибка подключения: " . mysqli_connect_error());
      }
      $dbSelected = mysqli_select_db($link, $dbname);
      if (!$dbSelected) {
      die("Ошибка при выборе базы данных: " . mysqli_error($link));
      }
      return $link;
      }
      /**
      * Выполнение SQL-запроса
      */
      function executeQuery($link, $sql) {
      $result = mysqli_query($link, $sql);
      if ($result === false) {
      die("Ошибка выполнения запроса: " . mysqli_error($link));
      }
      return $result;
      }
      /**
      * Обработка и вывод результатов запроса
      */
      function getResultDatas($result) {
      $rows = [];
      if (mysqli_num_rows($result) > 0) {
      while ($row = mysqli_fetch_assoc($result)) {
      $rows[] = $row;
      }
      }
      return $rows;
      }
      html/index.html 0 → 100644
      View file @ 6d157b7f
      <!DOCTYPE html>
      <html lang="ru">
      <head>
      @@include('./partials/head.html')
      </head>
      <body>
      @@include('./partials/header.html')
      <main class="main">
      @@include('./sections/slider.html')
      @@include('./partials/tabs.html')
      @@include('./sections/legend.html')
      <section class="content__section">
      <div class="wrapper">
      <div class="content__table-wrapper content__table-wrapper--double">
      <table class="content__table content__table--red">
      <thead>
      <tr>
      <th>Заголовок</th>
      <th>Длинный какой-то заголовок</th>
      <th>кртк</th>
      </tr>
      </thead>
      <tbody>
      <tr>
      <td>контент 1</td>
      <td>контент длинный тест</td>
      <td>кртк</td>
      </tr>
      <tr>
      <td>контент длинный тест</td>
      <td>контент 1</td>
      <td>кртк</td>
      </tr>
      <tr>
      <td>контент 1</td>
      <td>кртк</td>
      <td>контент длинный тест</td>
      </tr>
      <tr>
      <td>кртк</td>
      <td>контент длинный тест</td>
      <td>контент 1</td>
      </tr>
      </tbody>
      </table>
      <table class="content__table content__table--blue">
      <thead>
      <tr>
      <th>Заголовок</th>
      <th>Длинный какой-то заголовок</th>
      <th>кртк</th>
      </tr>
      </thead>
      <tbody>
      <tr>
      <td>контент 1</td>
      <td>контент длинный тест</td>
      <td>кртк</td>
      </tr>
      <tr>
      <td>контент длинный тест</td>
      <td>контент 1</td>
      <td>кртк</td>
      </tr>
      <tr>
      <td>контент 1</td>
      <td>кртк</td>
      <td>контент длинный тест</td>
      </tr>
      <tr>
      <td>кртк</td>
      <td>контент длинный тест</td>
      <td>контент 1</td>
      </tr>
      </tbody>
      </table>
      </div>
      </div>
      </section>
      @@include('./sections/content.html')
      </main>
      @@include('./partials/footer.html')
      <script src="/assets/js/script.js"></script>
      </body>
      </html>
      \ No newline at end of file
      html/partials/header.html 0 → 100644
      View file @ 6d157b7f
      <header class="header">
      <div class="wrapper header__wrapper">
      <div class="header__content">
      <div class="header__logo">
      <a href="/" class="header__logo-text">Игровой сервис</a>
      </div>
      <nav class="header__nav">
      <ul class="header__ul">
      <li class="header__navigation-item">
      <a href="#" class="header__nav-link">Главная</a>
      </li>
      <li class="header__navigation-item header__navigation-list">
      <a href="#" class="header__nav-link">О нас</a>
      <div class="header__toggle-block">
      <img src="/assets/img/arrow-toggle-white.png" alt="" class="header__toggle-image">
      </div>
      <ul class="header__sublist">
      <li class="header__sublist-item">
      <a href="#" class="header__sublist-link">Гарантийное обслуживание</a>
      </li>
      <li class="header__sublist-item">
      <a href="#" class="header__sublist-link">Сервис и ремонт</a>
      </li>
      <li class="header__sublist-item">
      <a href="#" class="header__sublist-link">Поставка запчастей</a>
      </li>
      <li class="header__sublist-item">
      <a href="#" class="header__sublist-link">Спецтехника в лизинг</a>
      </li>
      <li class="header__sublist-item">
      <a href="#" class="header__sublist-link">Трейд-Ин</a>
      </li>
      </ul>
      </li>
      <li class="header__navigation-item">
      <a href="#" class="header__nav-link">Новости</a>
      </li>
      <li class="header__navigation-item">
      <a href="#" class="header__nav-link">Контакты</a>
      </li>
      <li class="header__navigation-item">
      <a href="#" class="header__nav-link">Блог</a>
      </li>
      </ul>
      </nav>
      </div>
      </div>
      </header>
      \ No newline at end of file
      html/partials/tabs.html 0 → 100644
      View file @ 6d157b7f
      <div class="tabs">
      <div class="wrapper">
      <div class="tabs__header">
      <button class="tabs__header-item tabs__header-item--active" data-tab="tab1">Сервер 1</button>
      <button class="tabs__header-item" data-tab="tab2">Сервер 2</button>
      <button class="tabs__header-item" data-tab="tab3">Сервер 3</button>
      <button class="tabs__header-item" data-tab="tab4">Сервер 4</button>
      <button class="tabs__header-item" data-tab="tab5">Сервер 5</button>
      </div>
      <div class="tabs__content">
      <div class="tabs__item tabs__item--active" id="tab1">@@include('./../sections/content.html')</div>
      <div class="tabs__item" id="tab2">@@include('./../sections/content.html')</div>
      <div class="tabs__item" id="tab3">@@include('./../sections/content.html')</div>
      <div class="tabs__item" id="tab4">@@include('./../sections/content.html')</div>
      <div class="tabs__item" id="tab5">@@include('./../sections/content.html')</div>
      </div>
      </div>
      </div>
      \ No newline at end of file
      include/ppo-table/ppo-table-2.0-rublyovka.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      include/ppo-table/ppo-table-arbat.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      include/ppo-table/ppo-table-rublyovka.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      index.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      oms/index.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      ppo-table/index.php 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      src/app.js 0 → 100644
      View file @ 6d157b7f
      @@include('./lib/swiper.js')
      @@include('./modules/slider.js')
      @@include('./modules/copy.js')
      @@include('./modules/collapse.js')
      @@include('./modules/accordion.js')
      @@include('./modules/header.js')
      @@include('./modules/tabs.js')
      \ No newline at end of file
      src/lib/swiper.js 0 → 100644
      View file @ 6d157b7f
      This source diff could not be displayed because it is too large. You can view the blob instead.
      src/modules/accordion,js 0 → 100644
      View file @ 6d157b7f
      const accordions = document.querySelectorAll('.toggle');
      if (accordions !== null) {
      accordions.forEach(block => {
      const header = block.querySelector('.toggle__header');
      const content = block.querySelector('.toggle__content');
      const headerIcon = header.querySelector('.toggle__header-icon');
      header.addEventListener('click', function() {
      content.classList.toggle('toggle__content--active');
      header.classList.toggle('toggle__header--active');
      if (headerIcon !== null) {
      headerIcon.classList.toggle('toggle__header-icon--active');
      }
      })
      });
      }
      \ No newline at end of file
      src/modules/accordion.js 0 → 100644
      View file @ 6d157b7f
      const accordions = document.querySelectorAll('.toggle');
      if (accordions !== null) {
      accordions.forEach(block => {
      const header = block.querySelector('.toggle__header');
      const content = block.querySelector('.toggle__content');
      const headerIcon = header.querySelector('.toggle__header-icon');
      header.addEventListener('click', function() {
      content.classList.toggle('toggle__content--active');
      header.classList.toggle('toggle__header--active');
      if (headerIcon !== null) {
      headerIcon.classList.toggle('toggle__header-icon--active');
      }
      })
      });
      }
      \ No newline at end of file
      src/modules/collapse.js 0 → 100644
      View file @ 6d157b7f
      document.addEventListener('DOMContentLoaded', function() {
      const items = document.querySelectorAll('.collapse');
      if (items.length !== 0) {
      items.forEach(elem => {
      const itemHeader = elem.querySelector('.title');
      const itemContent = elem.querySelector('.content');
      if (itemHeader !== null && itemContent !== null) {
      itemHeader.addEventListener('click', function() {
      itemContent.classList.toggle('content--active')
      itemHeader.classList.toggle('title--active')
      })
      }
      })
      }
      })
      \ No newline at end of file
      src/modules/copy.js 0 → 100644
      View file @ 6d157b7f
      document.addEventListener('DOMContentLoaded', function() {
      const contentItems = document.querySelectorAll('.data__item');
      if (contentItems.length !== 0) {
      contentItems.forEach(item => {
      const text = item.querySelector('.data__item-text');
      if (text === null) return;
      item.addEventListener('click', function() {
      navigator.clipboard.writeText(text.innerText);
      removeAllClasses(contentItems, 'data__item--active')
      item.classList.add('data__item--active');
      // setTimeout(function() {
      // item.classList.remove('ad__item--active');
      // }, 3000)
      })
      })
      }
      function removeAllClasses(list, className) {
      if (list && list.lenth !== 0) {
      list.forEach(item => {
      item.classList.remove(className);
      })
      }
      }
      })
      \ No newline at end of file
      src/modules/header.js 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      src/modules/slider.js 0 → 100644
      View file @ 6d157b7f
      const swiper = new Swiper('.slider--js', {
      spaceBetween: 20,
      pagination: {
      el: ".swiper-pagination",
      },
      });
      \ No newline at end of file
      src/modules/tabs.js 0 → 100644
      View file @ 6d157b7f
      This diff is collapsed.
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment