Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="grid-container">
  <div class="item">
    <svg width="40" height="42" viewBox="0 0 40 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.0938 0C12.2227 0 8.66406 7.56641 11.5 13.9688C11.1836 14.1797 10.5508 14.8984 10.6562 16.1562C10.9727 18.4688 11.9141 19.125 12.4375 19.125C12.6484 21.3281 14.1094 23.832 14.8438 24.25C14.8438 25.8242 14.9609 25.5078 14.75 27.1875C14.5625 27.7656 14.2266 28.2773 13.7812 28.7188L19.0938 31H20.9062L26.2188 28.875C25.7344 28.4219 25.3633 27.8867 25.1562 27.2812C25.0508 25.6016 25.0312 25.8438 25.0312 24.375C25.7656 23.9531 27.1523 21.3203 27.4688 19.2188C28.0977 19.2188 29.0391 18.5898 29.25 16.2812C29.3555 15.0195 28.9336 14.168 28.4062 14.0625C30.2969 11.6484 29.9805 2.09375 23.1562 2.09375L22.0938 0ZM11.8438 30.0625C7.47266 32.3672 0 33.4375 0 41C0 41 0 42 1 42H17L19 35L18.0938 32.75L11.8438 30.0625ZM28.25 30.2188L21.9062 32.75L21 35L23 42H39C40.0312 42 40 41 40 41C40 33.5234 32.6758 32.4375 28.25 30.2188Z" fill="url(#paint0_linear_177_1781)"/>
<defs>
<linearGradient id="paint0_linear_177_1781" x1="45.1283" y1="1.20109e-06" x2="-1.94214" y2="39.717" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
    <p>Ты станешь во&shy;стре&shy;бо&shy;ван&shy;ным спе&shy;ци&shy;али&shy;стом в об&shy;ла&shy;сти искус&shy;ствен&shy;ного интел&shy;лекта</p>
  </div>
    <div class="item">
    <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 0C0.45 0 0 0.45 0 1V11C0 11.55 0.45 12 1 12H41C41.55 12 42 11.55 42 11V1C42 0.45 41.55 0 41 0H1ZM6 5C6.55 5 7 5.45 7 6C7 6.55 6.55 7 6 7C5.45 7 5 6.55 5 6C5 5.45 5.45 5 6 5ZM10 5C10.55 5 11 5.45 11 6C11 6.55 10.55 7 10 7C9.45 7 9 6.55 9 6C9 5.45 9.45 5 10 5ZM14 5C14.55 5 15 5.45 15 6C15 6.55 14.55 7 14 7C13.45 7 13 6.55 13 6C13 5.45 13.45 5 14 5ZM0 15V41C2.65169e-05 41.2652 0.105392 41.5195 0.292922 41.7071C0.480453 41.8946 0.734792 42 1 42H41C41.2652 42 41.5195 41.8946 41.7071 41.7071C41.8946 41.5195 42 41.2652 42 41V15H40V40H2V15H0ZM6 15C5.448 15 5 15.447 5 16V36C5 36.553 5.448 37 6 37H19C19.552 37 20 36.553 20 36V16C20 15.447 19.552 15 19 15H6ZM23 15V17H37V15H23ZM23 20V22H37V20H23ZM23 25V27H37V25H23ZM23 30V32H37V30H23ZM23 35V37H37V35H23Z" fill="url(#paint0_linear_177_1793)"/>
  <defs>
  <linearGradient id="paint0_linear_177_1793" x1="47.3846" y1="1.20109e-06" x2="-0.0186931" y2="41.9976" gradientUnits="userSpaceOnUse">
  <stop offset="0.25" stop-color="#3B768F"/>
  <stop offset="0.536458" stop-color="#3EC6FF"/>
  <stop offset="0.817708" stop-color="#3B768F"/>
  </linearGradient>
  </defs>
  </svg>
      <p>Сумеешь создавать программы, связанные 
с компьютерным зрением и нейронными сетями.</p>
  </div>
  <div class="item">
    <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 3C4.346 3 3 4.346 3 6V16C3 17.654 4.346 19 6 19H9V21C8.99813 21.1325 9.02261 21.2641 9.07202 21.387C9.12143 21.51 9.1948 21.6219 9.28784 21.7163C9.38088 21.8107 9.49176 21.8856 9.61401 21.9368C9.73627 21.9879 9.86748 22.0142 10 22.0142C10.1325 22.0142 10.2637 21.9879 10.386 21.9368C10.5082 21.8856 10.6191 21.8107 10.7122 21.7163C10.8052 21.6219 10.8786 21.51 10.928 21.387C10.9774 21.2641 11.0019 21.1325 11 21V19H16C17.654 19 19 17.654 19 16V12H24C24.1325 12.0019 24.2641 11.9774 24.387 11.928C24.51 11.8786 24.6219 11.8052 24.7163 11.7122C24.8107 11.6191 24.8856 11.5082 24.9368 11.386C24.9879 11.2637 25.0142 11.1325 25.0142 11C25.0142 10.8675 24.9879 10.7363 24.9368 10.614C24.8856 10.4918 24.8107 10.3809 24.7163 10.2878C24.6219 10.1948 24.51 10.1214 24.387 10.072C24.2641 10.0226 24.1325 9.99813 24 10H19V6C19 4.346 17.654 3 16 3H6ZM34 3C32.346 3 31 4.346 31 6V10H28C27.8675 9.99813 27.7359 10.0226 27.613 10.072C27.49 10.1214 27.3781 10.1948 27.2837 10.2878C27.1893 10.3809 27.1144 10.4918 27.0632 10.614C27.0121 10.7363 26.9858 10.8675 26.9858 11C26.9858 11.1325 27.0121 11.2637 27.0632 11.386C27.1144 11.5082 27.1893 11.6191 27.2837 11.7122C27.3781 11.8052 27.49 11.8786 27.613 11.928C27.7359 11.9774 27.8675 12.0019 28 12H31V16C31 17.654 32.346 19 34 19H38V24C37.9981 24.1325 38.0226 24.2641 38.072 24.387C38.1214 24.51 38.1948 24.6219 38.2878 24.7163C38.3809 24.8107 38.4918 24.8856 38.614 24.9368C38.7363 24.9879 38.8675 25.0142 39 25.0142C39.1325 25.0142 39.2637 24.9879 39.386 24.9368C39.5082 24.8856 39.6191 24.8107 39.7122 24.7163C39.8052 24.6219 39.8786 24.51 39.928 24.387C39.9774 24.2641 40.0019 24.1325 40 24V19H44C45.654 19 47 17.654 47 16V6C47 4.346 45.654 3 44 3H34ZM9.98438 23.9863C9.7195 23.9905 9.46709 24.0995 9.28254 24.2896C9.09799 24.4796 8.99637 24.7351 9 25V31H6C4.346 31 3 32.346 3 34V44C3 45.654 4.346 47 6 47H16C17.654 47 19 45.654 19 44V40H22C22.1325 40.0019 22.2641 39.9774 22.387 39.928C22.51 39.8786 22.6219 39.8052 22.7163 39.7122C22.8107 39.6191 22.8856 39.5082 22.9368 39.386C22.9879 39.2637 23.0142 39.1325 23.0142 39C23.0142 38.8675 22.9879 38.7363 22.9368 38.614C22.8856 38.4918 22.8107 38.3809 22.7163 38.2878C22.6219 38.1948 22.51 38.1214 22.387 38.072C22.2641 38.0226 22.1325 37.9981 22 38H19V34C19 32.346 17.654 31 16 31H11V25C11.0018 24.8662 10.9768 24.7334 10.9264 24.6095C10.876 24.4855 10.8012 24.373 10.7065 24.2784C10.6118 24.1839 10.4991 24.1094 10.375 24.0592C10.251 24.009 10.1182 23.9842 9.98438 23.9863ZM38.9844 26.9863C38.7195 26.9905 38.4671 27.0995 38.2825 27.2896C38.098 27.4796 37.9964 27.7351 38 28V30H34C32.346 30 31 31.346 31 33V38H26C25.8675 37.9981 25.7359 38.0226 25.613 38.072C25.49 38.1214 25.3781 38.1948 25.2837 38.2878C25.1893 38.3809 25.1144 38.4918 25.0632 38.614C25.0121 38.7363 24.9858 38.8675 24.9858 39C24.9858 39.1325 25.0121 39.2637 25.0632 39.386C25.1144 39.5082 25.1893 39.6191 25.2837 39.7122C25.3781 39.8052 25.49 39.8786 25.613 39.928C25.7359 39.9774 25.8675 40.0019 26 40H31V43C31 44.654 32.346 46 34 46H44C45.654 46 47 44.654 47 43V33C47 31.346 45.654 30 44 30H40V28C40.0018 27.8662 39.9768 27.7334 39.9264 27.6095C39.876 27.4855 39.8012 27.373 39.7065 27.2784C39.6118 27.1839 39.4991 27.1094 39.375 27.0592C39.251 27.009 39.1182 26.9842 38.9844 26.9863Z" fill="url(#paint0_linear_177_1786)"/>
<defs>
<linearGradient id="paint0_linear_177_1786" x1="52.641" y1="3" x2="2.98042" y2="46.9975" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
  <p>Будешь создавать свои модели искусственного интеллекта на языке программирования Python</p>
  </div>
  <div class="item">
    <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 0C16.4492 0 16 0.449219 16 1V9C16 9.55078 16.4492 10 17 10H33C33.5547 10 34 9.55078 34 9V1C34 0.449219 33.5547 0 33 0H17ZM8 2C6.34766 2 5 3.34766 5 5V47C5 48.6523 6.34766 50 8 50H42C43.6523 50 45 48.6523 45 47V5C45 3.34766 43.6523 2 42 2H36V6H41V46H9V6H14V2H8ZM11 8V44H39V8H36V9C36 10.6523 34.6523 12 33 12H17C15.3477 12 14 10.6523 14 9V8H11ZM15 17H23V25H15V17ZM17 19V23H21V19H17ZM26 20H35V22H26V20ZM15 30H23V38H15V30ZM17 32V36H21V32H17ZM18 33H20V35H18V33ZM26 33H35V35H26V33Z" fill="url(#paint0_linear_177_1798)"/>
<defs>
<linearGradient id="paint0_linear_177_1798" x1="50.1282" y1="1.42987e-06" x2="-3.50923" y2="38.0167" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
    <p>Мы обучаем только тому, что тебе пригодится 
во время работы!</p>
  </div>
  <div class="item">
    <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49.9961 27.9414C49.7852 24.3828 47.3945 23.25 45.6484 22.4258C44.7383 21.9922 43.9492 21.6211 43.6641 21.043C43.6211 20.4805 43.625 20.0273 43.6289 19.5117V19.4336C44.1289 18.8516 44.5508 17.9023 44.75 17.043C45.1914 16.7383 45.6523 16.1367 45.8008 14.9297C45.8711 14.3164 45.7305 13.8203 45.5039 13.4492C45.8477 12.1953 46.3906 9.46484 45.2461 7.625C44.7461 6.81641 43.9766 6.27734 43.0039 6.04688C42.3828 5.36719 41.3164 5 39.9336 5H39.9297C37.7852 5.03906 36.2031 5.71094 35.2266 6.99609C34.1172 8.46094 33.8789 10.6172 34.5156 13.418C34.2773 13.793 34.125 14.3047 34.1992 14.9336C34.3477 16.1445 34.8125 16.7461 35.2539 17.0469C35.4609 17.8984 35.8945 18.8516 36.4023 19.4375V19.5156C36.4062 20.0273 36.4102 20.4805 36.3672 21.0391C36.2305 21.2891 35.9492 21.5117 35.5508 21.7266C34.6133 19.1797 32.4258 18.1719 30.7734 17.4102C29.793 16.9609 28.9414 16.5664 28.6641 16.0391C28.6211 15.4805 28.625 15.0312 28.6289 14.5156L28.6328 14.4336C29.1289 13.8516 29.5547 12.9062 29.7539 12.043C30.1914 11.7422 30.6562 11.1367 30.8008 9.92969C30.875 9.32031 30.7344 8.82031 30.5078 8.44922C30.8477 7.19531 31.3906 4.46484 30.25 2.62891C29.7461 1.82031 28.9766 1.27734 28.0078 1.04688C27.5156 0.511719 26.6133 0.015625 24.9336 0.015625C22.7852 0.0585938 21.1992 0.726563 20.2266 2.01172C19.1172 3.47266 18.8828 5.625 19.5195 8.41797C19.2812 8.79297 19.1289 9.30469 19.2031 9.93359C19.3477 11.1445 19.8125 11.7461 20.2578 12.0469C20.4609 12.8984 20.8984 13.8516 21.4023 14.4375V14.5195C21.4062 15.0352 21.4102 15.4844 21.3672 16.0391C21.0898 16.5664 20.2344 16.9609 19.25 17.4102C17.5898 18.1719 15.3945 19.1797 14.4531 21.7266C14.0547 21.5117 13.7695 21.2891 13.6367 21.0391C13.5938 20.4766 13.5977 20.0234 13.6016 19.5039V19.4375C14.1055 18.8516 14.543 17.8984 14.7461 17.0469C15.1875 16.7422 15.6523 16.1406 15.8008 14.9297C15.875 14.3008 15.7227 13.7891 15.4844 13.4141C16.1211 10.6172 15.8828 8.45703 14.7734 6.99609C13.7969 5.71094 12.2148 5.03906 10.0508 5C8.67969 5 7.61719 5.36719 6.99609 6.04688C6.02344 6.27734 5.25391 6.82031 4.75 7.62891C3.60938 9.46484 4.15234 12.1953 4.49609 13.4492C4.26953 13.8203 4.12891 14.3203 4.19922 14.9336C4.34766 16.1406 4.80859 16.7422 5.25 17.0469C5.44922 17.9062 5.87109 18.8516 6.37109 19.4336V19.5156C6.375 20.0312 6.37891 20.4844 6.33594 21.0469C6.05078 21.6211 5.25781 21.9961 4.35156 22.4258C2.60547 23.25 0.214844 24.3828 0 28V39C0 39.0664 0.0078125 39.1328 0.0195313 39.1992C0.078125 39.4922 1.54688 46.0156 11.5234 49.2891C11.5234 49.2891 11.6875 49.4336 12.9805 49.5859C12.9766 49.1445 12.9766 48.4102 13.0156 47.6836C13.3906 44.0312 16.332 42.8398 18.4961 41.9609C19.6758 41.4844 20.7891 41.0312 21.1211 40.3828C21.1719 39.7656 21.1641 39.2656 21.1602 38.6992V38.5859C20.6055 37.957 20.1211 36.8984 19.9023 35.9609C19.4336 35.6523 18.9258 35.0156 18.7695 33.7031C18.6875 33.0273 18.8594 32.4805 19.1172 32.0859C18.418 29.0508 18.668 26.7148 19.8672 25.1367C20.9102 23.7617 22.6094 23.0391 24.9141 23C26.4102 23 27.5508 23.3945 28.207 24.1289C29.2539 24.3711 30.0859 24.9492 30.6211 25.8125C31.8555 27.8008 31.25 30.7812 30.8789 32.1172C31.1289 32.5117 31.2891 33.0469 31.2109 33.707C31.0508 35.0156 30.5469 35.6523 30.0742 35.9609C29.8594 36.8984 29.3906 37.9531 28.8477 38.5781L28.8438 38.6992C28.8398 39.2656 28.8359 39.7617 28.8828 40.3828C29.2188 41.0352 30.3281 41.4883 31.5 41.9609C33.668 42.8438 36.6172 44.043 36.9688 47.6836C37.0117 48.2148 37 49.2227 36.9922 49.6602C37.9336 49.5547 37.9922 49.4609 37.9922 49.4609C48.4258 46.2422 49.918 39.5039 49.9805 39.1992C49.9922 39.1328 50 39.0664 50 39L49.9961 27.9414Z" fill="url(#paint0_linear_177_1811)"/>
<defs>
<linearGradient id="paint0_linear_177_1811" x1="56.4103" y1="0.0156264" x2="0.332164" y2="50.0545" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
    <p>Мы создаём сообщество профессионалов, таких же как и мы, жаждущих развивать и изменять этот мир к лучшему с помощью IT технологий</p>
  </div>
  <div class="item">
    <svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.9062 0C18.0391 0 14.7461 6.85156 17.2812 12.6562C16.9648 12.8672 16.457 13.5273 16.5625 14.6875C16.7734 16.7969 17.7227 17.3008 18.25 17.4062C18.4609 19.4102 19.7305 21.7461 20.4688 22.0625C20.4688 23.4336 20.4492 24.582 20.3438 26.0625C18.7266 30.3086 8.39062 29.3242 7.0625 36.9375C7.00391 37.2695 7.34766 38 8.03125 38H42C43.0156 38 42.9961 37.25 42.9375 36.9062C41.5859 29.3242 31.2734 30.3047 29.6562 26.0625C29.5508 24.4766 29.5312 23.4336 29.5312 22.0625C30.2695 21.7461 31.4453 19.3047 31.6562 17.4062C32.1836 17.4062 33.0273 16.7695 33.3438 14.6562C33.4492 13.4961 33.0156 12.7617 32.5938 12.6562C34.2812 10.5469 33.9766 1.90625 27.75 1.90625L26.9062 0ZM15.1562 5C8.48047 5.11328 5.55469 10.4258 7.5625 14.9688C7.34766 15.0742 6.92578 15.6328 7.03125 16.5938C7.24609 18.3047 7.88281 18.7188 8.3125 18.7188C8.52344 20.3203 9.46875 22.1172 10 22.4375C10 23.5039 10.0117 23.4727 9.90625 24.75C9.03906 27.4844 0 27.2812 0 34C0 34 0 35 1 35H5.53125C7.05859 30.6797 11.2109 29.0156 14.3438 27.7812C16.0703 27.1016 17.8398 26.4141 18.375 25.5625C18.4336 24.6328 18.4648 23.8438 18.4688 22.9688C17.5195 21.8828 16.8125 20.1914 16.4688 18.75C15.6562 18.1484 14.7773 16.9922 14.5625 14.8438C14.4688 13.8242 14.6836 12.9766 15.0312 12.3125C14.2383 9.84766 14.2891 7.27344 15.1562 5ZM38 5C37.043 5 35.9141 5.07812 34.8438 5.25C35.6445 7.59766 35.6758 10.4023 34.9688 12.4062C35.2812 13.0938 35.4258 13.9297 35.3438 14.8438L35.3125 14.9062V14.9688C35.0156 16.9336 34.293 18.1289 33.4375 18.7812C33.1133 20.1328 32.4531 21.8398 31.5312 22.9375C31.5352 23.7969 31.5664 24.5703 31.625 25.5625C32.1602 26.4141 33.9336 27.1016 35.6562 27.7812C38.7852 29.0117 42.9375 30.6797 44.4688 35H49C50 35 50 34.0312 50 34.0312C50.0039 26.2969 41.4414 28.1289 40.1562 24.5938C40.0469 23.4141 40.0312 23.5234 40.0312 22.3438C40.5664 22.0234 41.5508 20.2227 41.6562 18.7188C42.0859 18.7188 42.7227 18.2773 42.9375 16.5625C43.043 15.707 42.7266 15.0742 42.4062 14.9688C43.6953 13.2539 43.4844 6.5 38.6562 6.5L38 5Z" fill="url(#paint0_linear_177_1805)"/>
<defs>
<linearGradient id="paint0_linear_177_1805" x1="56.4103" y1="1.0867e-06" x2="13.7099" y2="49.7776" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
    <p>Ты найдешь единомышленников, 
с которыми сможешь создавать свои проекты</p>
  </div>
  <div class="item">
    <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0V1H12V44H16V43H17V44H18V43H19V44H20V43H21V44H22V43H23V44H24V43H25V44H26V43H27V44H31V1H27V0H16ZM10 4.16797L0 8.33203V44H4V42H5V44H6V42H7V44H8V42H9V44H10V4.16797ZM16 5H17V6H16V5ZM18 5H19V6H18V5ZM20 5H21V6H20V5ZM22 5H23V6H22V5ZM24 5H25V6H24V5ZM26 5H27V6H26V5ZM16 7H17V8H16V7ZM18 7H19V8H18V7ZM20 7H21V8H20V7ZM22 7H23V8H22V7ZM24 7H25V8H24V7ZM26 7H27V8H26V7ZM9 8.73438V11H8V9.12109L9 8.73438ZM16 9H17V10H16V9ZM18 9H19V10H18V9ZM20 9H21V10H20V9ZM22 9H23V10H22V9ZM24 9H25V10H24V9ZM26 9H27V10H26V9ZM33 9V13H34V14H33V15H34V16H33V17H34V18H33V19H34V20H33V21H34V22H33V23H34V24H33V25H34V26H33V27H34V28H33V29H34V30H33V31H34V32H33V33H34V34H33V35H34V36H33V37H34V38H33V39H34V40H33V41H34V42H33V43H34V44H35V43H37V44H38V43H40V44H44V9H33ZM7 9.5V11H6V9.88672L7 9.5ZM5 10.2656V11H4V10.6523L5 10.2656ZM16 11H17V12H16V11ZM18 11H19V12H18V11ZM20 11H21V12H20V11ZM22 11H23V12H22V11ZM24 11H25V12H24V11ZM26 11H27V12H26V11ZM4 12H5V14H4V12ZM6 12H7V14H6V12ZM8 12H9V14H8V12ZM16 13H17V14H16V13ZM18 13H19V14H18V13ZM20 13H21V14H20V13ZM22 13H23V14H22V13ZM24 13H25V14H24V13ZM26 13H27V14H26V13ZM35 13H37V14H35V13ZM38 13H40V14H38V13ZM4 15H5V17H4V15ZM6 15H7V17H6V15ZM8 15H9V17H8V15ZM16 15H17V16H16V15ZM18 15H19V16H18V15ZM20 15H21V16H20V15ZM22 15H23V16H22V15ZM24 15H25V16H24V15ZM26 15H27V16H26V15ZM35 15H37V16H35V15ZM38 15H40V16H38V15ZM16 17H17V18H16V17ZM18 17H19V18H18V17ZM20 17H21V18H20V17ZM22 17H23V18H22V17ZM24 17H25V18H24V17ZM26 17H27V18H26V17ZM35 17H37V18H35V17ZM38 17H40V18H38V17ZM4 18H5V20H4V18ZM6 18H7V20H6V18ZM8 18H9V20H8V18ZM16 19H17V20H16V19ZM18 19H19V20H18V19ZM20 19H21V20H20V19ZM22 19H23V20H22V19ZM24 19H25V20H24V19ZM26 19H27V20H26V19ZM35 19H37V20H35V19ZM38 19H40V20H38V19ZM4 21H5V23H4V21ZM6 21H7V23H6V21ZM8 21H9V23H8V21ZM16 21H17V22H16V21ZM18 21H19V22H18V21ZM20 21H21V22H20V21ZM22 21H23V22H22V21ZM24 21H25V22H24V21ZM26 21H27V22H26V21ZM35 21H37V22H35V21ZM38 21H40V22H38V21ZM16 23H17V24H16V23ZM18 23H19V24H18V23ZM20 23H21V24H20V23ZM22 23H23V24H22V23ZM24 23H25V24H24V23ZM26 23H27V24H26V23ZM35 23H37V24H35V23ZM38 23H40V24H38V23ZM4 24H5V26H4V24ZM6 24H7V26H6V24ZM8 24H9V26H8V24ZM16 25H17V26H16V25ZM18 25H19V26H18V25ZM20 25H21V26H20V25ZM22 25H23V26H22V25ZM24 25H25V26H24V25ZM26 25H27V26H26V25ZM35 25H37V26H35V25ZM38 25H40V26H38V25ZM4 27H5V29H4V27ZM6 27H7V29H6V27ZM8 27H9V29H8V27ZM16 27H17V28H16V27ZM18 27H19V28H18V27ZM20 27H21V28H20V27ZM22 27H23V28H22V27ZM24 27H25V28H24V27ZM26 27H27V28H26V27ZM35 27H37V28H35V27ZM38 27H40V28H38V27ZM16 29H17V30H16V29ZM18 29H19V30H18V29ZM20 29H21V30H20V29ZM22 29H23V30H22V29ZM24 29H25V30H24V29ZM26 29H27V30H26V29ZM35 29H37V30H35V29ZM38 29H40V30H38V29ZM4 30H5V32H4V30ZM6 30H7V32H6V30ZM8 30H9V32H8V30ZM16 31H17V32H16V31ZM18 31H19V32H18V31ZM20 31H21V32H20V31ZM22 31H23V32H22V31ZM24 31H25V32H24V31ZM26 31H27V32H26V31ZM35 31H37V32H35V31ZM38 31H40V32H38V31ZM4 33H5V35H4V33ZM6 33H7V35H6V33ZM8 33H9V35H8V33ZM16 33H17V34H16V33ZM18 33H19V34H18V33ZM20 33H21V34H20V33ZM22 33H23V34H22V33ZM24 33H25V34H24V33ZM26 33H27V34H26V33ZM35 33H37V34H35V33ZM38 33H40V34H38V33ZM16 35H17V36H16V35ZM18 35H19V36H18V35ZM20 35H21V36H20V35ZM22 35H23V36H22V35ZM24 35H25V36H24V35ZM26 35H27V36H26V35ZM35 35H37V36H35V35ZM38 35H40V36H38V35ZM4 36H5V38H4V36ZM6 36H7V38H6V36ZM8 36H9V38H8V36ZM16 37H17V38H16V37ZM18 37H19V38H18V37ZM20 37H21V38H20V37ZM22 37H23V38H22V37ZM24 37H25V38H24V37ZM26 37H27V38H26V37ZM35 37H37V38H35V37ZM38 37H40V38H38V37ZM4 39H5V41H4V39ZM6 39H7V41H6V39ZM8 39H9V41H8V39ZM16 39H17V40H16V39ZM18 39H19V40H18V39ZM20 39H21V40H20V39ZM22 39H23V40H22V39ZM24 39H25V40H24V39ZM26 39H27V40H26V39ZM35 39H37V40H35V39ZM38 39H40V40H38V39ZM16 41H17V42H16V41ZM18 41H19V42H18V41ZM20 41H21V42H20V41ZM22 41H23V42H22V41ZM24 41H25V42H24V41ZM26 41H27V42H26V41ZM35 41H37V42H35V41ZM38 41H40V42H38V41Z" fill="url(#paint0_linear_177_1817)"/>
<defs>
<linearGradient id="paint0_linear_177_1817" x1="49.641" y1="1.25829e-06" x2="-0.0195832" y2="43.9975" gradientUnits="userSpaceOnUse">
<stop offset="0.25" stop-color="#3B768F"/>
<stop offset="0.536458" stop-color="#3EC6FF"/>
<stop offset="0.817708" stop-color="#3B768F"/>
</linearGradient>
</defs>
</svg>
<p>После успешного завершения курса, мы поможем тебе трудоустроиться 
в Южнокорейские IT компании!</p>
  </div>
</div>
              
            
!

CSS

              
                *{
  box-sizing: border-box;
}
body {
  font-family: sans-serif;
  background: linear-gradient(286deg, rgba(2, 35, 53, 0.8) 3.63%, rgba(12, 55, 61, 0.8));
}
.grid-container {
  max-width: 1200px;
  margin: 50px auto;
  display: grid;
  gap: 20px;
  grid-template-rows: repeat(2, 212px);
  grid-template-columns: repeat(6, minmax(auto, 285px) );
}
.item {
  background: linear-gradient(180deg, rgba(0, 224, 255, 0.11) 0%, rgba(0, 224, 255, 0.0539) 100%);
border-radius: 20px;
  border: 2px solid rgba(0, 224, 255, .6);
  padding: 30px;
  color: #fff;
}
.item:first-child {
  grid-area: 1 / 1/ 2 / 2;
}
.item:nth-child(2){
  grid-area: 1 / 2 / 2 / 4 ;
}
.item:nth-child(3){
  grid-area: 1 / 4 / 2 / 6;
}
.item:nth-child(4){
  grid-area:  1 / 6 / 2 / 7;
}
.item:nth-child(5){
  grid-area: 2 / 1 / 3 / 3;
}
.item:nth-child(6){
  grid-area: 2 / 3 / 3 / 5;
}
.item:nth-child(7){
  grid-area:  2 / 5 / 3 / 7;
}
@media (max-width: 1199.98px){
  .grid-container {
    padding-left: 15px;
    padding-right: 15px;
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: minmax(auto, 200px);
  }
  .grid-container > .item {
    grid-area: auto;
  }
   .item:nth-child(7){
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
@media (max-width: 950px){
  .grid-container {
    grid-template-columns: repeat(2, 1fr); 
  }
  .item:nth-child(7){
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 525px){
  .grid-container {
    grid-template-rows: minmax(225px, auto);
    grid-template-columns: auto;
  }
  .item:nth-child(7){
    grid-area: auto;
  }
}
              
            
!

JS

              
                
              
            
!
999px

Console