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
/
practice.html

practice.html 3.8 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 
  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 rel="stylesheet" href="css/practice.css">
    7. 

  7.     <title>Document</title>
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

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

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

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

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

  14.             </div>
    15. 

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

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

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

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

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

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

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

  22.                 </ul>
    23. 

  23.             </div>
    24. 

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

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

  26.                     <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"/>
    27. 

  27.                     </svg>
    28. 

  28.                     
    29. 

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

  30.             </div>
    31. 

  31.             <div class="header__nav">
    32. 

  32.                 
    33. 

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

  34.                     <!-- <img src="img/Rectangle Copy 17.png" alt="" id="qwe"> -->
    35. 

  35.                    <a href="">
    36. 

  36.                        Menu
    37. 

  37.                     </a>
    38. 

  38.                 </div>
    39. 

  39.                 <div class="menu__btn">
    40. 

  40.                     <!-- <span></span> -->
    41. 

  41.                 </div>
    42. 

  42.             </div>
    43. 

  43.           
    44. 

  44.         </div>
    45. 

  45.     </header>
    46. 

  46.     <main class="main">
    47. 

  47.         <div class="main-title">
    48. 

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

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

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

  51.                 <div class="main-title__btn">
    52. 

  52.                     <div class="discus-btn">
    53. 

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

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

  55.                     </div>
    56. 

  56.                 </div>
    57. 

  57.             </div>
    58. 

  58.         </div>
    59. 

  59.     </main>
    60. 

  60. </body>
    61. 

  61. </html>
    62.