header + footer
This commit is contained in:
parent
ecd3d5fc12
commit
172b48c76e
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="403" height="406" viewBox="0 0 403 406" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M124.33 12.04C119.95 12.04 116.4 15.59 116.4 19.97C116.4 20 116.4 20.04 116.4 20.07V385.87C116.4 385.87 116.4 385.94 116.4 385.97C116.4 386 116.4 386.04 116.4 386.07V386.26C116.55 390.5 120.03 393.9 124.31 393.9C128.59 393.9 132.07 390.5 132.22 386.26H132.23V19.97C132.23 15.59 128.68 12.04 124.3 12.04H124.33Z" fill="white"/>
|
||||
<path d="M93.7398 47.4401C93.6298 42.9401 89.9598 39.3301 85.4298 39.3301C80.8998 39.3301 77.2398 42.9401 77.1198 47.4401H77.0498V358.07H77.1198C77.1198 358.14 77.1098 358.21 77.1098 358.28C77.1098 362.87 80.8298 366.6 85.4298 366.6C90.0298 366.6 93.7498 362.88 93.7498 358.28C93.7498 358.21 93.7498 358.14 93.7398 358.07H93.7498V47.4401H93.7398Z" fill="white"/>
|
||||
<path d="M46.8302 78.27C42.3602 78.27 38.7202 81.78 38.5102 86.2H38.4902V319.31C38.4902 323.92 42.2302 327.66 46.8402 327.66C51.4502 327.66 55.1902 323.92 55.1902 319.31V86.2H55.1702C54.9502 81.79 51.3102 78.27 46.8502 78.27H46.8302Z" fill="white"/>
|
||||
<path d="M9.4602 141.46C9.4602 141.46 9.4602 141.5 9.4502 141.51C9.4602 141.48 9.4702 141.44 9.4902 141.41C9.4902 141.43 9.4802 141.44 9.4702 141.46H9.4602Z" fill="white"/>
|
||||
<path d="M12.57 139.29C12.36 139.29 12.16 139.31 11.96 139.35C11.9 139.36 11.84 139.38 11.78 139.39C11.64 139.42 11.51 139.46 11.38 139.51C11.32 139.53 11.26 139.56 11.2 139.58C11.07 139.64 10.94 139.71 10.82 139.79C10.78 139.82 10.73 139.84 10.69 139.87C10.53 139.98 10.38 140.1 10.25 140.24C10.22 140.27 10.2 140.3 10.17 140.33C10.13 140.37 10.09 140.41 10.06 140.46C10.06 140.46 10.07 140.46 10.08 140.46C10.01 140.54 9.95 140.61 9.89 140.69C9.95 140.61 10.01 140.54 10.07 140.46C10.07 140.46 10.06 140.46 10.05 140.47C9.82 140.65 9.64 141.02 9.5 141.41C9.5 141.4 9.51 141.38 9.52 141.37C9.47 141.5 9.43 141.63 9.4 141.77C9.42 141.68 9.44 141.6 9.47 141.51C9.37 141.81 9.28 142.11 9.22 142.33C3.24 161.59 0 182.25 0 203.75C0 225.25 3.46 245.9 8.99 264.53C9.01 264.6 9.05 264.71 9.1 264.84C9.12 264.9 9.15 264.96 9.18 265.02C9.19 265.05 9.2 265.08 9.21 265.11C9.27 265.24 9.35 265.36 9.43 265.48C9.43 265.49 9.44 265.5 9.45 265.51C9.56 265.68 9.69 265.83 9.83 265.97C9.87 266.01 9.91 266.05 9.95 266.08C10.07 266.19 10.19 266.29 10.32 266.38C10.36 266.41 10.39 266.44 10.43 266.46C10.6 266.57 10.77 266.67 10.96 266.75C11 266.77 11.04 266.78 11.08 266.8C11.23 266.86 11.39 266.91 11.55 266.95C11.61 266.96 11.66 266.98 11.72 266.99C11.93 267.03 12.14 267.05 12.35 267.05C14.29 267.05 15.86 265.48 15.86 263.54V142.59C15.86 140.77 14.38 139.29 12.56 139.29H12.57ZM9.78 140.84C9.71 140.95 9.64 141.07 9.59 141.2C9.65 141.08 9.71 140.96 9.78 140.84ZM9.33 141.96C9.29 142.16 9.27 142.37 9.27 142.59C9.27 142.37 9.29 142.17 9.33 141.96ZM8.95 264.3C8.97 264.38 9 264.46 9.02 264.53C9 264.45 8.97 264.38 8.95 264.3ZM9.22 265.06C9.25 265.12 9.29 265.18 9.32 265.25C9.28 265.19 9.25 265.13 9.22 265.06Z" fill="white"/>
|
||||
<path d="M171.57 395.96V9.69984C171.57 9.69984 171.57 9.65984 171.57 9.64984C171.57 9.63984 171.57 9.60984 171.57 9.59984V9.23984H171.55C171.33 4.83984 167.71 1.33984 163.26 1.33984C158.81 1.33984 155.19 4.83984 154.97 9.23984H154.94V395.96H154.97C154.97 396.07 154.95 396.18 154.95 396.29C154.95 400.88 158.67 404.6 163.26 404.6C167.85 404.6 171.57 400.88 171.57 396.29C171.57 396.18 171.56 396.07 171.55 395.96H171.56H171.57Z" fill="white"/>
|
||||
<path d="M202.61 0C198.17 0 194.49 3.19 193.71 7.4H193.53V395.95H193.6C193.57 396.25 193.55 396.56 193.55 396.87C193.55 401.87 197.61 405.93 202.61 405.93C207.61 405.93 211.67 401.87 211.67 396.87C211.67 396.56 211.65 396.25 211.62 395.95H211.67V7.4H211.51C210.73 3.19 207.05 0 202.61 0Z" fill="white"/>
|
||||
<path d="M248.7 10.3799C248.7 10.2499 248.72 10.1199 248.72 9.97992C248.72 9.83992 248.71 9.70992 248.7 9.57992V9.23992H248.68C248.31 5.40992 245.08 2.41992 241.16 2.41992C237.24 2.41992 234.01 5.40992 233.64 9.23992H233.6V395.96C233.6 400.13 236.98 403.52 241.16 403.52C245.34 403.52 248.72 400.14 248.72 395.96C248.72 395.83 248.71 395.69 248.7 395.56V10.3799Z" fill="white"/>
|
||||
<path d="M288.02 382.47V25.1399H287.84C287.96 24.5799 288.02 23.9999 288.02 23.4099C288.02 18.8299 284.3 15.1099 279.72 15.1099C275.14 15.1099 271.42 18.8299 271.42 23.4099C271.42 23.9999 271.48 24.5799 271.6 25.1399H271.43V382.18C271.43 382.3 271.41 382.41 271.41 382.53C271.41 382.65 271.42 382.76 271.43 382.88V383.67H271.5C272.05 387.72 275.51 390.83 279.71 390.83C283.91 390.83 287.37 387.71 287.92 383.67H288V382.59C288 382.59 288 382.55 288 382.54C288 382.53 288 382.5 288 382.49L288.02 382.47Z" fill="white"/>
|
||||
<path d="M318.25 37.0498C313.65 37.0498 309.92 40.7798 309.92 45.3798C309.92 45.5198 309.93 45.6598 309.94 45.7998V360.13C309.94 360.27 309.92 360.41 309.92 360.55C309.92 365.15 313.65 368.88 318.25 368.88C322.85 368.88 326.58 365.15 326.58 360.55V45.3798C326.58 40.7798 322.85 37.0498 318.25 37.0498Z" fill="white"/>
|
||||
<path d="M365.12 80.0202C365.12 79.9102 365.14 79.8002 365.14 79.6902C365.14 75.3002 361.58 71.7402 357.19 71.7402C352.8 71.7402 349.24 75.3002 349.24 79.6902H349.21V326.25H349.24C349.24 330.64 352.8 334.2 357.19 334.2C361.58 334.2 365.14 330.64 365.14 326.25C365.14 326.14 365.13 326.03 365.12 325.92V80.0202Z" fill="white"/>
|
||||
<path d="M393.17 141.46C393.17 141.46 393.17 141.5 393.18 141.51C393.17 141.48 393.16 141.44 393.14 141.41C393.14 141.43 393.15 141.44 393.16 141.46H393.17Z" fill="white"/>
|
||||
<path d="M386.76 142.6V263.55C386.76 265.49 388.33 267.06 390.27 267.06C390.49 267.06 390.7 267.03 390.9 267C390.96 266.99 391.01 266.98 391.07 266.96C391.23 266.92 391.39 266.87 391.54 266.81C391.58 266.79 391.62 266.78 391.66 266.76C391.84 266.68 392.02 266.58 392.19 266.47C392.23 266.44 392.26 266.42 392.3 266.39C392.43 266.3 392.55 266.2 392.67 266.09C392.71 266.05 392.75 266.02 392.79 265.98C392.93 265.84 393.06 265.68 393.17 265.52C393.17 265.51 393.18 265.5 393.19 265.49C393.27 265.37 393.34 265.25 393.41 265.12C393.42 265.09 393.43 265.06 393.44 265.03C393.47 264.97 393.5 264.91 393.52 264.85C393.57 264.73 393.61 264.62 393.63 264.54C399.17 245.91 402.62 224.45 402.62 203.76C402.62 183.07 399.38 161.6 393.42 142.35C393.35 142.14 393.27 141.84 393.17 141.53C393.2 141.61 393.22 141.7 393.24 141.79C393.21 141.65 393.17 141.52 393.12 141.39C393.12 141.4 393.13 141.42 393.14 141.43C393 141.04 392.82 140.66 392.59 140.49C392.59 140.49 392.58 140.49 392.57 140.48C392.63 140.55 392.69 140.63 392.75 140.71C392.69 140.63 392.62 140.55 392.56 140.48C392.56 140.48 392.57 140.48 392.58 140.48C392.54 140.44 392.51 140.4 392.47 140.35C392.44 140.32 392.42 140.29 392.39 140.26C392.25 140.13 392.11 140 391.95 139.89C391.91 139.86 391.87 139.84 391.82 139.81C391.7 139.73 391.57 139.66 391.44 139.6C391.38 139.57 391.32 139.55 391.26 139.53C391.13 139.48 391 139.44 390.86 139.41C390.8 139.4 390.74 139.38 390.68 139.37C390.48 139.33 390.28 139.31 390.07 139.31C388.25 139.31 386.77 140.79 386.77 142.61L386.76 142.6ZM393.05 141.21C392.99 141.09 392.93 140.97 392.86 140.85C392.93 140.97 393 141.08 393.05 141.21ZM393.37 142.6C393.37 142.39 393.35 142.18 393.31 141.97C393.35 142.17 393.37 142.38 393.37 142.6ZM393.62 264.55C393.64 264.47 393.67 264.4 393.69 264.32C393.67 264.4 393.64 264.48 393.62 264.55ZM393.32 265.26C393.35 265.2 393.39 265.14 393.42 265.07C393.39 265.13 393.36 265.19 393.32 265.26Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="1049" height="427" viewBox="0 0 1049 427" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M550.42 310.55C550.96 315.1 543.99 341.46 542.56 347.82C539.19 362.81 537.11 371.37 524.9 376.23C511.54 381.55 454.69 379.37 435.69 379.34C405.77 379.3 377.29 378.54 363.94 358.77C349.66 337.61 356.92 306.62 362.41 282.69C368.35 256.83 373.91 232.79 379.48 207.9C385.92 179.16 394 161.39 411.01 147.4C434.31 128.24 451.22 130.96 486.67 130.93C516.78 130.9 547.92 130.19 577.9 131.04C577.89 140.15 571.82 164.66 568.77 173.2C562.91 189.64 553.06 188.62 533.66 188.61C474.66 188.6 488.01 185.81 466.11 274.5C463.73 284.13 455.51 308.36 463.16 315.54C471 322.9 525.99 320.89 533.7 318.1C546.86 313.34 536.17 310.24 550.38 310.55H550.42ZM562 342.41C552.91 387.31 553.66 379.35 616.69 379.35C631.29 379.35 652.92 380.62 666.66 379.09L667.79 372.08C659.24 365.8 655.33 371.95 658.72 349.98C661.02 335.09 670.57 270.83 673.29 265.21L683.68 377.85L754.64 378.06C758.21 369.88 795.01 277.04 795.02 276.69C795.44 288.69 777.99 359.94 779.69 370.9C781.16 380.32 789.22 379.35 798.68 379.34C816.58 379.32 872.71 380.56 882.68 378.91L884.53 372.08C872.11 362.97 871.15 374.94 878.28 334.53L903.34 199.76C906 184.75 909 169.57 911.66 155.18C916.54 128.85 907.39 130.93 884.67 130.93C860.45 130.93 796.96 129.79 777.67 131.09C775.75 133.4 775.06 135.37 775 139.05C780.27 141.55 786.5 142.38 783.83 150.06C782.16 154.86 779.24 159.89 776.85 165.1L733.76 253.85C733.7 253.66 733.6 253.35 733.54 253.12L718.65 138.01C715.93 128.55 703.06 130.91 692.67 130.92C681.34 130.94 670 130.92 658.67 130.92C647.23 130.91 597.79 130.3 590.67 131.26L588.02 139.21C595.89 141.02 599.88 145.1 598.47 153.73C597.33 160.7 595.61 167.78 594.3 174.56L561.98 342.41H562ZM64.6696 174.18C69.8096 176.4 127.31 175.21 137.96 174.95C146.22 135.84 145.42 150.23 132.78 138.05C135.28 129.09 132.73 130.94 153.69 130.93C168.22 130.93 235.27 130.08 240.25 131.68C258.39 137.52 230.23 196.87 229.08 221.66L254.26 221.8L269.79 155.18C273.17 141.53 266.96 143.93 260.73 138.06L262.05 131.36L364.7 131.1C380.84 132.99 371.14 157.04 368.7 168.04L324.96 356.27C323.02 366.21 327.16 367.59 334.21 371.66C334.36 371.75 334.67 371.91 334.88 372.06C334.32 374.88 334.16 377.47 331.7 379.34H241.7C231.05 379.35 222.29 381 221.28 369.14C220.04 354.7 241.79 283.68 242.65 270.14L217.48 269.81L198.83 350.36C197.89 354.28 195.76 360.41 197.21 364.54C198.35 367.77 201.23 369.08 204.12 370.54L207.07 372.07C206.89 377.72 207.66 378.86 202.83 379.45L124.7 379.36C109.43 379.36 92.5097 383.7 93.5797 366.08C94.2697 354.73 101.16 339.52 101.26 329.28C91.2697 327.88 72.6296 328.99 61.6896 328.99C57.1196 328.99 26.1696 327.32 23.3896 331.07C23.6296 331.21 24.0196 331.07 24.1696 331.4C24.6196 332.4 31.6597 332.24 32.7197 332.25C32.5097 339.63 28.5596 353.58 27.2096 361.62C25.1996 373.59 21.5996 380.78 28.2496 391.48C32.7796 398.77 39.5896 403.56 51.6896 403.52H868.69C881.74 403.5 889.19 403.74 897.3 396.75C912.98 383.24 914.07 369.65 917.65 346.07C919.2 335.85 921.11 325.25 923.22 315.61C931.8 276.32 937.05 234.16 945.33 194.59L956.5 134.97C957.83 122.48 954.38 115.56 947.2 109.54C940.07 103.56 929.09 103.31 917.7 103.34C894.03 103.41 870.36 103.32 846.69 103.32H136.69C93.7697 103.32 77.4397 98.68 70.3697 144.02C68.9097 153.38 65.3197 164.97 64.6597 174.2L64.6696 174.18Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.0597 175.04C44.9397 174.96 48.3897 175.77 51.4997 174.03C52.7697 163.93 61.1597 122.21 65.6697 114.05C78.2797 91.22 89.0597 91.68 118.68 91.73H863.69C886.25 91.73 916.08 90.05 937.74 91.98C956.93 93.69 977.53 108.99 972.53 129.89C970.17 139.74 968.51 151.68 966.66 161.18C964.55 172.01 962.51 182.18 960.74 193.04C957.34 213.9 952.31 235.39 948.98 256.26C945.82 276.07 941.84 298.55 937.4 318.68C932.83 339.45 930.73 361.55 925.6 381.85C923.24 391.18 917.95 400.08 912.25 405.62C904.53 413.12 897.58 415.12 884.69 415.06C661.62 413.98 436.04 415.06 212.69 415.06C163.02 415.06 113.36 415.09 63.6897 415.06C50.3597 415.06 41.8497 416.23 30.4897 411.22C23.6297 408.2 14.5297 400.81 11.3197 392.4C7.65972 382.81 11.9797 371.62 14.0097 361.6C15.1697 355.86 19.6997 333.89 19.0797 329.61L10.2897 329.54C6.98972 339.57 6.10972 350.27 3.78972 361.39C-0.310278 381.07 -6.21028 398.9 17.4497 416.3C24.4997 421.48 35.2997 426.2 46.6597 426.23C316.52 427.06 587.67 426.19 857.68 426.19C880.13 426.19 906.04 430.75 921.44 411.83C924.47 408.11 926.52 405.85 929.23 400.61C939.36 381.03 942.62 344.58 947.04 321.4C951.24 299.36 955.31 278.02 959.21 255.28C962.76 234.58 967.83 211.64 971.34 190.77C974.01 174.86 982 137.94 983.22 125.81C985.37 104.39 966.32 87.36 949.86 82.88C932.94 78.28 895.1 80.29 874.68 80.29H178.69C153.26 80.32 125.89 79.3 100.71 80.32C61.3097 81.92 52.6097 112.41 47.3997 142.46C45.6697 152.46 41.4597 167.04 41.0597 175.03V175.04Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1495 266.33L113.64 266.29C124.91 265 146.92 266.89 154.45 261.79C165.22 254.49 165.49 238.23 156.51 230.25C152.21 226.43 146.86 225.21 139.73 225.16C136.37 225.14 131.96 225.42 128.74 225.03C124.11 224.47 123.68 223.64 117.72 223.65H39.6695C34.8495 223.57 31.8195 222.44 30.1595 226.36C28.8095 229.54 22.9495 261.58 23.1495 266.33Z" fill="#E3110F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8701 316.58L99.7201 317.09C104.47 316.86 103.96 316.03 108.67 315.7C123.82 314.65 147.75 320.13 151.74 299.97C154.23 287.39 146.17 278.24 136.79 276L99.6901 274.24C75.8401 274.25 43.8801 272.42 21.0301 274.46L12.8701 316.58Z" fill="#E3110F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.0598 175.04C38.5698 185.81 33.2898 205.83 32.7598 216.2C54.9498 217.24 89.2798 216.31 113.69 216.33C123.96 216.33 130.74 215 140.69 215.02C149.36 215.04 157.93 215.8 164.4 211.74C176.23 204.3 177.16 185.52 163.24 177.5C156.68 173.72 146.66 174.99 137.96 174.95C127.31 175.2 69.8098 176.39 64.6698 174.18L51.5098 174.04C48.3898 175.78 44.9398 174.96 41.0698 175.05L41.0598 175.04Z" fill="#E3110F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1008.73 0C987 0 969.38 17.62 969.38 39.35C969.38 61.08 987 78.7 1008.73 78.7C1030.46 78.7 1048.08 61.08 1048.08 39.35C1048.08 17.62 1030.47 0 1008.73 0ZM1008.73 69.8C991.92 69.8 978.29 56.17 978.29 39.36C978.29 22.55 991.92 8.92 1008.73 8.92C1025.54 8.92 1039.17 22.55 1039.17 39.36C1039.17 56.17 1025.54 69.8 1008.73 69.8Z" fill="white"/>
|
||||
<path d="M1028.23 60.36H1017.36L1010.83 49.55C1010.34 48.73 1009.87 48 1009.42 47.35C1008.97 46.71 1008.52 46.15 1008.06 45.7C1007.6 45.24 1007.12 44.89 1006.62 44.65C1006.12 44.41 1005.58 44.28 1004.99 44.28H1002.44V60.36H992.979V18.35H1007.98C1018.18 18.35 1023.27 22.16 1023.27 29.78C1023.27 31.24 1023.05 32.6 1022.6 33.84C1022.15 35.08 1021.52 36.2 1020.7 37.19C1019.88 38.19 1018.89 39.05 1017.73 39.77C1016.57 40.49 1015.27 41.06 1013.85 41.47V41.59C1014.47 41.79 1015.08 42.1 1015.67 42.54C1016.26 42.98 1016.82 43.49 1017.37 44.08C1017.92 44.67 1018.44 45.3 1018.94 45.97C1019.44 46.64 1019.89 47.3 1020.3 47.95L1028.24 60.37L1028.23 60.36ZM1002.45 25.44V37.13H1006.55C1008.58 37.13 1010.21 36.54 1011.44 35.37C1012.69 34.18 1013.31 32.7 1013.31 30.95C1013.31 27.28 1011.11 25.44 1006.72 25.44H1002.44H1002.45Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.1 KiB |
|
|
@ -0,0 +1,33 @@
|
|||
/*-------------- main-menu -----------------*/
|
||||
.main-menu{
|
||||
&__list,
|
||||
&__item{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
&__list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2.6041666667vw;
|
||||
}
|
||||
|
||||
|
||||
&__item{
|
||||
font-size: 1.1458333333vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&__link{
|
||||
color: #fff;
|
||||
transition: all .3s ease-in-out;
|
||||
border-bottom: 1px solid hsla(0,0%,100%,0);
|
||||
}
|
||||
|
||||
&__link:hover{
|
||||
border-bottom: 1px solid #fff;
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
/*-------------- social -----------------*/
|
||||
.social{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5208333333333333vw;
|
||||
}
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
.footer{
|
||||
background: var(--color-primary);
|
||||
color: #fff;
|
||||
|
||||
a:not(.btn){color: #fff;}
|
||||
|
||||
&__main{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 1.5625vw;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
&__logo-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: 9.479166666666667vw;
|
||||
}
|
||||
|
||||
&__logo{max-width: 9.6875vw;}
|
||||
|
||||
&__slogan{
|
||||
font-size: 0.9375vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.main-menu{
|
||||
margin-top: 2.083333333333333vw;
|
||||
&__list{gap: 1.041666666666667vw;}
|
||||
&__item{font-size: 1.041666666666667vw;}
|
||||
}
|
||||
|
||||
&__bottom{
|
||||
font-size: 0.8333333333333333vw;
|
||||
text-align: center;
|
||||
padding-bottom: 0.2604166666666667vw;
|
||||
}
|
||||
|
||||
&__copyright{font-weight: 500;}
|
||||
&__polit{text-decoration: underline;}
|
||||
}
|
||||
|
||||
.footer-dev{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5208333333333333vw;
|
||||
margin-top: 1.5625vw;
|
||||
|
||||
&__img{
|
||||
flex-shrink: 0;
|
||||
width: 2.604166666666667vw;
|
||||
}
|
||||
|
||||
&__content{line-height: 1.1;}
|
||||
&__label{font-size: 0.5583333333333333vw;}
|
||||
|
||||
&__text{
|
||||
font-size: 0.6916666666666667vw;
|
||||
letter-spacing: .03em;
|
||||
}
|
||||
|
||||
&__phone{
|
||||
margin-top: 0.2604166666666667vw;
|
||||
font-size: 0.6770833333333333vw;
|
||||
font-weight: bold;
|
||||
|
||||
a{color: #fff;}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-contacts{
|
||||
text-align: right;
|
||||
|
||||
&__title{
|
||||
font-size: 1.145833333333333vw;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.78125vw;
|
||||
}
|
||||
|
||||
&__item{
|
||||
font-size: 0.9375vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.social{
|
||||
justify-content: flex-end;
|
||||
margin-top: 0.4166666666666667vw;
|
||||
|
||||
.icon{fill: #fff;}
|
||||
}
|
||||
|
||||
.btn{margin-top: 0.78125vw;}
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
.header{
|
||||
background: var(--color-primary);
|
||||
padding: 1.145833333333333vw 0;
|
||||
|
||||
&__conent{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 2.6041666667vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&__logo{max-width: 9.6875vw;}
|
||||
|
||||
&__actions{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.0416666667vw;
|
||||
|
||||
.btn{min-width: 9.21875vw;}
|
||||
}
|
||||
}
|
||||
|
|
@ -103,6 +103,12 @@ main{
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.st-width{
|
||||
width: 83.3333333333vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.btn,
|
||||
input[type="submit"].btn,
|
||||
button.btn{
|
||||
|
|
@ -111,14 +117,12 @@ button.btn{
|
|||
justify-content: center;
|
||||
gap: 22px;
|
||||
height: 2.8645833333vw;
|
||||
// min-width: 260px;
|
||||
background: var(--color-primary);
|
||||
border: 1px solid var(--color-primary);
|
||||
border-radius: 8px;
|
||||
@include font(normal, 500, .9375vw, 1.2, #fff);
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 2px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
padding: 0 25px;
|
||||
|
|
@ -155,6 +159,8 @@ button.btn{
|
|||
border-color: #fff;
|
||||
background: #fff;
|
||||
color: var(--color-primary);
|
||||
|
||||
&:hover{color: var(--color-primary);}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,3 +16,5 @@
|
|||
|
||||
@import "components/icons";
|
||||
@import "components/type-icon";
|
||||
@import "components/main-menu";
|
||||
@import "components/social";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M15.3,19c-0.6,0-1.1-0.3-1.6-0.5l0,0l-0.2-0.1c-0.1,0-0.1-0.1-0.1-0.1l-0.1,0C13.2,18.1,13.1,18,13,18l0,0
|
||||
c0,0,0,0,0,0l-0.4-0.3l0,0c-0.4-0.2-0.7-0.5-1-0.7l-0.1-0.1c-0.4-0.2-0.7-0.5-1.2-0.8c-0.8-0.5-1.2-1.1-1.1-1.8
|
||||
c-0.5,0.3-1.1,0.4-1.5,0.4c-0.3,0-0.6-0.1-1.1-0.2c-0.4-0.1-0.7-0.2-1.1-0.3l-0.3-0.1c-0.3-0.1-0.7-0.2-1-0.4
|
||||
c-0.2-0.1-0.4-0.3-0.5-0.5c-0.2-0.3-0.3-0.6-0.2-0.9c0-0.4,0.3-0.7,0.6-1c0.2-0.2,0.5-0.3,0.9-0.5c3.5-1.5,5.8-2.5,7-3
|
||||
c1.8-0.7,2.7-1.1,3.4-1.4c0.7-0.3,1.1-0.4,1.5-0.4c0.1,0,0.3,0,0.5,0.1c0.3,0.1,0.5,0.2,0.6,0.3c0.3,0.2,0.5,0.5,0.5,0.9
|
||||
c0,0.2,0.1,0.5,0,0.7c-0.2,2-1,6.7-1.4,8.7c-0.3,1.7-1.2,2-1.7,2C15.4,19,15.3,19,15.3,19z M14,17.5c0.4,0.3,0.9,0.6,1.4,0.5
|
||||
c0.5,0,0.7-0.7,0.8-1.2c0.4-2,1.2-6.7,1.4-8.6c0-0.2,0-0.4,0-0.5c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.1-0.1-0.3-0.1
|
||||
c-0.1,0-0.2,0-0.2,0c-0.3,0-0.6,0.1-1.2,0.3c-0.6,0.2-1.6,0.6-3.3,1.3c-1.2,0.5-3.5,1.5-7,3c-0.3,0.1-0.5,0.2-0.7,0.3
|
||||
c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.1,0,0.2,0.1,0.2c0,0.1,0.1,0.1,0.2,0.2c0.2,0.1,0.5,0.2,0.7,0.3l0.3,0.1c0.3,0.1,0.7,0.2,1,0.3
|
||||
c0.4,0.1,0.7,0.1,0.9,0.1c0.4,0,0.8-0.2,1.3-0.5c1-0.7,1.9-1.3,2.6-1.8l0.6,0.8L11.5,13c-0.2,0.2-0.4,0.4-0.4,0.4l-0.3,0.4l0,0
|
||||
c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1-0.1,0.4,0.6,0.9c0.4,0.3,0.8,0.5,1.2,0.8l0.1,0.1
|
||||
c0.4,0.3,0.7,0.5,1.2,0.8l0.2,0.1l0,0l0.4,0.3l0,0C13.9,17.4,13.9,17.4,14,17.5L14,17.5z"/>
|
||||
<path class="st0" d="M12,24C5.4,24,0,18.6,0,12C0,5.4,5.4,0,12,0c6.6,0,12,5.4,12,12C24,18.6,18.6,24,12,24z M12,1C5.9,1,1,5.9,1,12
|
||||
s4.9,11,11,11s11-4.9,11-11S18.1,1,12,1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -1,17 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 132 108" style="enable-background:new 0 0 132 108;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#2CA7E0;}
|
||||
</style>
|
||||
<g id="形状_2">
|
||||
<g>
|
||||
<path class="st0" d="M132,12.7c-4.9,2.2-10.1,3.6-15.6,4.3c5.6-3.4,9.9-8.7,11.9-15c-5.2,3.1-11,5.4-17.2,6.6
|
||||
C106.2,3.3,99.2,0,91.4,0c-15,0-27.1,12.1-27.1,27.1c0,2.1,0.2,4.2,0.7,6.2C42.5,32.1,22.5,21.3,9.2,5c-2.3,4-3.7,8.7-3.7,13.6
|
||||
c0,9.4,4.8,17.7,12,22.5C13.1,41,9,39.8,5.3,37.7c0,0.1,0,0.2,0,0.3c0,13.1,9.3,24.1,21.7,26.6c-2.3,0.6-4.7,1-7.1,1
|
||||
c-1.7,0-3.4-0.2-5.1-0.5c3.4,10.8,13.4,18.6,25.3,18.8c-9.3,7.3-20.9,11.6-33.6,11.6c-2.2,0-4.3-0.1-6.5-0.4
|
||||
c12,7.7,26.2,12.2,41.5,12.2c49.8,0,77.1-41.3,77.1-77.1c0-1.2,0-2.3-0.1-3.5C123.8,22.9,128.4,18.1,132,12.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#E22020;}
|
||||
</style>
|
||||
<path class="st0" d="M12.5,24h-1c-2.8,0-4.8,0-6.3-0.2c-1.6-0.2-2.7-0.7-3.5-1.5c-0.8-0.8-1.3-1.9-1.5-3.5C0,17.2,0,15.2,0,12.5v-1
|
||||
c0-2.8,0-4.8,0.2-6.3c0.2-1.6,0.7-2.7,1.5-3.5c0.8-0.8,1.9-1.3,3.5-1.5C6.8,0,8.8,0,11.5,0h1c2.8,0,4.8,0,6.3,0.2
|
||||
c1.6,0.2,2.7,0.7,3.5,1.5c0.8,0.8,1.3,1.9,1.5,3.5C24,6.8,24,8.8,24,11.5v1c0,2.8,0,4.8-0.2,6.3c-0.2,1.7-0.7,2.7-1.5,3.5
|
||||
c-0.8,0.8-1.9,1.3-3.5,1.5C17.2,24,15.2,24,12.5,24z M11.5,1C8.8,1,6.8,1,5.3,1.2C3.9,1.4,3,1.7,2.4,2.4C1.7,3,1.4,3.9,1.2,5.3
|
||||
C1,6.8,1,8.8,1,11.5v1c0,2.7,0,4.7,0.2,6.2c0.2,1.4,0.5,2.3,1.2,2.9s1.5,1,2.9,1.2C6.8,23,8.8,23,11.5,23h1c2.7,0,4.7,0,6.2-0.2
|
||||
c1.4-0.2,2.3-0.5,2.9-1.2c0.6-0.6,1-1.5,1.2-2.9c0.2-1.5,0.2-3.5,0.2-6.2v-1c0-2.7,0-4.7-0.2-6.2c-0.2-1.4-0.5-2.3-1.2-2.9
|
||||
s-1.5-1-2.9-1.2C17.2,1,15.2,1,12.5,1H11.5z"/>
|
||||
<path class="st0" d="M13.1,17.4l-0.5,0c-2.6,0-4.7-1-6.2-2.7C5,13.1,4.2,10.7,4,7.9l0-0.5h2.7l0,0.5c0.2,4.1,2.1,6,3.7,6.5V7.4h2.6
|
||||
l0,4c0.7-0.1,1.5-0.5,2.2-1.3c0.6-0.6,1.1-1.5,1.4-2.3l0.1-0.3h2.6L19.3,8c-0.6,2.1-2.1,3.7-3.3,4.4l0,0c0.6,0.3,2.8,1.5,3.8,4.3
|
||||
l0.2,0.7h-2.9L17,17c-0.7-1.9-2.2-3.1-3.9-3.2V17.4z M17.9,16.3h0.7c-0.8-1.6-2-2.6-3-3.1l-1.7-0.8l1.6-1c0.9-0.6,2-1.7,2.6-3.1
|
||||
h-0.5c-0.3,0.9-0.8,1.7-1.5,2.3c-0.9,0.9-1.9,1.5-2.8,1.6l-1.1,0.1V8.4h-0.6v7.2l-1.2-0.3c-2-0.5-4.1-2.6-4.5-6.9H5.1
|
||||
C5.3,10.7,6,12.7,7.2,14c1.2,1.4,2.9,2.2,4.9,2.3v-3.7l1.1,0.1C15.3,13,17,14.3,17.9,16.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -1,2 +1,57 @@
|
|||
footer.footer
|
||||
.st-width footer
|
||||
.st-width
|
||||
.footer__main
|
||||
.footer__info
|
||||
.footer__logo-wrap
|
||||
.footer__logo
|
||||
img(src="assets/img/logo.svg", alt="")
|
||||
|
||||
.footer__slogan Национальный союз мясопереработчиков
|
||||
|
||||
nav.main-menu
|
||||
ul.main-menu__list
|
||||
-
|
||||
var list=[
|
||||
{text:'Главная'},
|
||||
{text:'Новости'},
|
||||
{text:'Участие в НСМ'},
|
||||
{text:'Контакты'},
|
||||
]
|
||||
each item in list
|
||||
li.main-menu__item
|
||||
a(href="#").main-menu__link= item.text
|
||||
|
||||
.footer-dev
|
||||
.footer-dev__img
|
||||
img(src="assets/img/circle.svg", alt="")
|
||||
|
||||
.footer-dev__content
|
||||
.footer-dev__label Разработка & Дизайн
|
||||
.footer-dev__text Корпоративный маркетинг
|
||||
.footer-dev__phone
|
||||
a(href="tel:+79169881121") +7 (916) 988 11 21
|
||||
|
||||
.footer-contacts
|
||||
.footer-contacts__title Контакты
|
||||
|
||||
.footer-contacts__item
|
||||
a(href="tel:+74956767011") +7 (495) 676-70-11
|
||||
|
||||
.footer-contacts__item
|
||||
a(href="maito:office@nsmrf.ru") office@nsmrf.ru
|
||||
|
||||
.social
|
||||
a(href="#").social__item
|
||||
+svg('ic-telegram','ic-telegram', '1.5625vw', '1.5625vw')
|
||||
|
||||
a(href="#").social__item
|
||||
+svg('ic-vk','ic-vk', '1.5625vw', '1.5625vw')
|
||||
|
||||
a(href="#").btn.btn_white Вступить
|
||||
|
||||
.footer__bottom
|
||||
.footer__copyright © 1997-2023 Национальный союз мясоперерабочиков
|
||||
|
||||
.footer__polit
|
||||
a(href="#") Политика конфинденциальности в отношении пользовательских данных
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,22 @@
|
|||
header.header
|
||||
.st-width header
|
||||
.st-width
|
||||
.header__conent
|
||||
.header__logo
|
||||
img(src="assets/img/logo.svg", alt="")
|
||||
|
||||
nav.main-menu
|
||||
ul.main-menu__list
|
||||
-
|
||||
var list=[
|
||||
{text:'Главная'},
|
||||
{text:'Новости'},
|
||||
{text:'Вступить в НСМ'},
|
||||
{text:'Контакты'},
|
||||
]
|
||||
each item in list
|
||||
li.main-menu__item
|
||||
a(href="#").main-menu__link= item.text
|
||||
|
||||
.header__actions
|
||||
a(href="#").btn.btn_white Каталог
|
||||
a(href="#").btn.btn_border Войти
|
||||
|
|
@ -68,5 +68,10 @@ block content
|
|||
.type-icon
|
||||
.type-icon__item
|
||||
.type-icon__img
|
||||
+svg('ic-twitter','ic-twitter', '17', '14')
|
||||
.type-icon__name ic-twitter
|
||||
+svg('ic-telegram','ic-telegram', '1.5625vw', '1.5625vw')
|
||||
.type-icon__name ic-telegram
|
||||
|
||||
.type-icon__item
|
||||
.type-icon__img
|
||||
+svg('ic-vk','ic-vk', '1.5625vw', '1.5625vw')
|
||||
.type-icon__name ic-vk
|
||||
Loading…
Reference in New Issue