Index.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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 id="contact" 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>
  26. <input type="text" class="e20_15 big_title1_norm" placeholder="ФИО" />
  27. </div>
  28. <div>
  29. <input type="text" class="e20_21 big_title1_norm" placeholder="Почта" />
  30. </div>
  31. <div>
  32. <input type="text" class="e20_24 big_title1_norm2" placeholder="Ваши заказы" />
  33. </div>
  34. </div>
  35. <div id="feedback" class="rect"></div>
  36. <div class="rect1"></div>
  37. <h1 class="big_title">
  38. Однажды мой сервер Серёга слёг, и я слёг со вселенской печалью, но ко мне на помощь пришли ОНИ и починили нас
  39. с серёгой!
  40. </h1>
  41. <img class="image" src="./assets/smiling_man_with_beard.png" alt="alt text" />
  42. <h1 class="hero_title">Михаил</h1>
  43. <div class="rect2"></div>
  44. <div class="rect21"></div>
  45. <h1 class="big_title2">
  46. Приболел я как-то, и некому было проследить за работой моего сервера Михаила, но ко мне на помощь пришли ОНИ и
  47. очень нам подсобили!
  48. </h1>
  49. <img class="image1" src="./assets/cheerful_young_man_outdoors.png" alt="alt text" />
  50. <h1 class="hero_title1">Сергей</h1>
  51. <div class="rect3"></div>
  52. <div class="rect22"></div>
  53. <h1 class="big_title21">
  54. У меня принтер сломался! Нет, ну вы представляете?! Я пыталась его починить сама, но застряла... А потом ко
  55. мне на “помощь” пришли ОНИ и всё так заработало!
  56. </h1>
  57. <img class="image2" src="./assets/woman_with_dark_hair.png" alt="alt text" />
  58. <h1 class="hero_title2">Екатерина</h1>
  59. <div id="uslugi" class="wrapper">
  60. <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" />
  61. <h1 class="hero_title3">Починка струйных принтеров<br />(875 руб/час)</h1>
  62. <h1 class="hero_title4">Диагностика<br />(400 руб/час)</h1>
  63. <h1 class="hero_title5">Перенос оборудования<br />(570 руб/час)</h1>
  64. <h1 class="hero_title6">Моральная поддержка<br />(570 руб/час)</h1>
  65. </div>
  66. <div id="about-us" class="wrapper1" style="--src:url(../assets/customer_support_representative.png)">
  67. <div class="rect4"></div>
  68. <h1 class="hero_title11">МЫ ЛУЧШАЯ ТЕХНИЧЕСКАЯ ПОДДЕРЖКА</h1>
  69. </div>
  70. <div class="rect5"></div>
  71. <img class="cover1" src="./assets/is_null.png" alt="alt text" /><img class="image4" src="./assets/digital_data_transfer_concept.png" alt="alt text" />
  72. <a href="#about-us"><h1 class="hero_title7">О нас</h1></a>
  73. <a href="#uslugi"><h1 class="hero_title8">Наши услуги</h1></a>
  74. <a href="#contact"><h1 class="hero_title9">Контакты</h1></a>
  75. <a href="#feedback"><h1 class="hero_title10">Отзывы</h1></a>
  76. <h1 class="hero_title21_box">
  77. <span class="hero_title21"
  78. ><span class="hero_title21_span0">it</span><span class="hero_title21_span1">ОНИ</span></span>
  79. </h1>
  80. </section>
  81. </main>
  82. <script type="text/javascript">
  83. AOS.init();
  84. new Sticky('.sticky-effect');
  85. </script>
  86. </body>
  87. </html>