/
eb
/
Surf
Обзор
Документация
Войти
/
eb
/
Surf
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
dist/index.html
1 064 строки
65 KB
EvgeniyBudaev
update dist
17 фев 2020, 14:39
17 фев 2020, 14:39
6da2488
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Surfing</title> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" /> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,300,400,500,700,800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.min.css"> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <header class="header"> <div class="header__title"> WestShore </div> <div class="header__map"> <svg width="1001" height="496" viewBox="0 0 1001 496" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.29827"> <path d="M1008.08 163.448L443.182 -356.858V-747.19L28.1096 -770C24.9043 -762.456 4.36709 -740.714 7.57176 -728.596C11.43 -714.102 30.8387 -718.735 36.4776 -709.409C43.0661 -698.42 31.7291 -653.749 28.3457 -640.86C21.8759 -616.445 7.09676 -596.665 2.82235 -572.25C-4.35982 -531.263 10.1824 -534.53 37.7242 -508.927C84.141 -465.742 46.9244 -420.952 58.6176 -370.223C68.1146 -328.878 109.605 -307.554 124.8 -266.211C136.553 -234.37 152.697 -226.233 177.746 -202.947C177.153 -217.084 164.51 -258.785 188.253 -255.102C211.817 -251.478 202.736 -216.669 207.247 -202.115C211.045 -189.997 237.933 -165.761 215.616 -154.593C208.196 -150.91 187.066 -165.582 178.577 -169.503C184.572 -150.791 180.774 -131.367 190.271 -113.487C201.608 -92.162 213.835 -100.359 228.853 -88.7754C244.344 -76.8355 242.683 -63.1137 235.797 -45.0554C228.615 -26.2247 221.196 -29.1352 232.592 -6.44342C240.843 9.95119 254.85 30.7421 266.9 43.2164C273.904 50.4634 281.502 52.1267 288.506 61.3932C294.323 69.1155 292.067 79.2142 299.012 86.1638C310.883 98.1037 331.006 98.282 340.384 113.904C350.831 131.309 338.96 144.437 369.706 142.833C371.309 177.643 377.897 209.185 377.541 243.994C394.695 250.825 422.414 242.687 440.399 239.063C458.266 263.18 481.355 246.429 501.774 259.558C510.678 265.26 508.837 279.517 514.239 284.506C525.339 294.723 533.529 288.308 547.301 291.872C557.51 294.486 565.404 301.97 575.138 304.703C584.338 307.257 599.475 301.258 606.301 309.396C614.492 319.138 600.78 336.958 613.127 344.799C623.395 351.333 638.115 335.77 648.088 338.027C659.721 340.7 693.079 371.174 701.271 381.212C710.59 392.677 719.969 414.062 725.25 428.793C733.501 451.841 732.373 463.127 749.408 479.998C760.27 490.75 749.942 491.522 767.63 494.67C779.204 496.749 794.518 488.374 806.212 487.067C830.549 484.394 855.122 489.027 879.102 484.453C901.421 480.176 922.729 473.166 945.64 469.899C965.465 467.048 1000.37 469.246 1017.94 459.801C1036.99 449.643 1038.71 426.654 1011.17 430.932C1008.97 416.26 1018.77 396.003 1007.85 385.847C1023.04 365.056 1028.56 350.384 1030.93 324.959C1032 313.792 1032.48 301.436 1038 292.05C1043.4 282.783 1058.59 277.259 1061.56 269.299C1066.13 256.943 1058.83 251.419 1053.25 244.528C1049.69 240.073 1039.54 242.212 1036.63 238.291C1031.23 231.103 1036.57 223.678 1033.6 216.431C1024.94 195.462 1014.61 187.205 1008.08 163.444C1008.26 167.424 1008.44 171.463 1008.2 175.384" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </g> <path class="line-animation" d="M729.114 83.9394C720.546 107.321 740.614 115.526 756.675 130.807C761.434 135.336 761.888 142.817 756.879 147.342C746.107 157.074 705.264 142.917 707.854 155.745C710.53 168.994 745.061 187.531 746.618 188.799C760.284 199.932 764.735 228.174 757.208 243.658C751.852 254.676 716.342 250.962 705.172 247.293C632.024 223.266 664.985 226.131 582.817 218.67C576.527 218.099 569.935 217.806 563.894 219.65C557.671 221.549 557.869 229.339 559.957 233.55C566.876 247.506 597.849 271.178 589.514 289.523C586.956 295.152 580.963 298.707 578.264 304.27C576.151 308.627 576.385 313.772 575.445 318.523" stroke="white" stroke-width="2" /> <path class="animated fadeIn delay-5s" fill-rule="evenodd" clip-rule="evenodd" d="M573.5 326C577.09 326 580 323.09 580 319.5C580 315.91 577.09 313 573.5 313C569.91 313 567 315.91 567 319.5C567 323.09 569.91 326 573.5 326Z" fill="#4AF6CD" /> <path class="animated fadeIn delay-2s" fill-rule="evenodd" clip-rule="evenodd" d="M661 363C662.657 363 664 361.657 664 360C664 358.343 662.657 357 661 357C659.343 357 658 358.343 658 360C658 361.657 659.343 363 661 363Z" fill="#4AF6CD" /> <path class="animated fadeIn delay-3s" fill-rule="evenodd" clip-rule="evenodd" d="M725 471C726.657 471 728 469.657 728 468C728 466.343 726.657 465 725 465C723.343 465 722 466.343 722 468C722 469.657 723.343 471 725 471Z" fill="#4AF6CD" /> <path class="animated fadeIn delay-1s" fill-rule="evenodd" clip-rule="evenodd" d="M365 228C366.657 228 368 226.657 368 225C368 223.343 366.657 222 365 222C363.343 222 362 223.343 362 225C362 226.657 363.343 228 365 228Z" fill="#4AF6CD" /> <path class="animated fadeIn delay-4s" fill-rule="evenodd" clip-rule="evenodd" d="M729.5 91C733.09 91 736 88.0899 736 84.5C736 80.9101 733.09 78 729.5 78C725.91 78 723 80.9101 723 84.5C723 88.0899 725.91 91 729.5 91Z" fill="#4AF6CD" /> <path d="M398.41 310.976L396.17 322H394.218L392.186 312.768L390.138 322H388.234L385.994 310.976H387.482L389.258 320.672L391.386 310.976H393.002L395.178 320.672L397.018 310.976H398.41ZM406.544 317. … [Строка слишком длинная. Вы можете скачать файл] fill="white" /> <path d="M598.378 75.784C599.039 75.784 599.594 75.8693 600.042 76.04C600.501 76.2107 600.965 76.488 601.434 76.872L600.602 77.848C599.93 77.304 599.221 77.032 598.474 77.032C597.557 77.032 596.815 77.384 596.25 78.088C595.695 78.792 595.418 79.9227 595.418 81.48C595.418 82.9947 595.695 84.1147 596.25 84.84C596.805 85.5547 597.541 85.912 598.458 85.912C598.927 85.912 599.338 85.832 599.69 85.672C600.042 85.512 600.415 85.288 600.81 85L601.562 85.96C601.221 86.312 600.783 86.6053 600.25 86.84C599.717 87.0747 599.103 87.192 598.41 87.192C597.514 87.192 596.714 86.9733 596.01 86.536C595.317 86.088 594.773 85.4373 594.378 84.584C593.994 83.72 593.802 82.6853 593.802 81.48C593.802 80.2747 594.005 79.2453 594.41 78.392C594.815 77.528 595.365 76.8773 596.058 76.44C596.751 76.0027 597.525 75.784 598.378 75.784ZM609.401 87H608.137L608.025 85.688C607.705 86.2107 607.337 86.5947 606.921 86.84C606.505 87.0747 605.999 87.192 605.401 87.192C604.665 87.192 604.089 86.968 603.673 86.52C603.257 86.072 603.049 85.4373 603.049 84.616V78.568H604.521V84.456C604.521 85.032 604.623 85.4427 604.825 85.688C605.028 85.9227 605.359 86.04 605.817 86.04C606.639 86.04 607.343 85.5547 607.929 84.584V78.568H609.401V87ZM616.106 78.376C616.405 78.376 616.682 78.408 616.938 78.472L616.666 79.912C616.41 79.848 616.165 79.816 615.93 79.816C615.407 79.816 614.986 80.008 614.666 80.392C614.346 80.776 614.095 81.3733 613.914 82.184V87H612.442V78.568H613.706L613.85 80.28C614.074 79.6507 614.378 79.176 614.762 78.856C615.146 78.536 615.594 78.376 616.106 78.376ZM622.278 78.376C622.576 78.376 622.854 78.408 623.11 78.472L622.838 79.912C622.582 79.848 622.336 79.816 622.102 79.816C621.579 79.816 621.158 80.008 620.838 80.392C620.518 80.776 620.267 81.3733 620.086 82.184V87H618.614V78.568H619.878L620.022 80.28C620.246 79.6507 620.55 79.176 620.934 78.856C621.318 78.536 621.766 78.376 622.278 78.376ZM630.669 82.536C630.669 82.7813 630.659 83.032 630.637 83.288H625.261C625.325 84.216 625.56 84.8987 625.965 85.336C626.371 85.7733 626.893 85.992 627.533 85.992C627.939 85.992 628.312 85.9333 628.653 85.816C628.995 85.6987 629.352 85.512 629.725 85.256L630.365 86.136C629.469 86.84 628.488 87.192 627.421 87.192C626.248 87.192 625.331 86.808 624.669 86.04C624.019 85.272 623.693 84.216 623.693 82.872C623.693 81.9973 623.832 81.224 624.109 80.552C624.397 79.8693 624.803 79.336 625.325 78.952C625.859 78.568 626.483 78.376 627.197 78.376C628.317 78.376 629.176 78.744 629.773 79.48C630.371 80.216 630.669 81.2347 630.669 82.536ZM629.213 82.104C629.213 81.272 629.048 80.6373 628.717 80.2C628.387 79.7627 627.891 79.544 627.229 79.544C626.024 79.544 625.368 80.4293 625.261 82.2H629.213V82.104ZM636.988 78.376C637.756 78.376 638.353 78.6053 638.78 79.064C639.217 79.5227 639.436 80.152 639.436 80.952V87H637.964V81.16C637.964 80.5627 637.852 80.1413 637.628 79.896C637.404 79.6507 637.073 79.528 636.636 79.528C636.188 79.528 635.793 79.656 635.452 79.912C635.111 80.168 634.791 80.536 634.492 81.016V87H633.02V78.568H634.284L634.412 79.816C634.711 79.368 635.079 79.016 635.516 78.76C635.964 78.504 636.455 78.376 636.988 78.376ZM646.651 86.616C646.096 87 645.467 87.192 644.763 87.192C644.048 87.192 643.488 86.9893 643.083 86.584C642.688 86.168 642.491 85.5707 642.491 84.792V79.704H641.019V78.568H642.491V76.664L643.963 76.488V78.568H645.963L645.803 79.704H643.963V84.728C643.963 85.1653 644.038 85.4853 644.187 85.688C644.347 85.88 644.608 85.976 644.971 85.976C645.302 85.976 645.675 85.864 646.091 85.64L646.651 86.616ZM654.011 75.976V85.672H658.539L658.363 87H652.491V75.976H654.011ZM663.141 78.376C664.325 78.376 665.242 78.7707 665.893 79.56C666.554 80.3493 666.885 81.4213 666.885 82.776C666.885 83.6507 666.736 84.424 666.437 85.096C666.138 85.7573 665.706 86.2747 665.141 86.648C664.576 87.0107 663.904 87.192 663.125 87.192C661.941 87.192 661.018 86.7973 660.357 86.008C659.696 85.2187 659.365 84.1467 659.365 82.792C659.365 81.9173 659.514 81.1493 659.813 80.488C660.112 79.816 660.544 79.2987 661.109 78.936C661.674 78.5627 662.352 78.376 663.141 78.376ZM663.141 79.56C661.68 79.56 660.949 80.6373 660.949 82.792C660.949 84.936 661.674 86.008 663.125 86.008C664.576 86.008 665.301 84.9307 665.301 82.776C665.301 80.632 664.581 79.56 663.141 79.56ZM672.389 78.376C672.89 78.376 673.349 78.4507 673.765 78.6C674.181 78.7387 674.581 78.968 674.965 79.288L674.261 80.216C673.962 80.0027 673.669 79.848 673.381 79.752C673.104 79.6453 672.794 79.592 672.453 79.592C671.77 79.592 671.237 79.864 670.853 80.408C670.48 80.952 670.293 81.7573 670.293 82.824C670.293 83.8907 670.48 84.68 670.853 85.192C671.226 85.6933 671.76 85.944 672.453 85.944C672.784 85.944 673.088 85.896 673.365 85.8C673.642 85.6933 673.952 85.528 674.293 85.304L674.965 86.264C674.197 86.8827 673.338 87.192 672.389 87.192C671.248 87.192 670.346 86.808 669.685 86.04C669.034 85.272 668.709 84.2107 668.709 82.856C668.709 81.96 668.858 81.176 669.157 80.504C669.456 79.832 669.877 79.3093 670.421 78.936C670.976 78.5627 671.632 78.376 672.389 78.376ZM682.481 85.032C682.481 85.3733 682.54 85.6293 682.657 85.8C682.775 85.96 682.951 86.0827 683.185 86.168L682.849 87.192C682.412 87.1387 682.06 87.016 681.793 86.824C681.527 86.632 681.329 86.3333 681.201 85.928C680.636 86.7707 679.799 87.192 678.689 87.192C677.857 87.192 677.201 86.9573 676.721 86.488C676.241 86.0187 676.001 85.4053 676.001 84.648C676.001 83.752 676.321 83.064 676.961 82.584C677.612 82.104 678.529 81.864 679.713 81.864H681.009V81.24C681.009 80.6427 680.865 80.216 680.577 79.96C680.289 79.704 679.847 79.576 679.249 79.576C678.631 79.576 677.873 79.7253 676.977 80.024L676.609 78.952C677.655 78.568 678.625 78.376 679.521 78.376C680.513 78.376 681.255 78.6213 681.745 79.112C682.236 79.592 682.481 80.28 682.481 81.176V85.032ZM679.025 86.088C679.868 86.088 680.529 85.6507 681.009 84.776V82.84H679.905C678.348 82.84 677.569 83.416 677.569 84.568C677.569 85.0693 677.692 85.448 677.937 85.704C678.183 85.96 678.545 86.088 679.025 86.088ZM689.76 86.616C689.206 87 688.576 87.192 687.872 87.192C687.158 87.192 686.598 86.9893 686.192 86.584C685.798 86.168 685.6 85.5707 685.6 84.792V79.704H684.128V78.568H685.6V76.664L687.072 76.488V78.568H689.072L688.912 79.704H687.072V84.728C687.072 85.1653 687.147 85.4853 687.296 85.688C687.456 85.88 687.718 85.976 688.08 85.976C688.411 85.976 688.784 85.864 689.2 85.64L689.76 86.616ZM692.758 78.568V87H691.286V78.568H692.758ZM692.006 74.52C692.315 74.52 692.566 74.616 692.758 74.808C692.95 75 693.046 75.24 693.046 75.528C693.046 75.816 692.95 76.056 692.758 76.248C692.566 76.4293 692.315 76.52 692.006 76.52C691.707 76.52 691.462 76.4293 691.27 76.248C691.078 76.056 690.982 75.816 690.982 75.528C690.982 75.24 691.078 75 691.27 74.808C691.462 74.616 691.707 74.52 692.006 74.52ZM698.969 78.376C700.153 78.376 701.071 78.7707 701.721 79.56C702.383 80.3493 702.713 81.4213 702.713 82.776C702.713 83.6507 702.564 84.424 702.265 85.096C701.967 85.7573 701.535 86.2747 700.969 86.648C700.404 87.0107 699.732 87.192 698.953 87.192C697.769 87.192 696.847 86.7973 696.185 86.008C695.524 85.2187 695.193 84.1467 695.193 82.792C695.193 81.9173 695.343 81.1493 695.641 80.488C695.94 79.816 696.372 79.2987 696.937 78.936C697.503 78.5627 698.18 78.376 698.969 78.376ZM698.969 79.56C697.508 79.56 696.777 80.6373 696.777 82.792C696.777 84.936 697.503 86.008 698.953 86.008C700.404 86.008 701.129 84.9307 701.129 82.776C701.129 80.632 700.409 79.56 698.969 79.56ZM709.113 78.376C709.881 78.376 710.478 78.6053 710.905 79.064C711.342 79.5227 711.561 80.152 711.561 80.952V87H710.089V81.16C710.089 80.5627 709.977 80.1413 709.753 79.896C709.529 79.6507 709.198 79.528 708.761 79.528C708.313 79.528 707.918 79.656 707.577 79.912C707.236 80.168 706.916 80.536 706.617 81.016V87H705.145V78.568H706.409L706.537 79.816C706.836 79.368 707.204 79.016 707.641 78.76C708.089 78.504 708.58 78.376 709.113 78.376Z" fill="white" /> </svg> </div> <div class="menu-btn"> <div class="menu-btn__inner"> <div class="menu-btn__line"></div> <div class="menu-btn__line"></div> <div class="menu-btn__line"></div> </div> </div> <div class="header__aside"> <div class="logo"> <a href="#"> <img src="images/logo.svg" alt=""> </a> </div> <nav class="menu"> <ul class="menu__list"> <li><a href="#"><img src="images/nav-icon-1.svg" alt=""><span>Surf</span></a></li> <li><a href="#"><img src="images/nav-icon-2.svg" alt=""><span>Travel</span></a></li> <li><a href="#"><img src="images/nav-icon-3.svg" alt=""><span>Sleep</span></a></li> <li><a href="#"><img src="images/nav-icon-4.svg" alt=""><span>Shop</span></a></li> </ul> </nav> <div class="header__search"> <img src="images/Search.svg" alt=""> </div> <div class="header__date"> 01 <span>12 | 2019</span> </div> <div class="header__location"> California </div> </div> <div class="header__arrows"> <a href="#" class="animated fadeInDown infinite slow"> <img src="images/arrows-down.svg" alt=""> </a> </div> <div class="header__slider"> <div class="header__slider-item slider-item"> <div class="slider-item__info"> <div class="slider-item__info-suptitle headline-left">Surf</div> <div class="slider-item__info-title animated fadeInLeft delay-1s">North shore</div> <div class="slider-item__info-suptext headline-left">Condition</div> <div class="slider-item__info-text animated fadeInRight delay-1s">Radical</div> <a href="#" class="slider-item__info-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> </div> <div class="header__slider-item slider-item"> <div class="slider-item__info"> <div class="slider-item__info-suptitle headline-left">Surf</div> <div class="slider-item__info-title">South shore</div> <div class="slider-item__info-suptext headline-left">Condition</div> <div class="slider-item__info-text">Radical</div> <a href="#" class="slider-item__info-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> </div> <div class="header__slider-item slider-item"> <div class="slider-item__info"> <div class="slider-item__info-suptitle headline-left">Surf</div> <div class="slider-item__info-title">West shore</div> <div class="slider-item__info-suptext headline-left">Condition</div> <div class="slider-item__info-text">Radical</div> <a href="#" class="slider-item__info-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> </div> <div class="header__slider-item slider-item"> <div class="slider-item__info"> <div class="slider-item__info-suptitle headline-left">Surf</div> <div class="slider-item__info-title">East shore</div> <div class="slider-item__info-suptext headline-left">Condition</div> <div class="slider-item__info-text">Radical</div> <a href="#" class="slider-item__info-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> </div> </div> <div class="slider-dotshead animated fadeInUp delay-2s"> <div class="slider-dots__item"> <div class="dots-box"> <div class="dots-box__number">01</div> <div class="dots-box__name">North Shore</div> </div> </div> <div class="slider-dots__item"> <div class="dots-box"> <div class="dots-box__number">02</div> <div class="dots-box__name">South shore</div> </div> </div> <div class="slider-dots__item"> <div class="dots-box"> <div class="dots-box__number">03</div> <div class="dots-box__name">West shore</div> </div> </div> <div class="slider-dots__item"> <div class="dots-box"> <div class="dots-box__number">04</div> <div class="dots-box__name">East shore</div> </div> </div> </div> </header> <div class="container"> <section class="surf"> <div class="title"> <div> <span class="wow fadeInLeft" data-wow-offset="400">surf</span> <h3>surf</h3> </div> </div> <div class="surf__subtitle"> <div class="subtitle wow fadeInRight" data-wow-offset="400"> <div class="headline-left">Current location</div> <div class="subtitle__head"> California <span>|</span> USA</div> </div> </div> <div class="slider-map wow zoomInDown" data-wow-offset="350" data-wow-duration="1.5s"> <div class="slider-dots slider-dots--1 wow fadeInUpBig" data-wow-delay="1s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content wow fadeIn" data-wow-delay="2.5s"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--2 wow fadeInUpBig" data-wow-delay="1.2s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--3 wow fadeInUpBig" data-wow-delay="1.3s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--4 wow fadeInUpBig" data-wow-delay="1.4s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--5 wow fadeInUpBig" data-wow-delay="1.5s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--6 wow fadeInUpBig" data-wow-delay="1.6s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--7 wow fadeInUpBig" data-wow-delay="1.7s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots slider-dots--8 wow fadeInUpBig" data-wow-delay="1.8s"> <div class="slider-dots__circle"></div> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> <div class="slider-dots"> <div class="slider-dots__circle"> <div class="slider-dots__content"> <div class="slider-dots__content-row"> <div class="slider-dots__content-head"> <div class="slider-dots__content-title">Airlie beach</div> <div class="slider-dots__content-subtitle">Australia</div> </div> <a href="#" class="slider-dots__content-link"> <img src="images/arrows-right.svg" alt=""> </a> </div> <div class="slider-dots__content-row"> <div class="slider-dots__content-item"> <img src="images/surf-icon.svg" alt=""> <div class="slider-dots__content-number">9 - 13</div> <div class="slider-dots__content-name">Surf (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/water-icon.svg" alt=""> <div class="slider-dots__content-number">+2.3</div> <div class="slider-dots__content-name">Tide (FT)</div> </div> <div class="slider-dots__content-item"> <img src="images/wind-icon.svg" alt=""> <div class="slider-dots__content-number">4 SE</div> <div class="slider-dots__content-name">Wind (KTS)</div> </div> </div> </div> </div> </div> </div> <div class="surf-slider"> <div class="surf-box"> <div class="surf-box__wrapper wow fadeInUp" data-wow-offset="400" data-wow-delay="0.3s" style=" background-image: url(images/slide-1.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Malibu Beach</div> <div class="surf-box__inner-location">California <span>|</span> USA</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper wow fadeInUp" data-wow-offset="400" data-wow-delay="0.6s" style=" background-image: url(images/slide-2.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Airlie Beach</div> <div class="surf-box__inner-location">Queensland <span>|</span> Australia</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper wow fadeInUp" data-wow-offset="400" data-wow-delay="0.9s" style=" background-image: url(images/slide-3.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Cloud Nine</div> <div class="surf-box__inner-location">Siargao <span>|</span> Philippines</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper wow fadeInUp" data-wow-offset="400" data-wow-delay="1.2s" style=" background-image: url(images/slide-4.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Vieux Boucau</div> <div class="surf-box__inner-location">Hossegor <span>|</span> France</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper" style=" background-image: url(images/slide-1.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Malibu Beach</div> <div class="surf-box__inner-location">California <span>|</span> USA</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper" style=" background-image: url(images/slide-2.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Airlie Beach</div> <div class="surf-box__inner-location">Queensland <span>|</span> Australia</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper" style=" background-image: url(images/slide-3.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Cloud Nine</div> <div class="surf-box__inner-location">Siargao <span>|</span> Philippines</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> <div class="surf-box"> <div class="surf-box__wrapper" style=" background-image: url(images/slide-4.jpg);"> <div class="surf-box__inner"> <div class="surf-box__inner-title">Vieux Boucau</div> <div class="surf-box__inner-location">Hossegor <span>|</span> France</div> <div class="surf-box__inner-btn"> <a href="#" class="btn"> view <span>surf</span> </a> </div> </div> </div> </div> </div> </section> <!-- TRAVEL--> <!-- TRAVEL--> <section class="holder"> <div class="container"> <div class="title"> <div> <span class="wow fadeInLeft" data-wow-offset="300">travel</span> <h3>travel</h3> </div> </div> <div class="holder__slider"> <div class="holder__slider-item holder-slider"> <div class="holder-slider__head" style="background-image: url(images/travelslider-bg.png);"> <div class="holder-slider__subtitle"> <div class="subtitle wow fadeInRight" data-wow-offset="400"> <div class="headline-left">Shore</div> <div class="subtitle__head">Airlie Beach <span>|</span> Australia</div> </div> </div> </div> <div class="holder-slider__descr wow fadeInUp" data-wow-offset="400" style="background-image: url(images/virgin.png);"> <div class="descr"> <div class="headline-right">Airlin</div> <div class="descr__head">Virgin Australia <img src="images/avia-logo.svg" alt=""></div> </div> </div> <div class="holder-slider__info"> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay=".3s"> <div class="holder-slider__info-subtitle">Destination</div> <div class="holder-slider__info-title">Queensland <br> Australia</div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay=".6s"> <div class="holder-slider__info-subtitle">Distance</div> <div class="holder-slider__info-title">7,065 Miles</div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay=".9s"> <div class="holder-slider__info-subtitle">Travel Time</div> <div class="holder-slider__info-title">23 Hours <br> 5 Minutes</div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay="1.2s"> <div class="holder-slider__info-subtitle">Pricing</div> <div class="holder-slider__info-title">$1,976 USD <span class="holder-pricing__span">Round Trip</span> </div> </div> </div> <div class="holder-slider__btn"> <a href="#" class="btn wow fadeInUp" data-wow-delay="1.5s"> book <span>flight</span> </a> </div> </div> <div class="holder__slider-item holder-slider"> <div class="holder-slider__head" style="background-image: url(images/travelslider-bg.png);"> <div class="holder-slider__subtitle"> <div class="subtitle"> <div class="headline-left">Shore</div> <div class="subtitle__head">Airlie Beach <span>|</span> Australia</div> </div> </div> </div> <div class="holder-slider__descr" style="background-image: url(images/virgin.png);"> <div class="descr"> <div class="headline-right">Airlin</div> <div class="descr__head">Virgin Australia <img src="images/avia-logo.svg" alt=""></div> </div> </div> <div class="holder-slider__info"> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Destination</div> <div class="holder-slider__info-title">Queensland <br> Australia</div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Distance</div> <div class="holder-slider__info-title">7,065 Miles</div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Travel Time</div> <div class="holder-slider__info-title">23 Hours <br> 5 Minutes</div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Pricing</div> <div class="holder-slider__info-title">$1,976 USD <span class="holder-pricing__span">Round Trip</span> </div> </div> </div> <div class="holder-slider__btn"> <a href="#" class="btn"> book <span>flight</span> </a> </div> </div> </div> </div> </section> <!-- SLEEP--> <!-- SLEEP--> <section class="holder sleep"> <div class="container"> <div class="title"> <div> <span class="wow fadeInLeft" data-wow-offset="300">sleep</span> <h3>sleep</h3> </div> </div> <div class="holder__slider"> <div class="holder__slider-item holder-slider"> <div class="holder-slider__head" style="background-image: url(images/sleepslider-bg.png);"> <div class="holder-slider__subtitle"> <div class="subtitle wow fadeInRight" data-wow-offset="400"> <div class="headline-left">Resorts</div> <div class="subtitle__head">Auberge <span>|</span> Australia</div> </div> </div> </div> <div class="holder-slider__descr" style="background-image: url(images/hammock.png);"> <div class="descr"> <div class="headline-right">Rating</div> <div class="descr__head descr__head-sleep">Excellent <ul class="holder__star-list star-list"> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> </ul> </div> </div> </div> <div class="holder-slider__info"> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay="0.3s"> <div class="holder-slider__info-subtitle">Resort</div> <div class="holder-slider__info-title">Auberge <br> Australia</div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay="0.6s"> <div class="holder-slider__info-subtitle"># of nights</div> <div class="holder-slider__info-title"> <div class="quantity"> <input class="nights" type="number" min="1" max="9" step="1" value="5"> </div> Nights </div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay="0.9s"> <div class="holder-slider__info-subtitle"># of guests</div> <div class="holder-slider__info-title"> <div class="quantity"> <input class="guests" type="number" min="1" max="9" step="1" value="4"> </div> Guests <br> 5 Minutes </div> </div> <div class="holder-slider__info-item wow fadeInUp" data-wow-offset="200" data-wow-delay="1.2s"> <div class="holder-slider__info-subtitle">Pricing</div> <div class="holder-slider__info-title"> <span class="summ" data-nights="55" data-guests="25"></span> USD <span class="holder-pricing__span">Per Night</span> </div> </div> </div> <div class="holder-slider__btn"> <a href="#" class="btn wow fadeInUp" data-wow-delay="1.5s"> book <span>stay</span> </a> </div> </div> <div class="holder__slider-item holder-slider"> <div class="holder-slider__head" style="background-image: url(images/sleepslider-bg.png);"> <div class="holder-slider__subtitle"> <div class="subtitle"> <div class="headline-left">Resorts</div> <div class="subtitle__head">Auberge <span>|</span> Australia</div> </div> </div> </div> <div class="holder-slider__descr" style="background-image: url(images/hammock.png);"> <div class="descr"> <div class="headline-right">Rating</div> <div class="descr__head descr__head-sleep">Excellent <ul class="holder__star-list star-list"> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> </ul> </div> </div> </div> <div class="holder-slider__info"> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Resort</div> <div class="holder-slider__info-title">Auberge <br> Australia</div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle"># of nights</div> <div class="holder-slider__info-title"> <div class="quantity"> <input class="nights" type="number" min="1" max="9" step="1" value="5"> </div> Nights </div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle"># of guests</div> <div class="holder-slider__info-title"> <div class="quantity"> <input class="guests" type="number" min="1" max="9" step="1" value="4"> </div> Guests <br> 5 Minutes </div> </div> <div class="holder-slider__info-item"> <div class="holder-slider__info-subtitle">Pricing</div> <div class="holder-slider__info-title"> <span class="summ" data-nights="55" data-guests="25"></span> USD <span class="holder-pricing__span">Per Night</span> </div> </div> </div> <div class="holder-slider__btn"> <a href="#" class="btn"> book <span>stay</span> </a> </div> </div> </div> </div> </section> <section class="shop"> <div class="title"> <div> <span class="wow fadeInLeft" data-wow-offset="300">shop</span> <h3>shop</h3> </div> </div> <div class="shop__slider"> <div class="shop__slider-item"> <div class="shop__slider-inner"> <div class="shop__slider-info"> <div class="descr"> <div class="headline-right">Style</div> <div class="descr__head descr__head-shop">North Nugget TT Surfboard </div> </div> <div class="shop__slider-price"> <ul class="shop__star-list star-list"> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> </ul> $799<sup>99</sup> </div> <div class="shop__slider-btn"> <a href="#" class="btn"> drop <span>in</span> </a> </div> </div> <div class="shop__slider-content"> <div class="surfboard wow fadeInUp" data-wow-offset="400"> <img src="images/surfboard.png" alt=""> <div class="surfboard-box surfboard__position--1"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> <div class="surfboard-box surfboard__position--2"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> <div class="surfboard-box surfboard__position--3"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> </div> <div class="shop__extras wow fadeInUp"> <div class="shop__extras-title"> Extras </div> <div class="shop__extras-inner"> <div class="shop__extras-box"> <div class="shop__extras-img"> <img src="images/wax.png" alt=""> </div> <div class="shop__extras-name">Sex Wax</div> <div class="shop__extras-price">$24.99</div> </div> <div class="shop__extras-box"> <div class="shop__extras-img"> <img src="images/bracelet.png" alt=""> </div> <div class="shop__extras-name">Pura Vida</div> <div class="shop__extras-price">$27.99</div> </div> </div> </div> </div> </div> </div> <div class="shop__slider-item"> <div class="shop__slider-inner"> <div class="shop__slider-info"> <div class="descr"> <div class="headline-right">Style</div> <div class="descr__head descr__head-shop">North Nugget TT Surfboard </div> </div> <div class="shop__slider-price"> <ul class="shop__star-list star-list"> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> <li><img src="images/star.svg" alt=""></li> </ul> $799<sup>99</sup> </div> <div class="shop__slider-btn"> <a href="#" class="btn"> drop <span>in</span> </a> </div> </div> <div class="shop__slider-content"> <div class="surfboard"> <img src="images/surfboard.png" alt=""> <div class="surfboard-box surfboard__position--1"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> <div class="surfboard-box surfboard__position--2"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> <div class="surfboard-box surfboard__position--3"> <div class="surfboard-box__circle"> <div class="circle-row"></div> <div class="circle-row"></div> </div> <div class="surfboard-box__content"> Double Concave with Vee Shape low point </div> </div> </div> <div class="shop__extras"> <div class="shop__extras-title"> Extras </div> <div class="shop__extras-inner"> <div class="shop__extras-box"> <div class="shop__extras-img"> <img src="images/wax.png" alt=""> </div> <div class="shop__extras-name">Sex Wax</div> <div class="shop__extras-price">$24.99</div> </div> <div class="shop__extras-box"> <div class="shop__extras-img"> <img src="images/bracelet.png" alt=""> </div> <div class="shop__extras-name">Pura Vida</div> <div class="shop__extras-price">$27.99</div> </div> </div> </div> </div> </div> </div> </div> </section> <footer class="footer"> <a href="#" class="btn wow fadeInUp"> go <span>surf</span> </a> <div class="footer__copy"> © Go-Surf 2018. All Rights Reserved. </div> </footer> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="js/libs.min.js"></script> <script src="js/main.js"></script> </body> </html>