صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
Sheva77
/
homework
دنبال کردن 1
ستاره دار 2
انشعاب 0
پرونده‌ها مشکلات 1 درخواست واکشی 0 ویکی
درخت: 64e0541cea
شاخه‌ها تگ‌ها
homework
/
html_css
/
a-shevchenko-hometask-#7 --- html-css-final
/
index.html

index.html 45 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821 
  1. <!-- Andrey Shevchenko. FEA-23. Home work 7 -->
    2. 

  2. 

  3. <!DOCTYPE html>
    4. 

  4. <html lang="en">
    5. 

  5.     <head>
    6. 

  6.         <meta charset="UTF-8" />
    7. 

  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    8. 

  8.         <link
    9. 

  9.             href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
    10. 

  10.             rel="stylesheet"
    11. 

  11.         />
    12. 

  12.         <link rel="stylesheet" href="./css/reset.css" />
    13. 

  13.         <link rel="stylesheet" href="./css/normalize.css" />
    14. 

  14.         <link rel="stylesheet" href="./css/style.css" />
    15. 

  15.         <title>Factor lesson 7</title>
    16. 

  16.     </head>
    17. 

  17. 

  18.     <body>
    19. 

  19.         <header class="headerclass">
    20. 

  20.             <img
    21. 

  21.                 class="imagelogoclass"
    22. 

  22.                 src="./images/Fill 4.svg"
    23. 

  23.                 alt="Logo Factor"
    24. 

  24.             />
    25. 

  25.             <nav class="navclass">
    26. 

  26.                 <a href="#">Services</a>
    27. 

  27.                 <a href="#">Portfolio</a>
    28. 

  28.                 <a href="#">About</a>
    29. 

  29.                 <a href="#">Contact</a> |
    30. 

  30.                 <a href="#">Discus Your Idea</a>
    31. 

  31.                 <!-- If you want to add/dell some items - you should to enlarge/reduce "max-width" and "min-width" in .navclass -->
    32. 

  32.             </nav>
    33. 

  33.             <div class="emeilmenu">
    34. 

  34.                 <a href="mailto:hello@digitfactor.com" class="heademail"
    35. 

  35.                     >hello@digitfactor.com</a
    36. 

  36.                 >
    37. 

  37.                 <div class="headmenu">
    38. 

  38.                     <a href="#" class="topmenumenu">Menu</a>
    39. 

  39.                     <div class="burgerlines"></div>
    40. 

  40.                 </div>
    41. 

  41.             </div>
    42. 

  42.         </header>
    43. 

  43. 

  44.         <!-- ----------------------------MAIN -------------------------------->
    45. 

  45.         <div class="all_window">
    46. 

  46.             <video autoplay loop muted class="video">
    47. 

  47.                 <source src="./video/GettyImages.mp4" type="video/mp4" />
    48. 

  48.                 <!-- MP4 для Safari, IE9, iPhone, iPad, Android, и Windows Phone 7 -->
    49. 

  49.                 <source src="./video/GettyImages.webm" type="video/webm" />
    50. 

  50.                 <!-- WebM/VP8 для Firefox4, Opera, и Chrome -->
    51. 

  51.                 <source src="#" type="video/ogg" />
    52. 

  52.                 <!-- Ogg/Vorbis для старых версий браузеров Firefox и Opera -->
    53. 

  53.             </video>
    54. 

  54. 

  55.             <div class="center_blok">
    56. 

  56.                 <div class="welcome">
    57. 

  57.                     <svg
    58. 

  58.                         class="welcome__svg"
    59. 

  59.                         width="20"
    60. 

  60.                         height="16"
    61. 

  61.                         viewBox="0 0 20 16"
    62. 

  62.                         fill="none"
    63. 

  63.                         xmlns="http://www.w3.org/2000/svg"
    64. 

  64.                     >
    65. 

  65.                         <path
    66. 

  66.                             fill-rule="evenodd"
    67. 

  67.                             clip-rule="evenodd"
    68. 

  68.                             d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
    69. 

  69.                             fill="#FFCA00"
    70. 

  70.                         />
    71. 

  71.                     </svg>
    72. 

  72. 

  73.                     <span class="welcome__text">Welcome to Digit Factor</span>
    74. 

  74.                 </div>
    75. 

  75.                 <div class="center_blok__title">
    76. 

  76.                     Creative Web Production from Ukraine
    77. 

  77.                 </div>
    78. 

  78.                 <div class="center_blok__discuss">
    79. 

  79.                     <span class="center_blok__discuss__text"
    80. 

  80.                         >Discus Your Idea</span
    81. 

  81.                     >
    82. 

  82.                     <span class="center_blok__discuss__dot"></span>
    83. 

  83.                 </div>
    84. 

  84.             </div>
    85. 

  85.         </div>
    86. 

  86. 

  87.         <!-- ------------------------------BOTTOM--------------------------- -->
    88. 

  88. 

  89.         <div class="low_left_scroll">
    90. 

  90.             <svg
    91. 

  91.                 class="low_left_scroll__arrow"
    92. 

  92.                 width="8"
    93. 

  93.                 height="48"
    94. 

  94.                 viewBox="0 0 8 48"
    95. 

  95.                 fill="none"
    96. 

  96.                 xmlns="http://www.w3.org/2000/svg"
    97. 

  97.             >
    98. 

  98.                 <path
    99. 

  99.                     d="M7.87969 44.2206C8.0401 44.063 8.0401 43.8006 7.87969 43.6375C7.72469 43.4798 7.46671 43.4798 7.31208 43.6375L4.40466 46.5945L4.40466 0.408252C4.4043 0.180792 4.22654 0 4.00289 0C3.77924 0 3.5957 0.180792 3.5957 0.408252L3.5957 46.5945L0.693704 43.6375C0.533285 43.4798 0.274952 43.4798 0.120314 43.6375C-0.0401049 43.8006 -0.0401049 44.0634 0.120314 44.2206L3.71601 47.8776C3.87101 48.0408 4.12899 48.0408 4.28362 47.8776L7.87969 44.2206Z"
    100. 

  100.                     fill="#7E7E7E"
    101. 

  101.                 />
    102. 

  102.             </svg>
    103. 

  103.             Scroll down
    104. 

  104.         </div>
    105. 

  105. 

  106.         <div class="chatbutton">
    107. 

  107.             <svg
    108. 

  108.                 width="34"
    109. 

  109.                 height="26"
    110. 

  110.                 viewBox="0 0 34 26"
    111. 

  111.                 fill="none"
    112. 

  112.                 xmlns="http://www.w3.org/2000/svg"
    113. 

  113.             >
    114. 

  114.                 <path
    115. 

  115.                     fill-rule="evenodd"
    116. 

  116.                     clip-rule="evenodd"
    117. 

  117.                     d="M29.3377 4.80738V11.9809C29.3377 14.636 27.1488 16.7883 24.4485 16.7883H12.015L6.38496 22.2345C6.18437 22.4285 5.91812 22.5314 5.64736 22.5314C5.51045 22.5314 5.37255 22.5052 5.24122 22.451C4.85052 22.29 4.5962 21.914 4.5962 21.4975V16.7789C2.03254 16.6299 0 14.5393 0 11.9809V4.80738C0 2.15234 2.18894 0 4.88912 0H24.4486C27.1487 0 29.3377 2.15234 29.3377 4.80738ZM31.4399 12.7387V12.3689C32.8857 12.5627 34.0001 13.7809 34 15.2555V19.6041C34 21.155 32.7679 22.4224 31.2137 22.5127V25.3732C31.2137 25.6257 31.0596 25.8536 30.8227 25.9513C30.7431 25.9839 30.6595 26 30.5764 26C30.4124 26 30.251 25.9375 30.1293 25.8199L26.7164 22.5184H19.1792C17.5424 22.5184 16.2154 21.2137 16.2154 19.6041V18.8428H25.2321C28.6551 18.8428 31.4399 16.1045 31.4399 12.7387Z"
    118. 

  118.                     fill="#202020"
    119. 

  119.                 />
    120. 

  120.             </svg>
    121. 

  121.         </div>
    122. 

  122. 

  123.         <!-- --------------------- White part ----------------------- -->
    124. 

  124. 

  125.         <div class="whitepart">
    126. 

  126.             <div class="topik">
    127. 

  127.                 <svg
    128. 

  128.                     width="20"
    129. 

  129.                     height="16"
    130. 

  130.                     viewBox="0 0 20 16"
    131. 

  131.                     fill="none"
    132. 

  132.                     xmlns="http://www.w3.org/2000/svg"
    133. 

  133.                 >
    134. 

  134.                     <path
    135. 

  135.                         fill-rule="evenodd"
    136. 

  136.                         clip-rule="evenodd"
    137. 

  137.                         d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
    138. 

  138.                         fill="#FFCA00"
    139. 

  139.                     />
    140. 

  140.                 </svg>
    141. 

  141.                 <span class="topikname">Services</span>
    142. 

  142.             </div>
    143. 

  143. 

  144.             <div class="services">
    145. 

  145.                 <div class="servicess_item">
    146. 

  146.                     <img
    147. 

  147.                         class="servicess_item__img"
    148. 

  148.                         src="./images/Engineering_Service.png"
    149. 

  149.                         alt="Engineering_Service"
    150. 

  150.                     />
    151. 

  151.                     <div class="servicess_item__info">
    152. 

  152.                         <div class="servicess_item__info__name">
    153. 

  153.                             Engineering Service
    154. 

  154.                         </div>
    155. 

  155.                         <div class="servicess_item__info__content">
    156. 

  156.                             Software Development / Software Testing / Solutions
    157. 

  157.                             Architecture / Business Analysis / Operations
    158. 

  158.                             Support
    159. 

  159.                         </div>
    160. 

  160.                         <div class="movearrow">
    161. 

  161.                             <a href="#" class="lern_more">
    162. 

  162.                                 <div class="servicess_item__info__more">
    163. 

  163.                                     <span class="lernmore">Learn More</span>
    164. 

  164.                                     <svg
    165. 

  165.                                         width="28"
    166. 

  166.                                         height="8"
    167. 

  167.                                         viewBox="0 0 28 8"
    168. 

  168.                                         fill="none"
    169. 

  169.                                         xmlns="http://www.w3.org/2000/svg"
    170. 

  170.                                     >
    171. 

  171.                                         <path
    172. 

  172.                                             fill-rule="evenodd"
    173. 

  173.                                             clip-rule="evenodd"
    174. 

  174.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    175. 

  175.                                             fill="#202020"
    176. 

  176.                                         />
    177. 

  177.                                     </svg>
    178. 

  178.                                 </div>
    179. 

  179.                             </a>
    180. 

  180.                         </div>
    181. 

  181.                     </div>
    182. 

  182.                 </div>
    183. 

  183.                 <!-- servicess_item -->
    184. 

  184. 

  185.                 <div class="servicess_item">
    186. 

  186.                     <img
    187. 

  187.                         class="servicess_item__img"
    188. 

  188.                         src="./images/Internet_of_Things.png"
    189. 

  189.                         alt="Engineering_Service"
    190. 

  190.                     />
    191. 

  191.                     <div class="servicess_item__info">
    192. 

  192.                         <div class="servicess_item__info__name">
    193. 

  193.                             Internet of Things
    194. 

  194.                         </div>
    195. 

  195.                         <div class="servicess_item__info__content">
    196. 

  196.                             Intelligent Mobility / Predictive Maintenance /
    197. 

  197.                             Smart Manufacturing
    198. 

  198.                         </div>
    199. 

  199.                         <div class="movearrow">
    200. 

  200.                             <a href="#" class="lern_more">
    201. 

  201.                                 <div class="servicess_item__info__more">
    202. 

  202.                                     <span class="lernmore">Learn More</span>
    203. 

  203.                                     <svg
    204. 

  204.                                         width="28"
    205. 

  205.                                         height="8"
    206. 

  206.                                         viewBox="0 0 28 8"
    207. 

  207.                                         fill="none"
    208. 

  208.                                         xmlns="http://www.w3.org/2000/svg"
    209. 

  209.                                     >
    210. 

  210.                                         <path
    211. 

  211.                                             fill-rule="evenodd"
    212. 

  212.                                             clip-rule="evenodd"
    213. 

  213.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    214. 

  214.                                             fill="#202020"
    215. 

  215.                                         />
    216. 

  216.                                     </svg>
    217. 

  217.                                 </div>
    218. 

  218.                             </a>
    219. 

  219.                         </div>
    220. 

  220.                     </div>
    221. 

  221.                 </div>
    222. 

  222.                 <!-- servicess_item -->
    223. 

  223. 

  224.                 <div class="servicess_item">
    225. 

  225.                     <img
    226. 

  226.                         class="servicess_item__img"
    227. 

  227.                         src="./images/Extended_Reality_XR.png"
    228. 

  228.                         alt="Engineering_Service"
    229. 

  229.                     />
    230. 

  230.                     <div class="servicess_item__info">
    231. 

  231.                         <div class="servicess_item__info__name">
    232. 

  232.                             Extended Reality XR
    233. 

  233.                         </div>
    234. 

  234.                         <div class="servicess_item__info__content">
    235. 

  235.                             VR / MR / AR
    236. 

  236.                         </div>
    237. 

  237.                         <div class="movearrow">
    238. 

  238.                             <a href="#" class="lern_more">
    239. 

  239.                                 <div class="servicess_item__info__more">
    240. 

  240.                                     <span class="lernmore">Learn More</span>
    241. 

  241.                                     <svg
    242. 

  242.                                         width="28"
    243. 

  243.                                         height="8"
    244. 

  244.                                         viewBox="0 0 28 8"
    245. 

  245.                                         fill="none"
    246. 

  246.                                         xmlns="http://www.w3.org/2000/svg"
    247. 

  247.                                     >
    248. 

  248.                                         <path
    249. 

  249.                                             fill-rule="evenodd"
    250. 

  250.                                             clip-rule="evenodd"
    251. 

  251.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    252. 

  252.                                             fill="#202020"
    253. 

  253.                                         />
    254. 

  254.                                     </svg>
    255. 

  255.                                 </div>
    256. 

  256.                             </a>
    257. 

  257.                         </div>
    258. 

  258.                     </div>
    259. 

  259.                 </div>
    260. 

  260.                 <!-- servicess_item -->
    261. 

  261. 

  262.                 <div class="servicess_item">
    263. 

  263.                     <img
    264. 

  264.                         class="servicess_item__img"
    265. 

  265.                         src="./images/AL_ML.png"
    266. 

  266.                         alt="Engineering_Service"
    267. 

  267.                     />
    268. 

  268.                     <div class="servicess_item__info">
    269. 

  269.                         <div class="servicess_item__info__name">AL & ML</div>
    270. 

  270.                         <div class="servicess_item__info__content">
    271. 

  271.                             Artificial Intelligence / Intelligent Automation /
    272. 

  272.                             Advanced Analytics
    273. 

  273.                         </div>
    274. 

  274.                         <div class="movearrow">
    275. 

  275.                             <a href="#" class="lern_more">
    276. 

  276.                                 <div class="servicess_item__info__more">
    277. 

  277.                                     <span class="lernmore">Learn More</span>
    278. 

  278.                                     <svg
    279. 

  279.                                         width="28"
    280. 

  280.                                         height="8"
    281. 

  281.                                         viewBox="0 0 28 8"
    282. 

  282.                                         fill="none"
    283. 

  283.                                         xmlns="http://www.w3.org/2000/svg"
    284. 

  284.                                     >
    285. 

  285.                                         <path
    286. 

  286.                                             fill-rule="evenodd"
    287. 

  287.                                             clip-rule="evenodd"
    288. 

  288.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    289. 

  289.                                             fill="#202020"
    290. 

  290.                                         />
    291. 

  291.                                     </svg>
    292. 

  292.                                 </div>
    293. 

  293.                             </a>
    294. 

  294.                         </div>
    295. 

  295.                     </div>
    296. 

  296.                 </div>
    297. 

  297.                 <!-- servicess_item -->
    298. 

  298. 

  299.                 <div class="servicess_item">
    300. 

  300.                     <img
    301. 

  301.                         class="servicess_item__img"
    302. 

  302.                         src="./images/Big_Data.png"
    303. 

  303.                         alt="Engineering_Service"
    304. 

  304.                     />
    305. 

  305.                     <div class="servicess_item__info">
    306. 

  306.                         <div class="servicess_item__info__name">
    307. 

  307.                             Big data & Analytics
    308. 

  308.                         </div>
    309. 

  309.                         <div class="servicess_item__info__content">
    310. 

  310.                             BI & Augmented Analytics / Enterprise Data Platforms
    311. 

  311.                             / Data Strategy and Governance
    312. 

  312.                         </div>
    313. 

  313.                         <div class="movearrow">
    314. 

  314.                             <a href="#" class="lern_more">
    315. 

  315.                                 <div class="servicess_item__info__more">
    316. 

  316.                                     <span class="lernmore">Learn More</span>
    317. 

  317.                                     <svg
    318. 

  318.                                         width="28"
    319. 

  319.                                         height="8"
    320. 

  320.                                         viewBox="0 0 28 8"
    321. 

  321.                                         fill="none"
    322. 

  322.                                         xmlns="http://www.w3.org/2000/svg"
    323. 

  323.                                     >
    324. 

  324.                                         <path
    325. 

  325.                                             fill-rule="evenodd"
    326. 

  326.                                             clip-rule="evenodd"
    327. 

  327.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    328. 

  328.                                             fill="#202020"
    329. 

  329.                                         />
    330. 

  330.                                     </svg>
    331. 

  331.                                 </div>
    332. 

  332.                             </a>
    333. 

  333.                         </div>
    334. 

  334.                     </div>
    335. 

  335.                 </div>
    336. 

  336.                 <!-- servicess_item -->
    337. 

  337. 

  338.                 <div class="servicess_item">
    339. 

  339.                     <img
    340. 

  340.                         class="servicess_item__img"
    341. 

  341.                         src="./images/Blockchain.png"
    342. 

  342.                         alt="Engineering_Service"
    343. 

  343.                     />
    344. 

  344.                     <div class="servicess_item__info">
    345. 

  345.                         <div class="servicess_item__info__name">Blockchain</div>
    346. 

  346.                         <div class="servicess_item__info__content">
    347. 

  347.                             Создаем прибыльные интернет-магазины, маркетплейсы и
    348. 

  348.                             агрегаторы
    349. 

  349.                         </div>
    350. 

  350.                         <div class="movearrow">
    351. 

  351.                             <a href="#" class="lern_more">
    352. 

  352.                                 <div class="servicess_item__info__more">
    353. 

  353.                                     <span class="lernmore">Learn More</span>
    354. 

  354.                                     <svg
    355. 

  355.                                         width="28"
    356. 

  356.                                         height="8"
    357. 

  357.                                         viewBox="0 0 28 8"
    358. 

  358.                                         fill="none"
    359. 

  359.                                         xmlns="http://www.w3.org/2000/svg"
    360. 

  360.                                     >
    361. 

  361.                                         <path
    362. 

  362.                                             fill-rule="evenodd"
    363. 

  363.                                             clip-rule="evenodd"
    364. 

  364.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    365. 

  365.                                             fill="#202020"
    366. 

  366.                                         />
    367. 

  367.                                     </svg>
    368. 

  368.                                 </div>
    369. 

  369.                             </a>
    370. 

  370.                         </div>
    371. 

  371.                     </div>
    372. 

  372.                 </div>
    373. 

  373.                 <!-- servicess_item -->
    374. 

  374. 

  375.                 <div class="servicess_item">
    376. 

  376.                     <img
    377. 

  377.                         class="servicess_item__img"
    378. 

  378.                         src="./images/Game_Art.png"
    379. 

  379.                         alt="Engineering_Service"
    380. 

  380.                     />
    381. 

  381.                     <div class="servicess_item__info">
    382. 

  382.                         <div class="servicess_item__info__name">
    383. 

  383.                             Game Art Production
    384. 

  384.                         </div>
    385. 

  385.                         <div class="servicess_item__info__content">
    386. 

  386.                             Concept art, UI, illustration / 3D models and
    387. 

  387.                             environments / VXT and animations
    388. 

  388.                         </div>
    389. 

  389.                         <div class="movearrow">
    390. 

  390.                             <a href="#" class="lern_more">
    391. 

  391.                                 <div class="servicess_item__info__more">
    392. 

  392.                                     <span class="lernmore">Learn More</span>
    393. 

  393.                                     <svg
    394. 

  394.                                         width="28"
    395. 

  395.                                         height="8"
    396. 

  396.                                         viewBox="0 0 28 8"
    397. 

  397.                                         fill="none"
    398. 

  398.                                         xmlns="http://www.w3.org/2000/svg"
    399. 

  399.                                     >
    400. 

  400.                                         <path
    401. 

  401.                                             fill-rule="evenodd"
    402. 

  402.                                             clip-rule="evenodd"
    403. 

  403.                                             d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    404. 

  404.                                             fill="#202020"
    405. 

  405.                                         />
    406. 

  406.                                     </svg>
    407. 

  407.                                 </div>
    408. 

  408.                             </a>
    409. 

  409.                         </div>
    410. 

  410.                     </div>
    411. 

  411.                 </div>
    412. 

  412.                 <!-- servicess_item -->
    413. 

  413.             </div>
    414. 

  414.             <!-- services -->
    415. 

  415. 

  416.             <!-- ==================== PORTFOLIO ====================== -->
    417. 

  417.             <div class="about_topik">
    418. 

  418.                 <div class="topik">
    419. 

  419.                     <svg
    420. 

  420.                         width="20"
    421. 

  421.                         height="16"
    422. 

  422.                         viewBox="0 0 20 16"
    423. 

  423.                         fill="none"
    424. 

  424.                         xmlns="http://www.w3.org/2000/svg"
    425. 

  425.                     >
    426. 

  426.                         <path
    427. 

  427.                             fill-rule="evenodd"
    428. 

  428.                             clip-rule="evenodd"
    429. 

  429.                             d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
    430. 

  430.                             fill="#FFCA00"
    431. 

  431.                         />
    432. 

  432.                     </svg>
    433. 

  433.                     <div class="topikname">Portfolio</div>
    434. 

  434.                 </div>
    435. 

  435.                 <div class="about_topik__text">
    436. 

  436.                     Здесь будет какой-то текст который расскажет о услугах Lorem
    437. 

  437.                     ipsum dolor sit amet consectetur adipisicing elit. Qui
    438. 

  438.                     suscipit at architecto nihil, obcaecati aperiam veniam
    439. 

  439.                     repellat voluptatem impedit voluptates recusandae non
    440. 

  440.                     deserunt officiis esse quia voluptate optio harum. Nesciunt,
    441. 

  441.                     non enim quisquam sit sed ipsa magnam distinctio nisi
    442. 

  442.                     deserunt sint expedita dolorum aspernatur
    443. 

  443.                 </div>
    444. 

  444.             </div>
    445. 

  445. 

  446.             <div class="portfolio_list">
    447. 

  447.                 <div class="portfolio_item">
    448. 

  448.                     <div class="portfolio_blok">
    449. 

  449.                         <img src="./images/Portfolio_1.jpg" alt="" />
    450. 

  450.                         <div class="portfolio_slidebox">
    451. 

  451.                             <div class="slidebox_transparent">
    452. 

  452.                                 <div class="transparent_landing">
    453. 

  453.                                     Landing Page
    454. 

  454.                                 </div>
    455. 

  455.                                 <div class="transparent_projectname">
    456. 

  456.                                     Project Name
    457. 

  457.                                 </div>
    458. 

  458.                             </div>
    459. 

  459.                             <div class="slidebox_gray">
    460. 

  460.                                 <div class="slidebox_gray_inner">
    461. 

  461.                                     <div class="gray_text">
    462. 

  462.                                         Создаем прибыльные интернет-магазины,
    463. 

  463.                                         маркетплейсы Lorem ipsum dolor sit amet
    464. 

  464.                                         consectetur adipisicing elit. Dolores
    465. 

  465.                                         blanditiis debitis laborum iste,
    466. 

  466.                                         asperiores illum cumque perspiciatis sed
    467. 

  467.                                         magni itaque provident molestiae culpa
    468. 

  468.                                         quibusdam nulla maxime sunt repellen
    469. 

  469.                                     </div>
    470. 

  470.                                     <div class="gray_arrow">
    471. 

  471.                                         <svg
    472. 

  472.                                             width="28"
    473. 

  473.                                             height="8"
    474. 

  474.                                             viewBox="0 0 28 8"
    475. 

  475.                                             fill="none"
    476. 

  476.                                             xmlns="http://www.w3.org/2000/svg"
    477. 

  477.                                         >
    478. 

  478.                                             <path
    479. 

  479.                                                 fill-rule="evenodd"
    480. 

  480.                                                 clip-rule="evenodd"
    481. 

  481.                                                 d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    482. 

  482.                                                 fill="#202020"
    483. 

  483.                                             />
    484. 

  484.                                         </svg>
    485. 

  485.                                     </div>
    486. 

  486.                                 </div>
    487. 

  487.                             </div>
    488. 

  488.                         </div>
    489. 

  489.                     </div>
    490. 

  490.                 </div>
    491. 

  491.                 <!-- portfolio_item -->
    492. 

  492. 

  493.                 <div class="portfolio_item">
    494. 

  494.                     <div class="portfolio_blok">
    495. 

  495.                         <img src="./images/Portfolio_2.jpg" alt="" />
    496. 

  496.                         <div class="portfolio_slidebox">
    497. 

  497.                             <div class="slidebox_transparent">
    498. 

  498.                                 <div class="transparent_landing">
    499. 

  499.                                     Landing Page
    500. 

  500.                                 </div>
    501. 

  501.                                 <div class="transparent_projectname">
    502. 

  502.                                     Project Name
    503. 

  503.                                 </div>
    504. 

  504.                             </div>
    505. 

  505.                             <div class="slidebox_gray">
    506. 

  506.                                 <div class="slidebox_gray_inner">
    507. 

  507.                                     <div class="gray_text">
    508. 

  508.                                         Создаем прибыльные интернет-магазины,
    509. 

  509.                                         маркетплейсы
    510. 

  510.                                     </div>
    511. 

  511.                                     <div class="gray_arrow">
    512. 

  512.                                         <svg
    513. 

  513.                                             width="28"
    514. 

  514.                                             height="8"
    515. 

  515.                                             viewBox="0 0 28 8"
    516. 

  516.                                             fill="none"
    517. 

  517.                                             xmlns="http://www.w3.org/2000/svg"
    518. 

  518.                                         >
    519. 

  519.                                             <path
    520. 

  520.                                                 fill-rule="evenodd"
    521. 

  521.                                                 clip-rule="evenodd"
    522. 

  522.                                                 d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    523. 

  523.                                                 fill="#202020"
    524. 

  524.                                             />
    525. 

  525.                                         </svg>
    526. 

  526.                                     </div>
    527. 

  527.                                 </div>
    528. 

  528.                             </div>
    529. 

  529.                         </div>
    530. 

  530.                     </div>
    531. 

  531.                 </div>
    532. 

  532.                 <!-- portfolio_item -->
    533. 

  533. 

  534.                 <div class="portfolio_item">
    535. 

  535.                     <div class="portfolio_blok">
    536. 

  536.                         <img src="./images/Portfolio_3.jpg" alt="" />
    537. 

  537.                         <div class="portfolio_slidebox">
    538. 

  538.                             <div class="slidebox_transparent">
    539. 

  539.                                 <div class="transparent_landing">
    540. 

  540.                                     Landing Page
    541. 

  541.                                 </div>
    542. 

  542.                                 <div class="transparent_projectname">
    543. 

  543.                                     Project Name
    544. 

  544.                                 </div>
    545. 

  545.                             </div>
    546. 

  546.                             <div class="slidebox_gray">
    547. 

  547.                                 <div class="slidebox_gray_inner">
    548. 

  548.                                     <div class="gray_text">
    549. 

  549.                                         Создаем прибыльные интернет-магазины,
    550. 

  550.                                         маркетплейсы
    551. 

  551.                                     </div>
    552. 

  552.                                     <div class="gray_arrow">
    553. 

  553.                                         <svg
    554. 

  554.                                             width="28"
    555. 

  555.                                             height="8"
    556. 

  556.                                             viewBox="0 0 28 8"
    557. 

  557.                                             fill="none"
    558. 

  558.                                             xmlns="http://www.w3.org/2000/svg"
    559. 

  559.                                         >
    560. 

  560.                                             <path
    561. 

  561.                                                 fill-rule="evenodd"
    562. 

  562.                                                 clip-rule="evenodd"
    563. 

  563.                                                 d="M24.2206 7.87969C24.063 8.0401 23.8006 8.0401 23.6375 7.87969C23.4798 7.72469 23.4798 7.46671 23.6375 7.31208L26.5945 4.40466L0.408252 4.40466C0.180792 4.4043 0 4.22654 0 4.00289C0 3.77924 0.180792 3.5957 0.408252 3.5957L26.5945 3.5957L23.6375 0.693704C23.4798 0.533285 23.4798 0.274952 23.6375 0.120314C23.8006 -0.0401049 24.0634 -0.0401049 24.2206 0.120314L27.8776 3.71601C28.0408 3.87101 28.0408 4.12899 27.8776 4.28362L24.2206 7.87969Z"
    564. 

  564.                                                 fill="#202020"
    565. 

  565.                                             />
    566. 

  566.                                         </svg>
    567. 

  567.                                     </div>
    568. 

  568.                                 </div>
    569. 

  569.                             </div>
    570. 

  570.                         </div>
    571. 

  571.                     </div>
    572. 

  572.                 </div>
    573. 

  573.                 <!-- portfolio_item -->
    574. 

  574.                 <button class="buttonportfolio" onClick='location.href="#"'>
    575. 

  575.                     All progect
    576. 

  576.                 </button>
    577. 

  577.             </div>
    578. 

  578.             <!-- portfolio_list -->
    579. 

  579. 

  580.             <!-- ====================== SKILLS ======================= -->
    581. 

  581. 

  582.             <div class="skills">
    583. 

  583.                 <div class="skills_item">
    584. 

  584.                     <div class="skills_item__value">2+</div>
    585. 

  585.                     <div class="skills_item__description">
    586. 

  586.                         <div class="skills_item__description__topik">Years</div>
    587. 

  587.                         <div class="skills_item__description__subj">
    588. 

  588.                             Создаем прибыльные интернет-магазины, маркетплейсы
    589. 

  589.                             Lorem ipsum dolor sit amet consectetur adipisicing
    590. 

  590.                             elit. Fuga sunt numquam repellendus accusamus! Odit
    591. 

  591.                             eaque illum modi nemo illo doloribus delectus quas
    592. 

  592.                             omnis cum fugiat nam, voluptates dicta error
    593. 

  593.                             laborum, in incidunt doloremque rem consectetur eos
    594. 

  594.                             nostrum ad aliquid recusandae repellat saepe? Aut,
    595. 

  595.                             nam magnam dolor architecto amet nulla nemo, ex
    596. 

  596.                             fugiat culpa, quod dolorum nisi explicabo assumenda
    597. 

  597.                             natus maxime labore repellendus saepe. Ducimus
    598. 

  598.                             deleniti repellat explicabo sit
    599. 

  599.                         </div>
    600. 

  600.                     </div>
    601. 

  601.                 </div>
    602. 

  602.                 <!-- skills_item -->
    603. 

  603. 

  604.                 <div class="skills_item">
    605. 

  605.                     <div class="skills_item__value">40+</div>
    606. 

  606.                     <div class="skills_item__description">
    607. 

  607.                         <div class="skills_item__description__topik">
    608. 

  608.                             Progect
    609. 

  609.                         </div>
    610. 

  610.                         <div class="skills_item__description__subj">
    611. 

  611.                             Создаем прибыльные интернет-магазины, маркетплейсы
    612. 

  612.                         </div>
    613. 

  613.                     </div>
    614. 

  614.                 </div>
    615. 

  615.                 <!-- skills_item -->
    616. 

  616. 

  617.                 <div class="skills_item">
    618. 

  618.                     <div class="skills_item__value">10+</div>
    619. 

  619.                     <div class="skills_item__description">
    620. 

  620.                         <div class="skills_item__description__topik">
    621. 

  621.                             Experts
    622. 

  622.                         </div>
    623. 

  623.                         <div class="skills_item__description__subj">
    624. 

  624.                             Создаем прибыльные интернет-магазины, маркетплейсы
    625. 

  625.                         </div>
    626. 

  626.                     </div>
    627. 

  627.                 </div>
    628. 

  628.                 <!-- skills_item -->
    629. 

  629. 

  630.                 <div class="skills_item">
    631. 

  631.                     <div class="skills_item__value">40+</div>
    632. 

  632.                     <div class="skills_item__description">
    633. 

  633.                         <div class="skills_item__description__topik">
    634. 

  634.                             Progect
    635. 

  635.                         </div>
    636. 

  636.                         <div class="skills_item__description__subj">
    637. 

  637.                             Создаем прибыльные интернет-магазины, маркетплейсы
    638. 

  638.                         </div>
    639. 

  639.                     </div>
    640. 

  640.                 </div>
    641. 

  641.                 <!-- skills_item -->
    642. 

  642.             </div>
    643. 

  643.             <!-- skills -->
    644. 

  644. 

  645.             <!-- ============================ CLIENTS ================================ -->
    646. 

  646. 

  647.             <div class="about_topik">
    648. 

  648.                 <div class="topik">
    649. 

  649.                     <svg
    650. 

  650.                         width="20"
    651. 

  651.                         height="16"
    652. 

  652.                         viewBox="0 0 20 16"
    653. 

  653.                         fill="none"
    654. 

  654.                         xmlns="http://www.w3.org/2000/svg"
    655. 

  655.                     >
    656. 

  656.                         <path
    657. 

  657.                             fill-rule="evenodd"
    658. 

  658.                             clip-rule="evenodd"
    659. 

  659.                             d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z"
    660. 

  660.                             fill="#FFCA00"
    661. 

  661.                         />
    662. 

  662.                     </svg>
    663. 

  663.                     <div class="topikname">Clients</div>
    664. 

  664.                 </div>
    665. 

  665.                 <div class="about_topik__text">
    666. 

  666.                     Здесь будет какой-то текст который расскажет о услугах Lorem
    667. 

  667.                     ipsum dolor sit amet consectetur adipisicing elit. Qui
    668. 

  668.                     suscipit at architecto nihil, obcaecati aperiam veniam
    669. 

  669.                     repellat voluptatem impedit voluptates recusandae non
    670. 

  670.                     deserunt officiis esse quia voluptate optio harum. Nesciunt,
    671. 

  671.                     non enim quisquam sit sed ipsa magnam distinctio nisi
    672. 

  672.                     deserunt sint expedita dolorum aspernatur
    673. 

  673.                 </div>
    674. 

  674.             </div>
    675. 

  675. 

  676.             <div class="clients">
    677. 

  677.                 <div class="clients_list">
    678. 

  678.                     <div class="clients_list__item">
    679. 

  679.                         <img src="./images/stada_color.png" alt="" />
    680. 

  680.                     </div>
    681. 

  681. 

  682.                     <div class="clients_list__item">
    683. 

  683.                         <img src="./images/Hunter_Logo.png" alt="" />
    684. 

  684.                     </div>
    685. 

  685. 

  686.                     <div class="clients_list__item">
    687. 

  687.                         <img src="./images/eroglulogoyeni_0.png" alt="" />
    688. 

  688.                     </div>
    689. 

  689. 

  690.                     <div class="clients_list__item">
    691. 

  691.                         <img src="./images/logo_krieken-bier.png" alt="" />
    692. 

  692.                     </div>
    693. 

  693. 

  694.                     <div class="clients_list__item"></div>
    695. 

  695.                 </div>
    696. 

  696.                 <!-- ------------- clients_list -------------- -->
    697. 

  697.             </div>
    698. 

  698.             <!-- ----- clients ------- -->
    699. 

  699. 

  700.             <!-- ==================== SEO TEXT ======================== -->
    701. 

  701. 

  702.             <div class="seo">
    703. 

  703.                 <div class="seo_title">Seo text</div>
    704. 

  704.                 <div class="seo_text">
    705. 

  705.                     is simply dummy text of the printing and typesetting
    706. 

  706.                     industry. Lorem Ipsum has been the industry's standard dummy
    707. 

  707.                     text ever since the 1500s, when an unknown printer took a
    708. 

  708.                     galley of type and scrambled it to make a type specimen
    709. 

  709.                     book. It has survived not only five centuries, but also the
    710. 

  710.                     leap into electronic typesetting, remaining essentially
    711. 

  711.                     unchanged. It was popularised in the 1960s with the release
    712. 

  712.                     of Letraset sheets containing Lorem Ipsum passages, and more
    713. 

  713.                     recently with desktop publishing software like Aldus
    714. 

  714.                     PageMaker including versions of Lorem Ipsum.
    715. 

  715.                 </div>
    716. 

  716.                 <div class="seo_readmore">
    717. 

  717.                     <a href="#">Read more</a>
    718. 

  718.                     <div class="seo_readmore__strelka">
    719. 

  719.                         <svg
    720. 

  720.                             width="9"
    721. 

  721.                             height="5"
    722. 

  722.                             viewBox="0 0 9 5"
    723. 

  723.                             fill="none"
    724. 

  724.                             xmlns="http://www.w3.org/2000/svg"
    725. 

  725.                         >
    726. 

  726.                             <path
    727. 

  727.                                 fill-rule="evenodd"
    728. 

  728.                                 clip-rule="evenodd"
    729. 

  729.                                 d="M4.5019 3.31982L1.13488 0.135898C1.04239 0.0482287 0.918732 0 0.786878 0C0.654951 0 0.531366 0.0482287 0.438732 0.135898L0.143854 0.41489C0.0510732 0.502421 0 0.61943 0 0.744118C0 0.868807 0.0510732 0.985676 0.143854 1.07328L4.15259 4.86424C4.24551 4.95218 4.36968 5.00034 4.50168 5C4.63427 5.00034 4.75829 4.95225 4.85129 4.86424L8.85615 1.07681C8.94893 0.989205 9 0.872336 9 0.747578C9 0.62289 8.94893 0.50602 8.85615 0.41835L8.56127 0.139427C8.36934 -0.0420699 8.0569 -0.0420699 7.86505 0.139427L4.5019 3.31982Z"
    730. 

  730.                                 fill="#202020"
    731. 

  731.                             />
    732. 

  732.                         </svg>
    733. 

  733.                     </div>
    734. 

  734.                 </div>
    735. 

  735.             </div>
    736. 

  736.             <!-- -----------SEO----------- -->
    737. 

  737.         </div>
    738. 

  738.         <!-- whitepart -->
    739. 

  739. 

  740.         <!-- ===================== FOOTER ======================= -->
    741. 

  741.         <div class="yellow_line"></div>
    742. 

  742.         <footer>
    743. 

  743.             <img
    744. 

  744.                 class="imagelogoclass"
    745. 

  745.                 src="./images/Fill 4.svg"
    746. 

  746.                 alt="Logo Factor"
    747. 

  747.             />
    748. 

  748.             <div class="copyright">
    749. 

  749.                 © 2019 Creative Web Production from Ukraine. Digit Factor. All
    750. 

  750.                 rights reserved.
    751. 

  751.             </div>
    752. 

  752.             <div class="letter">
    753. 

  753.                 <svg
    754. 

  754.                     width="18"
    755. 

  755.                     height="14"
    756. 

  756.                     viewBox="0 0 18 14"
    757. 

  757.                     fill="none"
    758. 

  758.                     xmlns="http://www.w3.org/2000/svg"
    759. 

  759.                 >
    760. 

  760.                     <path
    761. 

  761.                         fill-rule="evenodd"
    762. 

  762.                         clip-rule="evenodd"
    763. 

  763.                         d="M1.72764 4.31536C1.95534 4.47441 2.6417 4.9468 3.78677 5.73229C4.93187 6.51777 5.80909 7.12257 6.41848 7.54673C6.48543 7.59322 6.62767 7.69429 6.84527 7.85007C7.0629 8.00596 7.24374 8.13192 7.38763 8.22801C7.53163 8.32406 7.70571 8.43182 7.91005 8.5511C8.11431 8.67028 8.30686 8.75992 8.48766 8.81927C8.6685 8.8791 8.83589 8.90874 8.98989 8.90874H8.99998H9.01011C9.16411 8.90874 9.33157 8.87906 9.51241 8.81927C9.69314 8.75992 9.88586 8.67017 10.09 8.5511C10.2941 8.43168 10.4682 8.32403 10.6122 8.22801C10.7562 8.13192 10.9369 8.00596 11.1546 7.85007C11.3722 7.69415 11.5146 7.59322 11.5816 7.54673C12.1975 7.12257 13.7646 6.04534 16.2824 4.31515C16.7712 3.97722 17.1796 3.56947 17.5077 3.09217C17.836 2.61508 18 2.11458 18 1.59096C18 1.15339 17.8408 0.778832 17.5227 0.467306C17.2046 0.155711 16.8279 0 16.3928 0H1.60707C1.09148 0 0.694701 0.172323 0.4168 0.516969C0.138933 0.861685 0 1.29256 0 1.80957C0 2.22718 0.184212 2.67972 0.552461 3.16691C0.920675 3.65413 1.31253 4.03699 1.72764 4.31536ZM16.9954 5.37918C14.7992 6.85065 13.1316 7.99422 11.9933 8.80965C11.6116 9.08795 11.302 9.3052 11.0642 9.46088C10.8264 9.61666 10.5102 9.77575 10.115 9.93808C9.71998 10.1006 9.35184 10.1817 9.01026 10.1817H9.00002H8.98992C8.64841 10.1817 8.28006 10.1006 7.88503 9.93808C7.49001 9.77575 7.17355 9.61666 6.93583 9.46088C6.69817 9.3052 6.38843 9.08795 6.00678 8.80965C5.10271 8.15345 3.43868 7.0098 1.01461 5.37918C0.632817 5.12745 0.294648 4.83891 0 4.51415V12.4089C0 12.8466 0.157298 13.221 0.47207 13.5326C0.786772 13.8442 1.16519 14 1.60718 14H16.3929C16.8348 14 17.2132 13.8442 17.5279 13.5326C17.8428 13.2209 18 12.8467 18 12.4089V4.51415C17.712 4.83219 17.3773 5.12073 16.9954 5.37918Z"
    764. 

  764.                         fill="white"
    765. 

  765.                     />
    766. 

  766.                 </svg>
    767. 

  767.                 <a href="mailto:contact@digitfactor.com"
    768. 

  768.                     >contact@digitfactor.com</a
    769. 

  769.                 >
    770. 

  770.             </div>
    771. 

  771.             <div class="logos">
    772. 

  772.                 <div class="facebook">
    773. 

  773.                     <svg
    774. 

  774.                         width="48"
    775. 

  775.                         height="48"
    776. 

  776.                         viewBox="0 0 48 48"
    777. 

  777.                         fill="none"
    778. 

  778.                         xmlns="http://www.w3.org/2000/svg"
    779. 

  779.                     >
    780. 

  780.                         <path
    781. 

  781.                             opacity="0.05"
    782. 

  782.                             fill-rule="evenodd"
    783. 

  783.                             clip-rule="evenodd"
    784. 

  784.                             d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
    785. 

  785.                             fill="white"
    786. 

  786.                         />
    787. 

  787.                         <path
    788. 

  788.                             fill-rule="evenodd"
    789. 

  789.                             clip-rule="evenodd"
    790. 

  790.                             d="M27.6611 16.0033L25.5024 16C23.0772 16 21.5099 17.5455 21.5099 19.9376V21.7531H19.3394C19.1519 21.7531 19 21.8993 19 22.0795V24.71C19 24.8903 19.1521 25.0363 19.3394 25.0363H21.5099V31.6738C21.5099 31.854 21.6618 32 21.8493 32H24.6812C24.8687 32 25.0206 31.8539 25.0206 31.6738V25.0363H27.5584C27.7459 25.0363 27.8978 24.8903 27.8978 24.71L27.8989 22.0795C27.8989 21.993 27.863 21.9101 27.7995 21.8488C27.7359 21.7876 27.6493 21.7531 27.5593 21.7531H25.0206V20.2141C25.0206 19.4744 25.204 19.0989 26.2065 19.0989L27.6607 19.0984C27.8481 19.0984 28 18.9522 28 18.7721V16.3296C28 16.1496 27.8483 16.0037 27.6611 16.0033Z"
    791. 

  791.                             fill="white"
    792. 

  792.                         />
    793. 

  793.                     </svg>
    794. 

  794.                 </div>
    795. 

  795.                 <div class="in">
    796. 

  796.                     <svg
    797. 

  797.                         width="48"
    798. 

  798.                         height="48"
    799. 

  799.                         viewBox="0 0 48 48"
    800. 

  800.                         fill="none"
    801. 

  801.                         xmlns="http://www.w3.org/2000/svg"
    802. 

  802.                     >
    803. 

  803.                         <path
    804. 

  804.                             opacity="0.05"
    805. 

  805.                             fill-rule="evenodd"
    806. 

  806.                             clip-rule="evenodd"
    807. 

  807.                             d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
    808. 

  808.                             fill="white"
    809. 

  809.                         />
    810. 

  810.                         <path
    811. 

  811.                             fill-rule="evenodd"
    812. 

  812.                             clip-rule="evenodd"
    813. 

  813.                             d="M33 25.8096V32H29.3563V26.2242C29.3563 24.7733 28.8293 23.783 27.5105 23.783C26.5037 23.783 25.9045 24.4504 25.6409 25.0959C25.5448 25.3267 25.5201 25.6479 25.5201 25.9709V32H21.8752C21.8752 32 21.9243 22.2177 21.8752 21.2041H25.5197V22.7344C25.5123 22.7459 25.5027 22.7582 25.4958 22.7693H25.5197V22.7344C26.0039 21.9999 26.8687 20.9505 28.8042 20.9505C31.2023 20.9505 33 22.4935 33 25.8096ZM18.0625 16C16.8156 16 16 16.8056 16 17.8649C16 18.9012 16.792 19.7312 18.0141 19.7312H18.0385C19.3095 19.7312 20.1 18.9013 20.1 17.8649C20.076 16.8056 19.3095 16 18.0625 16ZM16.2165 32H19.86V21.2041H16.2165V32Z"
    814. 

  814.                             fill="white"
    815. 

  815.                         />
    816. 

  816.                     </svg>
    817. 

  817.                 </div>
    818. 

  818.             </div>
    819. 

  819.         </footer>
    820. 

  820.     </body>
    821. 

  821. </html>
    822.