index.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!-- Andrey Shevchenko. FEA-23. Home work 5 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <link
  8. href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
  9. rel="stylesheet"
  10. />
  11. <link rel="stylesheet" href="./css/style.css" />
  12. <title>Factor</title>
  13. </head>
  14. <body>
  15. <header class="headerclass">
  16. <img class="imagelogoclass" src="./images/Fill 4.svg" alt="Logo Factor" />
  17. <nav class="navclass">
  18. <a href="#">Services</a>
  19. <a href="#">Portfolio</a>
  20. <a href="#">About</a>
  21. <a href="#">Contact</a> |
  22. <a href="#">Discus Your Idea</a>
  23. </nav>
  24. <div class="emeilmenu">
  25. <a href="mailto:hello@digitfactor.com" class="heademail"
  26. >hello@digitfactor.com</a
  27. >
  28. <div class="headmenu">
  29. <a href="#">Menu</a>
  30. <div class="poloski"></div>
  31. </div>
  32. </div>
  33. </header>
  34. <div class="heading">
  35. <div class="heading__inner"></div>
  36. <div class="arrow">
  37. <svg
  38. width="8"
  39. height="48"
  40. viewBox="0 0 8 48"
  41. fill="none"
  42. xmlns="http://www.w3.org/2000/svg"
  43. >
  44. <path
  45. 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"
  46. fill="#7E7E7E"
  47. />
  48. </svg>
  49. Scroll down
  50. </div>
  51. <div class="chat">
  52. <svg
  53. width="34"
  54. height="26"
  55. viewBox="0 0 34 26"
  56. fill="none"
  57. xmlns="http://www.w3.org/2000/svg"
  58. >
  59. <path
  60. fill-rule="evenodd"
  61. clip-rule="evenodd"
  62. 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"
  63. fill="#202020"
  64. />
  65. </svg>
  66. </div>
  67. </div>
  68. </body>
  69. </html>