Home Explore Help
Sign In
Natarov
/
teamWork
Watch 2
Star 0
Fork 5
Files Issues 0 Pull Requests 0 Wiki
Tree: fcec1e4ad3
Branches Tags
teamWork
/
Hometask4
/
index.html

index.html 23 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6.     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap" rel="stylesheet">
    7. 

  7.     <link rel="stylesheet" href="css\style.css">
    8. 

  8.     <title>Document</title>
    9. 

  9. </head>
    10. 

  10. <body>
    11. 

  11.     <header class="header">
    12. 

  12.         <div class="header-container">
    13. 

  13.             <div class="header__logo">
    14. 

  14.                 <img src="img/Fill 4.png" alt="">
    15. 

  15.             </div>
    16. 

  16.             <div class="header__info">
    17. 

  17.                 <ul class="info__list">
    18. 

  18.                     <li><a href="#">Services</a></li>
    19. 

  19.                     <li><a href="#">Portfolio</a></li>
    20. 

  20.                     <li><a href="#">About</a></li>
    21. 

  21.                     <li><a href="#">Contact</a></li>
    22. 

  22.                     <li><a href="#">Discus Your Idea</a></li>
    23. 

  23.                 </ul>
    24. 

  24.             </div>
    25. 

  25.             <div class="nav__email">
    26. 

  26.                 <a href="">hello@digitfactor.com</a>
    27. 

  27.             </div>
    28. 

  28.             <div class="header__nav">
    29. 

  29.                 <!-- <div class="nav__email">
    30. 

  30.                     <a href="">hello@digitfactor.com</a>
    31. 

  31.                 </div> -->
    32. 

  32.                 <div class="nav__menu">
    33. 

  33.                    <a href="">
    34. 

  34.                        Menu
    35. 

  35.                     </a>
    36. 

  36.                 </div>
    37. 

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

  38.                     <a href="#"><span></span></a>
    39. 

  39.                 </div>
    40. 

  40.             </div>
    41. 

  41.         </div>
    42. 

  42.     </header>
    43. 

  43.     <main class="main">
    44. 

  44.         <div class="main-header">
    45. 

  45.             
    46. 

  46.                 <!-- <video src="video/GettyImages.mp4" class="video__media" autoplay muted loop></video> -->
    47. 

  47.             
    48. 

  48.             <div class="main-header__title">
    49. 

  49.                 <div class="welcome">Welcome to Digit Factor</div>
    50. 

  50.                 <div class="web-production">Creative Web Production from Ukraine</div>
    51. 

  51.                 <button class="discus-btn">
    52. 

  52.                     <div class="discus-btn__text">Discus Your Idea</div>
    53. 

  53.                     <div class="dott"></div>
    54. 

  54.                 </button>
    55. 

  55.             </div>
    56. 

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

  57.                     <svg width="8" height="48" viewBox="0 0 8 48" fill="none" xmlns="http://www.w3.org/2000/svg">
    58. 

  58.                         <path 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" fill="#7E7E7E"/>
    59. 

  59.                         </svg>
    60. 

  60.                     Scroll down
    61. 

  61.                 </div>
    62. 

  62.                 <div class="chat">
    63. 

  63.                     <svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg">
    64. 

  64.                         <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="#202020"/>
    65. 

  65.                         </svg>
    66. 

  66.                 </div>
    67. 

  67.         </div>
    68. 

  68.         <div class="main-content">
    69. 

  69.             <div class="main-content__services">
    70. 

  70.                 <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    71. 

  71.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z" fill="#FFCA00"/>
    72. 

  72.                     </svg>
    73. 

  73.                 <p class="services">Services</p>                    
    74. 

  74.             </div>
    75. 

  75.             <div class="main-content__wrap">
    76. 

  76.                 <div class="main-content__blocks">
    77. 

  77.                     <div class="main-content__blocks__img">
    78. 

  78.                         <img src="img/img1.png" alt="">
    79. 

  79.                     </div>
    80. 

  80.                     <div class="main-content__blocks__text">
    81. 

  81.                         <div class="blocks-name">
    82. 

  82.                             Engineering Service 
    83. 

  83.                         </div>
    84. 

  84.                         <div class="blocks-text">
    85. 

  85.                             Software Development / Software Testing / Solutions Architecture / Business Analysis / Operations Support 
    86. 

  86.                         </div>
    87. 

  87.                         <div class="blocks-arrow" id="learn-more">
    88. 

  88.                             <div class="learn-more__text">
    89. 

  89.                                 Learn more
    90. 

  90.                             </div>
    91. 

  91.                             <img src="img\arrow-left.png" alt="">
    92. 

  92.                         </div>
    93. 

  93.                     </div>
    94. 

  94.                 </div>  
    95. 

  95.                 <div class="main-content__blocks">
    96. 

  96.                     <div class="main-content__blocks__img">
    97. 

  97.                         <img src="img/img2.png" alt="">
    98. 

  98.                     </div>
    99. 

  99.                     <div class="main-content__blocks__text">
    100. 

  100.                         <div class="blocks-name">
    101. 

  101.                             Internet of Things  
    102. 

  102.                         </div>
    103. 

  103.                         <div class="blocks-text">
    104. 

  104.                             Intelligent Mobility / Predictive Maintenance / Smart Manufacturing 
    105. 

  105.                         </div>
    106. 

  106.                         <div class="blocks-arrow">
    107. 

  107.                             <img src="img\arrow-left.png" alt="">
    108. 

  108.                         </div>
    109. 

  109.                     </div>
    110. 

  110.                 </div>  
    111. 

  111.                 <div class="main-content__blocks">
    112. 

  112.                     <div class="main-content__blocks__img">
    113. 

  113.                         <img src="img/img3.png" alt="">
    114. 

  114.                     </div>
    115. 

  115.                     <div class="main-content__blocks__text">
    116. 

  116.                         <div class="blocks-name">
    117. 

  117.                             Extended Reality XR
    118. 

  118.                         </div>
    119. 

  119.                         <div class="blocks-text">
    120. 

  120.                             VR / MR / AR 
    121. 

  121.                         </div>
    122. 

  122.                         <div class="blocks-arrow">
    123. 

  123.                             <img src="img\arrow-left.png" alt="">
    124. 

  124.                         </div>
    125. 

  125.                     </div>
    126. 

  126.                 </div>  
    127. 

  127.                 <div class="main-content__blocks">
    128. 

  128.                     <div class="main-content__blocks__img">
    129. 

  129.                         <img src="img/img4.png" alt="">
    130. 

  130.                     </div>
    131. 

  131.                     <div class="main-content__blocks__text">
    132. 

  132.                         <div class="blocks-name">
    133. 

  133.                             AL & ML 
    134. 

  134.                         </div>
    135. 

  135.                         <div class="blocks-text">
    136. 

  136.                             Artificial Intelligence / Intelligent Automation / Advanced Analytics 
    137. 

  137.                         </div>
    138. 

  138.                         <div class="blocks-arrow">
    139. 

  139.                             <img src="img\arrow-left.png" alt="">
    140. 

  140.                         </div>
    141. 

  141.                     </div>
    142. 

  142.                 </div>  
    143. 

  143.                 <div class="main-content__blocks">
    144. 

  144.                     <div class="main-content__blocks__img">
    145. 

  145.                         <img src="img/img5.png" alt="">
    146. 

  146.                     </div>
    147. 

  147.                     <div class="main-content__blocks__text">
    148. 

  148.                         <div class="blocks-name">
    149. 

  149.                             Big data & Analytics 
    150. 

  150.                         </div>
    151. 

  151.                         <div class="blocks-text">
    152. 

  152.                             BI & Augmented Analytics / Enterprise Data Platforms / Data Strategy and Governance  
    153. 

  153.                         </div>
    154. 

  154.                         <div class="blocks-arrow">
    155. 

  155.                             <img src="img\arrow-left.png" alt="">
    156. 

  156.                         </div>
    157. 

  157.                     </div>
    158. 

  158.                 </div>  
    159. 

  159.                 <div class="main-content__blocks">
    160. 

  160.                     <div class="main-content__blocks__img">
    161. 

  161.                         <img src="img/img6.png" alt="">
    162. 

  162.                     </div>
    163. 

  163.                     <div class="main-content__blocks__text">
    164. 

  164.                         <div class="blocks-name">
    165. 

  165.                             Blockchain  
    166. 

  166.                         </div>
    167. 

  167.                         <div class="blocks-text">
    168. 

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

  169.                         </div>
    170. 

  170.                         <div class="blocks-arrow">
    171. 

  171.                             <img src="img\arrow-left.png" alt="">
    172. 

  172.                         </div>
    173. 

  173.                     </div>
    174. 

  174.                 </div> 
    175. 

  175.                 <div class="main-content__blocks">
    176. 

  176.                     <div class="main-content__blocks__img">
    177. 

  177.                         <img src="img/img7.png" alt="">
    178. 

  178.                     </div>
    179. 

  179.                     <div class="main-content__blocks__text">
    180. 

  180.                         <div class="blocks-name">
    181. 

  181.                             Game Art Production 
    182. 

  182.                         </div>
    183. 

  183.                         <div class="blocks-text">
    184. 

  184.                             Concept art, UI, illustration / 3D models and environments / VXT and animations  
    185. 

  185.                         </div>
    186. 

  186.                         <div class="blocks-arrow">
    187. 

  187.                             <img src="img\arrow-left.png" alt="">
    188. 

  188.                         </div>
    189. 

  189.                     </div>
    190. 

  190.                 </div> 
    191. 

  191.             </div>
    192. 

  192.             <div class="main-content__portfolio">
    193. 

  193.                 <div class="main-content__portfolio-1">
    194. 

  194.                     <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    195. 

  195.                         <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z" fill="#FFCA00"/>
    196. 

  196.                         </svg>
    197. 

  197.                     <p class="Portfolio">Portfolio</p>
    198. 

  198.                 </div>
    199. 

  199.                 <div class="main-content__portfolio-2">
    200. 

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

  201.                 </div>
    202. 

  202.             </div>
    203. 

  203.             <div class="main-content__projects">
    204. 

  204.                 <div class="projects__block">
    205. 

  205.                     <div class="projects__picture1">
    206. 

  206.                         <p class="picture__text1">Landing Page</p>
    207. 

  207.                         <p class="picture__text2">Project Name</p>
    208. 

  208.                     </div>
    209. 

  209.                     <div class="projects__text">
    210. 

  210.                         <p class="text__text">
    211. 

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

  212.                         </p>
    213. 

  213.                         <div class="arrow__border">
    214. 

  214.                             <img src="img/arrow-left.png" alt="" class="text__arrow">
    215. 

  215.                         </div>
    216. 

  216.                     </div>
    217. 

  217.                 </div>
    218. 

  218.                 <div class="projects__block">
    219. 

  219.                     <div class="projects__picture2">
    220. 

  220.                         <p class="picture__text1">Landing Page</p>
    221. 

  221.                         <p class="picture__text2">Project Name</p>
    222. 

  222.                     </div>
    223. 

  223.                     <div class="projects__text">
    224. 

  224.                         <p class="text__text">
    225. 

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

  226.                         </p>
    227. 

  227.                     </div>
    228. 

  228.                 </div>
    229. 

  229.                 <div class="projects__block">
    230. 

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

  231.                         <p class="picture__text1">Landing Page</p>
    232. 

  232.                         <p class="picture__text2">Project Name</p>
    233. 

  233.                     </div>
    234. 

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

  235.                         <p class="text__text">
    236. 

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

  237.                         </p>
    238. 

  238.                     </div>
    239. 

  239.                 </div>
    240. 

  240.             </div>
    241. 

  241.             <button class="btn-projects">  
    242. 

  242.                 <span>All Projects</span>
    243. 

  243.             </button>
    244. 

  244.             <div class="main-content__info">
    245. 

  245.                 <div class="info-block">
    246. 

  246.                     <img src="img/2+ copy.png" alt="" class="info-block__img" id="info-block-img1">
    247. 

  247.                     <div class="info-block__text">
    248. 

  248.                         <div class="info__text1">
    249. 

  249.                             Years
    250. 

  250.                         </div>
    251. 

  251.                         <p class="info__text2">
    252. 

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

  253.                         </p>
    254. 

  254.                     </div>
    255. 

  255.                 </div>
    256. 

  256.                 <div class="info-block">
    257. 

  257.                     <img src="img/40+ copy 2.png" alt="" class="info-block__img">
    258. 

  258.                     <div class="info-block__text">
    259. 

  259.                         <div class="info__text1">
    260. 

  260.                             Project
    261. 

  261.                         </div>
    262. 

  262.                         <p class="info__text2">
    263. 

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

  264.                         </p>
    265. 

  265.                     </div>
    266. 

  266.                 </div>
    267. 

  267.                 <div class="info-block">
    268. 

  268.                     <img src="img/10+ copy.png" alt="" class="info-block__img">
    269. 

  269.                     <div class="info-block__text">
    270. 

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

  271.                             Experts
    272. 

  272.                         </div>
    273. 

  273.                         <p class="info__text2">
    274. 

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

  275.                         </p>
    276. 

  276.                     </div>
    277. 

  277.                 </div>
    278. 

  278.                 <div class="info-block">
    279. 

  279.                     <img src="img/40+ copy 2.png" alt="" class="info-block__img">
    280. 

  280.                     <div class="info-block__text">
    281. 

  281.                         <div class="info__text1">
    282. 

  282.                             Project
    283. 

  283.                         </div>
    284. 

  284.                         <p class="info__text2">
    285. 

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

  286.                         </p>
    287. 

  287.                     </div>
    288. 

  288.                 </div>
    289. 

  289.             </div>
    290. 

  290.             <div class="main-content__clients">
    291. 

  291.                 <div class="main-content__portfolio-1">
    292. 

  292.                     <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    293. 

  293.                         <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0H8L0 16H4L12 0ZM20 0H16L8 16H12L20 0Z" fill="#FFCA00"/>
    294. 

  294.                         </svg>
    295. 

  295.                     <p class="Portfolio">Portfolio</p>
    296. 

  296.                 </div>
    297. 

  297.                 <div class="main-content__portfolio-2">
    298. 

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

  299.                 </div>
    300. 

  300.             
    301. 

  301.             </div>
    302. 

  302.             <div class="main-content__clients__blocks">
    303. 

  303.                 <div class="clients__blocks__block">
    304. 

  304.                     <img src="img/stada_color.png" alt="">
    305. 

  305.                 </div>
    306. 

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

  307.                     <img src="img/Hunter_Logo.png" alt="">
    308. 

  308.                 </div>
    309. 

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

  310.                     <img src="img/eroglulogoyeni_0.png" alt="">
    311. 

  311.                 </div>
    312. 

  312.                 <div class="clients__blocks__block">
    313. 

  313.                     <img src="img/logo_krieken-bier.png" alt="">
    314. 

  314.                 </div>
    315. 

  315.             </div>
    316. 

  316.             <div class="main-content__seo-text">
    317. 

  317.                 <div class="seo-text__top">
    318. 

  318.                     Seo text
    319. 

  319.                 </div>
    320. 

  320.                 <div class="seo-text__text">
    321. 

  321.                     is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    322. 

  322.                 </div>
    323. 

  323.                 <div class="seo-text__read-more">
    324. 

  324.                     <p>Read more</p>
    325. 

  325.                     <svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg">
    326. 

  326.                         <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="#202020"/>
    327. 

  327.                         </svg>
    328. 

  328.                         
    329. 

  329.                 </div>
    330. 

  330.             </div>
    331. 

  331.         </div>
    332. 

  332.     </main>
    333. 

  333.     <footer class="footer">
    334. 

  334.         <div class="footer-container">
    335. 

  335.             <div class="footer__logo">
    336. 

  336.                 <svg width="149" height="30" viewBox="0 0 149 30" fill="none" xmlns="http://www.w3.org/2000/svg">
    337. 

  337.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2912V29.3236H2.99051V16.2817H16.2817V13.2912H0ZM0 3.23972H19.0645V0.249209H0V3.23972ZM31.3588 0.249209H28.6175L17.6108 29.3236H20.9336L29.9882 5.02572L39.0013 29.3236H42.324L31.3588 0.249209ZM58.938 26.6654C52.3764 26.6654 47.682 21.3489 47.682 14.7864C47.682 8.26544 52.3764 2.94898 58.938 2.94898C62.9253 2.94898 66.2897 4.90112 68.2833 7.93228L70.9416 6.60405C68.4504 2.6167 64.0883 0 58.938 0C50.7565 0 44.6085 6.60405 44.6085 14.7864C44.6085 22.9688 50.7565 29.6144 58.938 29.6144C64.0883 29.6144 68.4504 26.9977 70.9416 22.9688L68.2833 21.6812C66.2897 24.7133 62.9253 26.6654 58.938 26.6654ZM73.0183 3.23972H94.0774V0.249209H73.0183V3.23972ZM82.0314 29.3236H85.0634V8.05777H82.0314V29.3236ZM108.822 0C100.639 0 94.7004 6.64558 94.7004 14.828C94.7004 23.0103 100.639 29.6559 108.822 29.6559C117.005 29.6559 122.903 23.0103 122.903 14.828C122.903 6.64558 117.005 0 108.822 0ZM108.822 26.7069C102.259 26.7069 97.7731 21.3905 97.7731 14.828C97.7731 8.26544 102.259 2.94898 108.822 2.94898C115.343 2.94898 119.829 8.26544 119.829 14.828C119.829 21.3905 115.343 26.7069 108.822 26.7069ZM148.197 29.3236L141.635 17.6939C145.124 16.4063 147.491 13.042 147.491 9.26228C147.491 4.31963 143.836 0.249209 138.354 0.249209C133.494 0.249209 127.471 0.249209 127.471 0.249209V3.23972H138.354C142.049 3.23972 144.376 5.98102 144.376 9.26228C144.376 12.502 142.049 15.2848 138.354 15.2848H127.471V29.3236H130.462V18.2753H138.354C138.436 18.2753 138.478 18.2753 138.52 18.2753L144.75 29.3236H148.197Z" fill="white"/>
    338. 

  338.                     </svg>
    339. 

  339.                     
    340. 

  340.             </div>
    341. 

  341.             <div class="footer__copyright">
    342. 

  342.                 © 2019 Creative Web Production from Ukraine. Digit Factor. All rights reserved
    343. 

  343.             </div>
    344. 

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

  345.                 <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
    346. 

  346.                     <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="white"/>
    347. 

  347.                     </svg>
    348. 

  348.                     <a href="#">contact@digitfactor.com</a>
    349. 

  349.             </div>
    350. 

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

  351.                 <div class="social-box">
    352. 

  352.                     <svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    353. 

  353.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M8.66109 0.00332907L6.5024 0C4.07718 0 2.5099 1.54552 2.5099 3.93762V5.75313H0.339433C0.151879 5.75313 0 5.89927 0 6.07954V8.71001C0 8.89028 0.152052 9.03626 0.339433 9.03626H2.5099V15.6738C2.5099 15.854 2.66178 16 2.84933 16H5.68118C5.86873 16 6.02061 15.8539 6.02061 15.6738V9.03626H8.55839C8.74594 9.03626 8.89782 8.89028 8.89782 8.71001L8.89886 6.07954C8.89886 5.99299 8.86301 5.91009 8.79946 5.84884C8.7359 5.78758 8.64931 5.75313 8.55926 5.75313H6.02061V4.2141C6.02061 3.47438 6.20401 3.09886 7.20655 3.09886L8.66074 3.09836C8.84812 3.09836 9 2.95222 9 2.77211V0.329578C9 0.149642 8.84829 0.00366197 8.66109 0.00332907Z" />
    354. 

  354.                     </svg>
    355. 

  355.                 </div>
    356. 

  356.                 <div class="social-box">
    357. 

  357.                     <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    358. 

  358.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M17 9.80959V16H13.3563V10.2242C13.3563 8.77325 12.8293 7.78305 11.5105 7.78305C10.5037 7.78305 9.90451 8.45037 9.64092 9.0959C9.5448 9.32667 9.52006 9.64787 9.52006 9.97091V16H5.87518C5.87518 16 5.92427 6.21766 5.87518 5.20414H9.5197V6.73441C9.51231 6.74586 9.50271 6.7582 9.49575 6.76929H9.5197V6.73441C10.0039 5.99985 10.8687 4.95052 12.8042 4.95052C15.2023 4.95048 17 6.49352 17 9.80959ZM2.06249 0C0.81558 0 0 0.805563 0 1.86491C0 2.90116 0.791984 3.73117 2.01411 3.73117H2.03846C3.30951 3.73117 4.1 2.90132 4.1 1.86491C4.07604 0.805563 3.30951 0 2.06249 0ZM0.216474 16H3.85997V5.20414H0.216474V16Z" />
    359. 

  359.                     </svg>
    360. 

  360.                 </div>
    361. 

  361.             </div>
    362. 

  362.         </div>
    363. 

  363.     </footer>
    364. 

  364. </body>
    365. 

  365. </html>
    366. 

  366. 

  367.