Index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html>
  3. <!-- This source code is exported from pxCode, you can get more document from https://www.pxcode.io -->
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7. <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
  8. <link rel="stylesheet" type="text/css" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/common.css" />
  10. <link rel="stylesheet" type="text/css" href="./css/fonts.css" />
  11. <link rel="stylesheet" type="text/css" href="./css/Index.css" />
  12. <script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  13. <script type="text/javascript" src="https://unpkg.com/sticky-js@1.3.0/dist/sticky.min.js"></script>
  14. <script type="text/javascript" src="https://unpkg.com/headroom.js@0.12.0/dist/headroom.min.js"></script>
  15. </head>
  16. <body class="flex-column">
  17. <main class="index main">
  18. <section class="section1">
  19. <div class=e20_36>
  20. <div class="e11_2"></div>
  21. <div class="e17_26"></div>
  22. <div class="e20_33"></div>
  23. <div class="e20_34"></div>
  24. <div class="e20_35"></div>
  25. <div class="e20_15"></div>
  26. <div class="e20_21"></div>
  27. <div class="e20_24"></div>
  28. </div>
  29. <div class="rect"></div>
  30. <div class="rect1"></div>
  31. <h1 class="big_title">
  32. Однажды мой сервер Серёга слёг, и я слёг со вселенской печалью, но ко мне на помощь пришли ОНИ и починили нас
  33. с серёгой!
  34. </h1>
  35. <h1 class="big_title1">ФИО</h1>
  36. <h1 class="big_title11">Почта</h1>
  37. <h1 class="big_title12">Ваша заявка</h1>
  38. <img class="image" src="./assets/smiling_man_with_beard.png" alt="alt text" />
  39. <h1 class="hero_title">Михаил</h1>
  40. <div class="rect2"></div>
  41. <div class="rect21"></div>
  42. <h1 class="big_title2">
  43. Приболел я как-то, и некому было проследить за работой моего сервера Михаила, но ко мне на помощь пришли ОНИ и
  44. очень нам подсобили!
  45. </h1>
  46. <img class="image1" src="./assets/cheerful_young_man_outdoors.png" alt="alt text" />
  47. <h1 class="hero_title1">Сергей</h1>
  48. <div class="rect3"></div>
  49. <div class="rect22"></div>
  50. <h1 class="big_title21">
  51. У меня принтер сломался! Нет, ну вы представляете?! Я пыталась его починить сама, но застряла... А потом ко
  52. мне на “помощь” пришли ОНИ и всё так заработало!
  53. </h1>
  54. <img class="image2" src="./assets/woman_with_dark_hair.png" alt="alt text" />
  55. <h1 class="hero_title2">Екатерина</h1>
  56. <div class="wrapper">
  57. <img class="image11" src="./assets/printer_maintenance_close_up.png" alt="alt text" /><img class="image21" src="./assets/professional_at_computer_monitor.png" alt="alt text" /><img class="image12" src="./assets/two_people_handshake_crop.png" alt="alt text" /><img class="image22" src="./assets/technician_with_network_cables.png" alt="alt text" />
  58. <h1 class="hero_title3">Починка струйных принтеров<br />(875 руб/час)</h1>
  59. <h1 class="hero_title4">Диагностика<br />(400 руб/час)</h1>
  60. <h1 class="hero_title5">Перенос оборудования<br />(570 руб/час)</h1>
  61. <h1 class="hero_title6">Моральная поддержка<br />(570 руб/час)</h1>
  62. </div>
  63. <div class="wrapper1" style="--src:url(../assets/customer_support_representative.png)">
  64. <div class="rect4"></div>
  65. <h1 class="hero_title11">МЫ ЛУЧШАЯ ТЕХНИЧЕСКАЯ ПОДДЕРЖКА</h1>
  66. </div>
  67. <div class="rect5"></div>
  68. <img class="cover1" src="./assets/is_null.png" alt="alt text" /><img class="image4" src="./assets/digital_data_transfer_concept.png" alt="alt text" />
  69. <h1 class="hero_title7">О нас</h1>
  70. <h1 class="hero_title8">Наши услуги</h1>
  71. <h1 class="hero_title9">Контакты</h1>
  72. <h1 class="hero_title10">Отзывы</h1>
  73. <h1 class="hero_title21_box">
  74. <span class="hero_title21"
  75. ><span class="hero_title21_span0">it</span><span class="hero_title21_span1">ОНИ</span></span>
  76. </h1>
  77. </section>
  78. </main>
  79. <script type="text/javascript">
  80. AOS.init();
  81. new Sticky('.sticky-effect');
  82. </script>
  83. </body>
  84. </html>