Browse Source

Выгрузка готового проекта

Yasdeeesd 6 months ago
parent
commit
f5911cc8f1
85 changed files with 285 additions and 1958 deletions
  1. 0 390
      about-us.html
  2. 0 455
      blog-details.html
  3. 0 368
      blog.html
  4. 75 77
      contact.html
  5. 7 13
      css/style.css
  6. BIN
      img/about/222.jpg
  7. BIN
      img/about/about-1.jpg
  8. BIN
      img/about/about-2.jpg
  9. BIN
      img/about/about-p1.jpg
  10. BIN
      img/about/about-p2.jpg
  11. BIN
      img/about/about-p3.jpg
  12. BIN
      img/blog/Group41.png
  13. BIN
      img/blog/blog-1.jpg
  14. BIN
      img/blog/blog-2.jpg
  15. BIN
      img/blog/blog-3.jpg
  16. BIN
      img/blog/blog-4.jpg
  17. BIN
      img/blog/blog-5.jpg
  18. BIN
      img/blog/blog-6.jpg
  19. BIN
      img/blog/blog-7.jpg
  20. BIN
      img/blog/blog-8.jpg
  21. BIN
      img/blog/blog-9.jpg
  22. BIN
      img/blog/blog-details/avatar/avatar-1.jpg
  23. BIN
      img/blog/blog-details/avatar/avatar-2.jpg
  24. BIN
      img/blog/blog-details/avatar/avatar-3.jpg
  25. BIN
      img/blog/blog-details/blog-details-1.jpg
  26. BIN
      img/blog/blog-details/blog-details-2.jpg
  27. BIN
      img/blog/blog-details/blog-details-3.jpg
  28. BIN
      img/blog/blog-details/blog-details-hero.jpg
  29. BIN
      img/blog/blog-wide.jpg
  30. BIN
      img/blog/rn.jpg
  31. BIN
      img/blog/rn2.jpg
  32. BIN
      img/blog/rn3.jpg
  33. BIN
      img/blog/teams.jpg
  34. BIN
      img/che.jpg
  35. BIN
      img/flag.jpg
  36. BIN
      img/footer-logo.png
  37. BIN
      img/gallery/gallery-1.jpg
  38. BIN
      img/gallery/gallery-2.jpg
  39. BIN
      img/gallery/gallery-3.jpg
  40. BIN
      img/gallery/gallery-4.jpg
  41. BIN
      img/hero/10134.jpg
  42. BIN
      img/hero/111.jpg
  43. BIN
      img/hero/432.jpg
  44. BIN
      img/hero/AK8.jpg
  45. BIN
      img/hero/aaa1.jpg
  46. BIN
      img/hero/epicenter.jpg
  47. BIN
      img/hero/hero-1.jpg
  48. BIN
      img/hero/hero-2.jpg
  49. BIN
      img/hero/hero-3.jpg
  50. BIN
      img/hero/iem1.jpg
  51. BIN
      img/icons8.png
  52. BIN
      img/logo.png
  53. BIN
      img/logo3.png
  54. BIN
      img/play.png
  55. BIN
      img/room/Group1.png
  56. BIN
      img/room/Group11.png
  57. BIN
      img/room/Group2.png
  58. BIN
      img/room/Group21.png
  59. BIN
      img/room/Group23.png
  60. BIN
      img/room/Group3.png
  61. BIN
      img/room/Group33.png
  62. BIN
      img/room/Group4.png
  63. BIN
      img/room/Group41.png
  64. BIN
      img/room/Group42.png
  65. BIN
      img/room/Group5.png
  66. BIN
      img/room/Group66.png
  67. BIN
      img/room/avatar/avatar-1.jpg
  68. BIN
      img/room/avatar/avatar-2.jpg
  69. BIN
      img/room/dota2.png
  70. BIN
      img/room/room-1.jpg
  71. BIN
      img/room/room-2.jpg
  72. BIN
      img/room/room-3.jpg
  73. BIN
      img/room/room-4.jpg
  74. BIN
      img/room/room-5.jpg
  75. BIN
      img/room/room-6.jpg
  76. BIN
      img/room/room-b1.jpg
  77. BIN
      img/room/room-b2.jpg
  78. BIN
      img/room/room-b3.jpg
  79. BIN
      img/room/room-b4.jpg
  80. BIN
      img/room/room-details.jpg
  81. BIN
      img/video-bg.jpg
  82. 31 33
      index.html
  83. 0 17
      main.html
  84. 0 433
      room-details.html
  85. 172 172
      rooms.html

+ 0 - 390
about-us.html

@@ -1,390 +0,0 @@
-<!DOCTYPE html>
-<html lang="zxx">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="description" content="Sona Template">
-    <meta name="keywords" content="Sona, unica, creative, html">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
-
-    <!-- Google Font -->
-    <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
-
-    <!-- Css Styles -->
-    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
-    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
-    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
-    <link rel="stylesheet" href="css/flaticon.css" type="text/css">
-    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
-    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
-    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
-    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
-    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
-    <link rel="stylesheet" href="css/style.css" type="text/css">
-</head>
-
-<body>
-    <!-- Page Preloder -->
-    <div id="preloder">
-        <div class="loader"></div>
-    </div>
-
-    <!-- Offcanvas Menu Section Begin -->
-    <div class="offcanvas-menu-overlay"></div>
-    <div class="canvas-open">
-        <i class="icon_menu"></i>
-    </div>
-    <div class="offcanvas-menu-wrapper">
-        <div class="canvas-close">
-            <i class="icon_close"></i>
-        </div>
-        <div class="search-icon search-switch">
-            <i class="icon_search"></i>
-        </div>
-        <div class="header-configure-area">
-            <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
-                <div class="flag-dropdown">
-                    <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
-                    </ul>
-                </div>
-            </div>
-            <a href="#" class="bk-btn">Booking Now</a>
-        </div>
-        <nav class="mainmenu mobile-menu">
-            <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
-                    <ul class="dropdown">
-                        <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
-                        <li><a href="#">Family Room</a></li>
-                        <li><a href="#">Premium Room</a></li>
-                    </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
-            </ul>
-        </nav>
-        <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
-            <a href="#"><i class="fa fa-facebook"></i></a>
-            <a href="#"><i class="fa fa-twitter"></i></a>
-            <a href="#"><i class="fa fa-tripadvisor"></i></a>
-            <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
-        <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-        </ul>
-    </div>
-    <!-- Offcanvas Menu Section End -->
-
-    <!-- Header Section Begin -->
-    <header class="header-section header-normal">
-        <div class="top-nav">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-6">
-                        <div class="tn-right">
-                            <div class="top-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
-                            <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
-                                <div class="flag-dropdown">
-                                    <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="menu-item">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2">
-                        <div class="logo">
-                            <a href="./index.html">
-                                <img src="img/logo.png" alt="">
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col-lg-10">
-                        <div class="nav-menu">
-                            <nav class="mainmenu">
-                                <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li><a href="./rooms.html">Rooms</a></li>
-                                    <li class="active"><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
-                                        <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
-                                        </ul>
-                                    </li>
-                                    <li><a href="./blog.html">News</a></li>
-                                    <li><a href="./contact.html">Contact</a></li>
-                                </ul>
-                            </nav>
-                            <div class="nav-right search-switch">
-                                <i class="icon_search"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <!-- Header End -->
-
-    <!-- Breadcrumb Section Begin -->
-    <div class="breadcrumb-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="breadcrumb-text">
-                        <h2>About Us</h2>
-                        <div class="bt-option">
-                            <a href="./index.html">Home</a>
-                            <span>About Us</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- Breadcrumb Section End -->
-
-    <!-- About Us Page Section Begin -->
-    <section class="aboutus-page-section spad">
-        <div class="container">
-            <div class="about-page-text">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <div class="ap-title">
-                            <h2>Welcome To Sona.</h2>
-                            <p>Built in 1910 during the Belle Epoque period, this hotel is located in the center of
-                                Paris, with easy access to the city’s tourist attractions. It offers tastefully
-                                decorated rooms.</p>
-                        </div>
-                    </div>
-                    <div class="col-lg-5 offset-lg-1">
-                        <ul class="ap-services">
-                            <li><i class="icon_check"></i> 20% Off On Accommodation.</li>
-                            <li><i class="icon_check"></i> Complimentary Daily Breakfast</li>
-                            <li><i class="icon_check"></i> 3 Pcs Laundry Per Day</li>
-                            <li><i class="icon_check"></i> Free Wifi.</li>
-                            <li><i class="icon_check"></i> Discount 20% On F&B</li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div class="about-page-services">
-                <div class="row">
-                    <div class="col-md-4">
-                        <div class="ap-service-item set-bg" data-setbg="img/about/about-p1.jpg">
-                            <div class="api-text">
-                                <h3>Restaurants Services</h3>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="ap-service-item set-bg" data-setbg="img/about/about-p2.jpg">
-                            <div class="api-text">
-                                <h3>Travel & Camping</h3>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="ap-service-item set-bg" data-setbg="img/about/about-p3.jpg">
-                            <div class="api-text">
-                                <h3>Event & Party</h3>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- About Us Page Section End -->
-
-    <!-- Video Section Begin -->
-    <section class="video-section set-bg" data-setbg="img/video-bg.jpg">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="video-text">
-                        <h2>Discover Our Hotel & Services.</h2>
-                        <p>It S Hurricane Season But We Are Visiting Hilton Head Island</p>
-                        <a href="https://www.youtube.com/watch?v=EzKkl64rRbM" class="play-btn video-popup"><img
-                                src="img/play.png" alt=""></a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Video Section End -->
-
-    <!-- Gallery Section Begin -->
-    <section class="gallery-section spad">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="section-title">
-                        <span>Our Gallery</span>
-                        <h2>Discover Our Work</h2>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-6">
-                    <div class="gallery-item set-bg" data-setbg="img/gallery/gallery-1.jpg">
-                        <div class="gi-text">
-                            <h3>Room Luxury</h3>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-sm-6">
-                            <div class="gallery-item set-bg" data-setbg="img/gallery/gallery-3.jpg">
-                                <div class="gi-text">
-                                    <h3>Room Luxury</h3>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-sm-6">
-                            <div class="gallery-item set-bg" data-setbg="img/gallery/gallery-4.jpg">
-                                <div class="gi-text">
-                                    <h3>Room Luxury</h3>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-6">
-                    <div class="gallery-item large-item set-bg" data-setbg="img/gallery/gallery-2.jpg">
-                        <div class="gi-text">
-                            <h3>Room Luxury</h3>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Gallery Section End -->
-
-    <!-- Footer Section Begin -->
-    <footer class="footer-section">
-        <div class="container">
-            <div class="footer-text">
-                <div class="row">
-                    <div class="col-lg-4">
-                        <div class="ft-about">
-                            <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
-                            </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                                <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-contact">
-                            <h6>Contact Us</h6>
-                            <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
-                            <form action="#" class="fn-form">
-                                <input type="text" placeholder="Email">
-                                <button type="submit"><i class="fa fa-send"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="copyright-option">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-7">
-                        <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!-- Footer Section End -->
-
-    <!-- Search model Begin -->
-    <div class="search-model">
-        <div class="h-100 d-flex align-items-center justify-content-center">
-            <div class="search-close-switch"><i class="icon_close"></i></div>
-            <form class="search-model-form">
-                <input type="text" id="search-input" placeholder="Search here.....">
-            </form>
-        </div>
-    </div>
-    <!-- Search model end -->
-
-    <!-- Js Plugins -->
-    <script src="js/jquery-3.3.1.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <script src="js/jquery.nice-select.min.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.slicknav.js"></script>
-    <script src="js/owl.carousel.min.js"></script>
-    <script src="js/main.js"></script>
-</body>
-
-</html>

+ 0 - 455
blog-details.html

@@ -1,455 +0,0 @@
-<!DOCTYPE html>
-<html lang="zxx">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="description" content="Sona Template">
-    <meta name="keywords" content="Sona, unica, creative, html">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
-
-    <!-- Google Font -->
-    <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
-
-    <!-- Css Styles -->
-    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
-    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
-    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
-    <link rel="stylesheet" href="css/flaticon.css" type="text/css">
-    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
-    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
-    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
-    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
-    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
-    <link rel="stylesheet" href="css/style.css" type="text/css">
-</head>
-
-<body>
-    <!-- Page Preloder -->
-    <div id="preloder">
-        <div class="loader"></div>
-    </div>
-
-    <!-- Offcanvas Menu Section Begin -->
-    <div class="offcanvas-menu-overlay"></div>
-    <div class="canvas-open">
-        <i class="icon_menu"></i>
-    </div>
-    <div class="offcanvas-menu-wrapper">
-        <div class="canvas-close">
-            <i class="icon_close"></i>
-        </div>
-        <div class="search-icon search-switch">
-            <i class="icon_search"></i>
-        </div>
-        <div class="header-configure-area">
-            <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
-                <div class="flag-dropdown">
-                    <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
-                    </ul>
-                </div>
-            </div>
-            <a href="#" class="bk-btn">Booking Now</a>
-        </div>
-        <nav class="mainmenu mobile-menu">
-            <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
-                    <ul class="dropdown">
-                        <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
-                        <li><a href="#">Family Room</a></li>
-                        <li><a href="#">Premium Room</a></li>
-                    </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
-            </ul>
-        </nav>
-        <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
-            <a href="#"><i class="fa fa-facebook"></i></a>
-            <a href="#"><i class="fa fa-twitter"></i></a>
-            <a href="#"><i class="fa fa-tripadvisor"></i></a>
-            <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
-        <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-        </ul>
-    </div>
-    <!-- Offcanvas Menu Section End -->
-
-    <!-- Header Section Begin -->
-    <header class="header-section">
-        <div class="top-nav">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-6">
-                        <div class="tn-right">
-                            <div class="top-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
-                            <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
-                                <div class="flag-dropdown">
-                                    <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="menu-item">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2">
-                        <div class="logo">
-                            <a href="./index.html">
-                                <img src="img/logo.png" alt="">
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col-lg-10">
-                        <div class="nav-menu">
-                            <nav class="mainmenu">
-                                <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li><a href="./rooms.html">Rooms</a></li>
-                                    <li><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
-                                        <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
-                                        </ul>
-                                    </li>
-                                    <li class="active"><a href="./blog.html">News</a></li>
-                                    <li><a href="./contact.html">Contact</a></li>
-                                </ul>
-                            </nav>
-                            <div class="nav-right search-switch">
-                                <i class="icon_search"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <!-- Header End -->
-
-    <!-- Blog Details Hero Section Begin -->
-    <section class="blog-details-hero set-bg" data-setbg="img/blog/blog-details/blog-details-hero.jpg">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-10 offset-lg-1">
-                    <div class="bd-hero-text">
-                        <span>Travel Trip & Camping</span>
-                        <h2>Cdc Issues Health Alert Notice For Travelers To Usa From Hon</h2>
-                        <ul>
-                            <li class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</li>
-                            <li><i class="icon_profile"></i> Kerry Jones</li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Blog Details Hero End -->
-
-    <!-- Blog Details Section Begin -->
-    <section class="blog-details-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-10 offset-lg-1">
-                    <div class="blog-details-text">
-                        <div class="bd-title">
-                            <p>Thinking about overseas adventure travel? Have you put any thought into the best places
-                                to go when it comes to overseas adventure travel? Nepal is one of the most popular
-                                places of all, when you visit this magical country you will have the best adventures
-                                right there at your doorstep. Only overseas adventure travel in Nepal will give you
-                                these kinds of opportunities so if this is not on your list of possible places to visit
-                                yet then now is the time to put it on there!</p>
-                            <p>In Nepal your overseas adventure travel is going to be fascinating. You will get to see
-                                the Himalayan Mountains and experience all that the rich Nepalese culture has to offer.
-                                They are an amazing people who have managed to hang on to their own culture and beliefs
-                                longer than most other countries. When overseas adventure travel takes you to Nepal you
-                                will have the chance to see all of the fantastic and one of a kind lakes and forests and
-                                you can even spend days or weeks camping out in their forests with a specialized guide.
-                                And the waterfalls in Nepal are to die for, you will never see anything more gorgeous in
-                                your life as their waterfalls! This should be at the top of your overseas adventure
-                                travel destination list for sure!</p>
-                        </div>
-                        <div class="bd-pic">
-                            <div class="bp-item">
-                                <img src="img/blog/blog-details/blog-details-1.jpg" alt="">
-                            </div>
-                            <div class="bp-item">
-                                <img src="img/blog/blog-details/blog-details-2.jpg" alt="">
-                            </div>
-                            <div class="bp-item">
-                                <img src="img/blog/blog-details/blog-details-3.jpg" alt="">
-                            </div>
-                        </div>
-                        <div class="bd-more-text">
-                            <div class="bm-item">
-                                <h4>If you live in New York City</h4>
-                                <p>You know all about the traffic there. Getting places is often next to impossible,
-                                    even with the gazillion yellow cabs. If you’re like me you often look with envy at
-                                    those shiny limousines with their unformed drivers and wish you could sit in one.
-                                    Well, you can. New York limo service is more affordable than you think, whether it’s
-                                    for Newark airport transportation, LaGuardia airport transportation, or to drive
-                                    wherever you wish to go.</p>
-                            </div>
-                            <div class="bm-item">
-                                <h4>Every time I hail a cab in New York City</h4>
-                                <p>I hope I’ll be lucky enough to get one that’s halfway decent and that the driver
-                                    actually speaks English. I have spent many anxious moments wondering if I ever get
-                                    to my destination. Or whether I’d get ripped off. Even if all goes well, I can’t say
-                                    I can remember many rides in New York cabs that were very pleasant. And given how
-                                    much they cost by now, going with a limo makes ever more sense.</p>
-                            </div>
-                        </div>
-                        <div class="tag-share">
-                            <div class="tags">
-                                <a href="#">Travel Trip</a>
-                                <a href="#">Camping</a>
-                                <a href="#">Event</a>
-                            </div>
-                            <div class="social-share">
-                                <span>Share:</span>
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                                <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
-                        </div>
-                        <div class="comment-option">
-                            <h4>2 Comments</h4>
-                            <div class="single-comment-item first-comment">
-                                <div class="sc-author">
-                                    <img src="img/blog/blog-details/avatar/avatar-1.jpg" alt="">
-                                </div>
-                                <div class="sc-text">
-                                    <span>27 Aug 2019</span>
-                                    <h5>Brandon Kelley</h5>
-                                    <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                                        adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
-                                        dolore magnam.</p>
-                                    <a href="#" class="comment-btn">Like</a>
-                                    <a href="#" class="comment-btn">Reply</a>
-                                </div>
-                            </div>
-                            <div class="single-comment-item reply-comment">
-                                <div class="sc-author">
-                                    <img src="img/blog/blog-details/avatar/avatar-2.jpg" alt="">
-                                </div>
-                                <div class="sc-text">
-                                    <span>27 Aug 2019</span>
-                                    <h5>Brandon Kelley</h5>
-                                    <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                                        adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
-                                        dolore magnam.</p>
-                                    <a href="#" class="comment-btn like-btn">Like</a>
-                                    <a href="#" class="comment-btn reply-btn">Reply</a>
-                                </div>
-                            </div>
-                            <div class="single-comment-item second-comment ">
-                                <div class="sc-author">
-                                    <img src="img/blog/blog-details/avatar/avatar-3.jpg" alt="">
-                                </div>
-                                <div class="sc-text">
-                                    <span>27 Aug 2019</span>
-                                    <h5>Brandon Kelley</h5>
-                                    <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                                        adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
-                                        dolore magnam.</p>
-                                    <a href="#" class="comment-btn">Like</a>
-                                    <a href="#" class="comment-btn">Reply</a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="leave-comment">
-                            <h4>Leave A Comment</h4>
-                            <form action="#" class="comment-form">
-                                <div class="row">
-                                    <div class="col-lg-6">
-                                        <input type="text" placeholder="Name">
-                                    </div>
-                                    <div class="col-lg-6">
-                                        <input type="text" placeholder="Email">
-                                    </div>
-                                    <div class="col-lg-12 text-center">
-                                        <input type="text" placeholder="Website">
-                                        <textarea placeholder="Messages"></textarea>
-                                        <button type="submit" class="site-btn">Send Message</button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Blog Details Section End -->
-
-    <!-- Recommend Blog Section Begin -->
-    <section class="recommend-blog-section spad">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="section-title">
-                        <h2>Recommended</h2>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-1.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Travel Trip</span>
-                            <h4><a href="#">Tremblant In Canada</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-2.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Camping</span>
-                            <h4><a href="#">Choosing A Static Caravan</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-3.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Event</span>
-                            <h4><a href="#">Copper Canyon</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Recommend Blog Section End -->
-
-    <!-- Footer Section Begin -->
-    <footer class="footer-section">
-        <div class="container">
-            <div class="footer-text">
-                <div class="row">
-                    <div class="col-lg-4">
-                        <div class="ft-about">
-                            <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
-                            </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                                <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-contact">
-                            <h6>Contact Us</h6>
-                            <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
-                            <form action="#" class="fn-form">
-                                <input type="text" placeholder="Email">
-                                <button type="submit"><i class="fa fa-send"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="copyright-option">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-7">
-                        <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!-- Footer Section End -->
-
-    <!-- Search model Begin -->
-    <div class="search-model">
-        <div class="h-100 d-flex align-items-center justify-content-center">
-            <div class="search-close-switch"><i class="icon_close"></i></div>
-            <form class="search-model-form">
-                <input type="text" id="search-input" placeholder="Search here.....">
-            </form>
-        </div>
-    </div>
-    <!-- Search model end -->
-
-    <!-- Js Plugins -->
-    <script src="js/jquery-3.3.1.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <script src="js/jquery.nice-select.min.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.slicknav.js"></script>
-    <script src="js/owl.carousel.min.js"></script>
-    <script src="js/main.js"></script>
-</body>
-
-</html>

+ 0 - 368
blog.html

@@ -1,368 +0,0 @@
-<!DOCTYPE html>
-<html lang="zxx">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="description" content="Sona Template">
-    <meta name="keywords" content="Sona, unica, creative, html">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
-
-    <!-- Google Font -->
-    <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
-
-    <!-- Css Styles -->
-    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
-    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
-    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
-    <link rel="stylesheet" href="css/flaticon.css" type="text/css">
-    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
-    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
-    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
-    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
-    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
-    <link rel="stylesheet" href="css/style.css" type="text/css">
-</head>
-
-<body>
-    <!-- Page Preloder -->
-    <div id="preloder">
-        <div class="loader"></div>
-    </div>
-
-    <!-- Offcanvas Menu Section Begin -->
-    <div class="offcanvas-menu-overlay"></div>
-    <div class="canvas-open">
-        <i class="icon_menu"></i>
-    </div>
-    <div class="offcanvas-menu-wrapper">
-        <div class="canvas-close">
-            <i class="icon_close"></i>
-        </div>
-        <div class="search-icon search-switch">
-            <i class="icon_search"></i>
-        </div>
-        <div class="header-configure-area">
-            <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
-                <div class="flag-dropdown">
-                    <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
-                    </ul>
-                </div>
-            </div>
-            <a href="#" class="bk-btn">Booking Now</a>
-        </div>
-        <nav class="mainmenu mobile-menu">
-            <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
-                    <ul class="dropdown">
-                        <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
-                        <li><a href="#">Family Room</a></li>
-                        <li><a href="#">Premium Room</a></li>
-                    </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
-            </ul>
-        </nav>
-        <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
-            <a href="#"><i class="fa fa-facebook"></i></a>
-            <a href="#"><i class="fa fa-twitter"></i></a>
-            <a href="#"><i class="fa fa-tripadvisor"></i></a>
-            <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
-        <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-        </ul>
-    </div>
-    <!-- Offcanvas Menu Section End -->
-
-    <!-- Header Section Begin -->
-    <header class="header-section header-normal">
-        <div class="top-nav">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-6">
-                        <div class="tn-right">
-                            <div class="top-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
-                            <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
-                                <div class="flag-dropdown">
-                                    <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="menu-item">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2">
-                        <div class="logo">
-                            <a href="./index.html">
-                                <img src="img/logo.png" alt="">
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col-lg-10">
-                        <div class="nav-menu">
-                            <nav class="mainmenu">
-                                <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li><a href="./rooms.html">Rooms</a></li>
-                                    <li><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
-                                        <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
-                                        </ul>
-                                    </li>
-                                    <li class="active"><a href="./blog.html">News</a></li>
-                                    <li><a href="./contact.html">Contact</a></li>
-                                </ul>
-                            </nav>
-                            <div class="nav-right search-switch">
-                                <i class="icon_search"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <!-- Header End -->
-
-    <!-- Breadcrumb Section Begin -->
-    <div class="breadcrumb-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="breadcrumb-text">
-                        <h2>Blog</h2>
-                        <div class="bt-option">
-                            <a href="./home.html">Home</a>
-                            <span>Blog Grid</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- Breadcrumb Section End -->
-
-    <!-- Blog Section Begin -->
-    <section class="blog-section blog-page spad">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-1.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Travel Trip</span>
-                            <h4><a href="./blog-details.html">Tremblant In Canada</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-2.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Camping</span>
-                            <h4><a href="./blog-details.html">Choosing A Static Caravan</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-3.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Event</span>
-                            <h4><a href="./blog-details.html">Copper Canyon</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-4.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Trivago</span>
-                            <h4><a href="./blog-details.html">A Time Travel Postcard</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 22th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-5.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Camping</span>
-                            <h4><a href="./blog-details.html">A Time Travel Postcard</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 25th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-6.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Travel Trip</span>
-                            <h4><a href="./blog-details.html">Virginia Travel For Kids</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 28th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-7.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Travel Trip</span>
-                            <h4><a href="./blog-details.html">Bryce Canyon A Stunning</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 29th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-8.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Event & Travel</span>
-                            <h4><a href="./blog-details.html">Motorhome Or Trailer</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 30th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-6">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-9.jpg">
-                        <div class="bi-text">
-                            <span class="b-tag">Camping</span>
-                            <h4><a href="./blog-details.html">Lost In Lagos Portugal</a></h4>
-                            <div class="b-time"><i class="icon_clock_alt"></i> 30th April, 2019</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-12">
-                    <div class="load-more">
-                        <a href="#" class="primary-btn">Load More</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Blog Section End -->
-
-    <!-- Footer Section Begin -->
-    <footer class="footer-section">
-        <div class="container">
-            <div class="footer-text">
-                <div class="row">
-                    <div class="col-lg-4">
-                        <div class="ft-about">
-                            <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
-                            </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                                <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-contact">
-                            <h6>Contact Us</h6>
-                            <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
-                            <form action="#" class="fn-form">
-                                <input type="text" placeholder="Email">
-                                <button type="submit"><i class="fa fa-send"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="copyright-option">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-7">
-                        <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!-- Footer Section End -->
-
-    <!-- Search model Begin -->
-    <div class="search-model">
-        <div class="h-100 d-flex align-items-center justify-content-center">
-            <div class="search-close-switch"><i class="icon_close"></i></div>
-            <form class="search-model-form">
-                <input type="text" id="search-input" placeholder="Search here.....">
-            </form>
-        </div>
-    </div>
-    <!-- Search model end -->
-
-    <!-- Js Plugins -->
-    <script src="js/jquery-3.3.1.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <script src="js/jquery.nice-select.min.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.slicknav.js"></script>
-    <script src="js/owl.carousel.min.js"></script>
-    <script src="js/main.js"></script>
-</body>
-
-</html>

+ 75 - 77
contact.html

@@ -7,7 +7,7 @@
     <meta name="keywords" content="Sona, unica, creative, html">
     <meta name="keywords" content="Sona, unica, creative, html">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
+    <title>Virtual Athlete Academy</title>
 
 
     <!-- Google Font -->
     <!-- Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
@@ -41,80 +41,81 @@
         <div class="canvas-close">
         <div class="canvas-close">
             <i class="icon_close"></i>
             <i class="icon_close"></i>
         </div>
         </div>
-        <div class="search-icon search-switch">
+        <div class="search-icon  search-switch">
             <i class="icon_search"></i>
             <i class="icon_search"></i>
         </div>
         </div>
         <div class="header-configure-area">
         <div class="header-configure-area">
             <div class="language-option">
             <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
+                <img src="img/icons8.png" alt="">
+                <span>RU <i class="fa fa-angle-down"></i></span>
                 <div class="flag-dropdown">
                 <div class="flag-dropdown">
                     <ul>
                     <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
+                        <li><a href="#">RU</a></li>
+                        <li><a href="#">BY</a></li>
                     </ul>
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
-            <a href="#" class="bk-btn">Booking Now</a>
+            <a href="#" class="bk-btn">Начать сейчас</a>
         </div>
         </div>
         <nav class="mainmenu mobile-menu">
         <nav class="mainmenu mobile-menu">
             <ul>
             <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
+                <li class="active"><a href="./index.html">Начало</a></li>
+                <li><a href="./rooms.html">Услуги</a></li>
+                <!-- <li><a href="./about-us.html">О нас</a></li> -->
+                <!-- <li><a href="./pages.html">Подробнее</a>
                     <ul class="dropdown">
                     <ul class="dropdown">
                         <li><a href="./room-details.html">Room Details</a></li>
                         <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
+                        <li><a href="#">Deluxe Room</a></li>
                         <li><a href="#">Family Room</a></li>
                         <li><a href="#">Family Room</a></li>
                         <li><a href="#">Premium Room</a></li>
                         <li><a href="#">Premium Room</a></li>
                     </ul>
                     </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
+                </li> -->
+                <!-- <li><a href="./blog.html">Новости</a></li> -->
+                <li><a href="./contact.html">Контакты</a></li>
             </ul>
             </ul>
         </nav>
         </nav>
         <div id="mobile-menu-wrap"></div>
         <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
+        <!-- <div class="top-social">
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
+        </div> -->
         <ul class="top-widget">
         <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
+            <li><i class="fa fa-phone"></i> 8 (977) 345 6789</li>
+            <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
         </ul>
         </ul>
     </div>
     </div>
     <!-- Offcanvas Menu Section End -->
     <!-- Offcanvas Menu Section End -->
+    <!-- Offcanvas Menu Section End -->
 
 
     <!-- Header Section Begin -->
     <!-- Header Section Begin -->
-    <header class="header-section header-normal">
+    <header class="header-section">
         <div class="top-nav">
         <div class="top-nav">
             <div class="container">
             <div class="container">
                 <div class="row">
                 <div class="row">
                     <div class="col-lg-6">
                     <div class="col-lg-6">
                         <ul class="tn-left">
                         <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
+                            <li><i class="fa fa-phone"></i> 8 (977) 345 6789</li>
+                            <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
                         </ul>
                         </ul>
                     </div>
                     </div>
                     <div class="col-lg-6">
                     <div class="col-lg-6">
                         <div class="tn-right">
                         <div class="tn-right">
-                            <div class="top-social">
+                            <!-- <div class="top-social">
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
+                            </div> -->
+                            <a href="#" class="bk-btn">Попробовать сейчас</a>
                             <div class="language-option">
                             <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
+                                <img src="img/icons8.png" alt="">
+                                <span>RU <i class="fa fa-angle-down"></i></span>
                                 <div class="flag-dropdown">
                                 <div class="flag-dropdown">
                                     <ul>
                                     <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
+                                        <!-- <li><a href="#"></a></li> -->
+                                        <li><a href="#">BY</a></li>
                                     </ul>
                                     </ul>
                                 </div>
                                 </div>
                             </div>
                             </div>
@@ -129,7 +130,7 @@
                     <div class="col-lg-2">
                     <div class="col-lg-2">
                         <div class="logo">
                         <div class="logo">
                             <a href="./index.html">
                             <a href="./index.html">
-                                <img src="img/logo.png" alt="">
+                                <img src="img/logo3.png" alt="">
                             </a>
                             </a>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -137,19 +138,19 @@
                         <div class="nav-menu">
                         <div class="nav-menu">
                             <nav class="mainmenu">
                             <nav class="mainmenu">
                                 <ul>
                                 <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li><a href="./rooms.html">Rooms</a></li>
-                                    <li><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
+                                    <li class="active"><a href="./index.html">Начало</a></li>
+                                    <li><a href="./rooms.html">Услуги</a></li>
+                                    <!-- <li><a href="./about-us.html">О нас</a></li> -->
+                                    <!-- <li><a href="./pages.html">Тарифы</a>
                                         <ul class="dropdown">
                                         <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
+                                            <li><a href="./room-details.html">Тариф Классик</a></li>
+                                            <li><a href="./blog-details.html">Тариф </a></li>
+                                            <li><a href="#">Тариф Командный</a></li>
+                                            <li><a href="#">Тариф Премиум</a></li>
                                         </ul>
                                         </ul>
-                                    </li>
-                                    <li><a href="./blog.html">News</a></li>
-                                    <li class="active"><a href="./contact.html">Contact</a></li>
+                                    </li> -->
+                                    <!-- <li><a href="./blog.html">Новости</a></li> -->
+                                    <li><a href="./contact.html">Контакты</a></li>
                                 </ul>
                                 </ul>
                             </nav>
                             </nav>
                             <div class="nav-right search-switch">
                             <div class="nav-right search-switch">
@@ -169,27 +170,27 @@
             <div class="row">
             <div class="row">
                 <div class="col-lg-4">
                 <div class="col-lg-4">
                     <div class="contact-text">
                     <div class="contact-text">
-                        <h2>Contact Info</h2>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-                            labore et dolore magna aliqua.</p>
+                        <h2>Контактная информация</h2>
+                        <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua.</p> -->
                         <table>
                         <table>
                             <tbody>
                             <tbody>
                                 <tr>
                                 <tr>
-                                    <td class="c-o">Address:</td>
-                                    <td>856 Cordia Extension Apt. 356, Lake, US</td>
+                                    <td class="c-o">Адрес:</td>
+                                    <td>Москва</td>
                                 </tr>
                                 </tr>
                                 <tr>
                                 <tr>
-                                    <td class="c-o">Phone:</td>
-                                    <td>(12) 345 67890</td>
+                                    <td class="c-o">Телефон:</td>
+                                    <td> 8 (977) 345 6789</td>
                                 </tr>
                                 </tr>
                                 <tr>
                                 <tr>
                                     <td class="c-o">Email:</td>
                                     <td class="c-o">Email:</td>
-                                    <td>info.colorlib@gmail.com</td>
+                                    <td> va.academy@mail.ru</td>
                                 </tr>
                                 </tr>
-                                <tr>
+                                <!-- <tr>
                                     <td class="c-o">Fax:</td>
                                     <td class="c-o">Fax:</td>
                                     <td>+(12) 345 67890</td>
                                     <td>+(12) 345 67890</td>
-                                </tr>
+                                </tr> -->
                             </tbody>
                             </tbody>
                         </table>
                         </table>
                     </div>
                     </div>
@@ -198,14 +199,14 @@
                     <form action="#" class="contact-form">
                     <form action="#" class="contact-form">
                         <div class="row">
                         <div class="row">
                             <div class="col-lg-6">
                             <div class="col-lg-6">
-                                <input type="text" placeholder="Your Name">
+                                <input type="text" placeholder="Ваше Имя">
                             </div>
                             </div>
                             <div class="col-lg-6">
                             <div class="col-lg-6">
-                                <input type="text" placeholder="Your Email">
+                                <input type="text" placeholder="Ваш Email">
                             </div>
                             </div>
                             <div class="col-lg-12">
                             <div class="col-lg-12">
-                                <textarea placeholder="Your Message"></textarea>
-                                <button type="submit">Submit Now</button>
+                                <textarea placeholder="Ваше сообщение"></textarea>
+                                <button type="submit">Отправить</button>
                             </div>
                             </div>
                         </div>
                         </div>
                     </form>
                     </form>
@@ -213,14 +214,12 @@
             </div>
             </div>
             <div class="map">
             <div class="map">
                 <iframe
                 <iframe
-                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.0606825994123!2d-72.8735845851828!3d40.760690042573295!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e85b24c9274c91%3A0xf310d41b791bcb71!2sWilliam%20Floyd%20Pkwy%2C%20Mastic%20Beach%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1578582744646!5m2!1sen!2sbd"
-                    height="470" style="border:0;" allowfullscreen=""></iframe>
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d577343.9823584366!2d36.72622995939305!3d55.58025721750775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54afc73d4b0c9%3A0x3d44d6cc5757cf4c!2z0JzQvtGB0LrQstCw!5e0!3m2!1sru!2sru!4v1715173840177!5m2!1sru!2sru" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
             </div>
             </div>
         </div>
         </div>
     </section>
     </section>
     <!-- Contact Section End -->
     <!-- Contact Section End -->
 
 
-    <!-- Footer Section Begin -->
     <footer class="footer-section">
     <footer class="footer-section">
         <div class="container">
         <div class="container">
             <div class="footer-text">
             <div class="footer-text">
@@ -228,34 +227,35 @@
                     <div class="col-lg-4">
                     <div class="col-lg-4">
                         <div class="ft-about">
                         <div class="ft-about">
                             <div class="logo">
                             <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
+                                <div class="mylog">
+                                   <u><b> Virtual Atchele Academy </b></u>
+                                </div>
                             </div>
                             </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
+                            <p>Мы вдохновляем миллионы игроков и привлекаем
+                                их внимание <br />на различных турнирах</p>
+                            <!-- <div class="fa-social">
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-youtube-play"></i></a>
                                 <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
+                            </div> -->
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 offset-lg-1">
                     <div class="col-lg-3 offset-lg-1">
                         <div class="ft-contact">
                         <div class="ft-contact">
-                            <h6>Contact Us</h6>
+                            <h6>Контактная информация</h6>
                             <ul>
                             <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
+                                <li>8 (977) 345 6789</li>
+                                <li>va.academy@mail.ru</li>
+                                <li>Москва, Ленингадское шоссе 13А, РОССИЯ</li>
                             </ul>
                             </ul>
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 offset-lg-1">
                     <div class="col-lg-3 offset-lg-1">
                         <div class="ft-newslatter">
                         <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
+                            <h6>Сотруднечество</h6>
+                            <p>Ждем вас!</p>
                             <form action="#" class="fn-form">
                             <form action="#" class="fn-form">
                                 <input type="text" placeholder="Email">
                                 <input type="text" placeholder="Email">
                                 <button type="submit"><i class="fa fa-send"></i></button>
                                 <button type="submit"><i class="fa fa-send"></i></button>
@@ -270,16 +270,14 @@
                 <div class="row">
                 <div class="row">
                     <div class="col-lg-7">
                     <div class="col-lg-7">
                         <ul>
                         <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
+                            <li><a href="#">Контакты</a></li>
+                            <li><a href="#">Условия пользования</a></li>
+                            <li><a href="#">Конфедециальность</a></li>
+                            <li><a href="#">Политика</a></li>
                         </ul>
                         </ul>
                     </div>
                     </div>
                     <div class="col-lg-5">
                     <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
+                      
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>

+ 7 - 13
css/style.css

@@ -1,11 +1,4 @@
-/******************************************************************
-  Template Name: Sona
-  Description: Sona Hotel Html Template
-  Author: Colorlib
-  Author URI: https://colorlib.com
-  Version: 1.0
-  Created: Colorlib
-******************************************************************/
+
 
 
 /*------------------------------------------------------------------
 /*------------------------------------------------------------------
 [Table of contents]
 [Table of contents]
@@ -151,7 +144,7 @@ ul, ol {
 	top: 0;
 	top: 0;
 	left: 0;
 	left: 0;
 	z-index: 999999;
 	z-index: 999999;
-	background: #ffffff;
+	background: #00FFFF;
 }
 }
 .loader {
 .loader {
 	width: 40px;
 	width: 40px;
@@ -404,9 +397,7 @@ ul, ol {
 	position: relative;
 	position: relative;
 	z-index: 1;
 	z-index: 1;
 }
 }
-.menu-item .nav-menu .mainmenu li.active a:after {
-	opacity: 1;
-}
+
 .menu-item .nav-menu .mainmenu li:hover>a:after {
 .menu-item .nav-menu .mainmenu li:hover>a:after {
 	opacity: 1;
 	opacity: 1;
 }
 }
@@ -506,18 +497,21 @@ ul, ol {
 }
 }
 .hero-text {
 .hero-text {
 	padding-top: 145px;
 	padding-top: 145px;
+	font-weight: bold;
 }
 }
 .hero-text h1 {
 .hero-text h1 {
 	font-size: 80px;
 	font-size: 80px;
 	line-height: 90px;
 	line-height: 90px;
 	color: #ffffff;
 	color: #ffffff;
 	margin-bottom: 16px;
 	margin-bottom: 16px;
+	font-weight: bold;
 }
 }
 .hero-text p {
 .hero-text p {
 	font-size: 18px;
 	font-size: 18px;
 	color: #ffffff;
 	color: #ffffff;
 	line-height: 28px;
 	line-height: 28px;
 	margin-bottom: 35px;
 	margin-bottom: 35px;
+	font-weight: bold;
 }
 }
 .booking-form {
 .booking-form {
 	background: #ffffff;
 	background: #ffffff;
@@ -1582,7 +1576,7 @@ ul, ol {
 	margin-bottom: 18px;
 	margin-bottom: 18px;
 }
 }
 .blog-item .bi-text h4 a {
 .blog-item .bi-text h4 a {
-	color: #ffffff;
+	color: #dfa974;
 }
 }
 .blog-item .bi-text .b-time {
 .blog-item .bi-text .b-time {
 	font-size: 12px;
 	font-size: 12px;

BIN
img/about/222.jpg


BIN
img/about/about-1.jpg


BIN
img/about/about-2.jpg


BIN
img/about/about-p1.jpg


BIN
img/about/about-p2.jpg


BIN
img/about/about-p3.jpg


BIN
img/blog/Group41.png


BIN
img/blog/blog-1.jpg


BIN
img/blog/blog-2.jpg


BIN
img/blog/blog-3.jpg


BIN
img/blog/blog-4.jpg


BIN
img/blog/blog-5.jpg


BIN
img/blog/blog-6.jpg


BIN
img/blog/blog-7.jpg


BIN
img/blog/blog-8.jpg


BIN
img/blog/blog-9.jpg


BIN
img/blog/blog-details/avatar/avatar-1.jpg


BIN
img/blog/blog-details/avatar/avatar-2.jpg


BIN
img/blog/blog-details/avatar/avatar-3.jpg


BIN
img/blog/blog-details/blog-details-1.jpg


BIN
img/blog/blog-details/blog-details-2.jpg


BIN
img/blog/blog-details/blog-details-3.jpg


BIN
img/blog/blog-details/blog-details-hero.jpg


BIN
img/blog/blog-wide.jpg


BIN
img/blog/rn.jpg


BIN
img/blog/rn2.jpg


BIN
img/blog/rn3.jpg


BIN
img/blog/teams.jpg


BIN
img/che.jpg


BIN
img/flag.jpg


BIN
img/footer-logo.png


BIN
img/gallery/gallery-1.jpg


BIN
img/gallery/gallery-2.jpg


BIN
img/gallery/gallery-3.jpg


BIN
img/gallery/gallery-4.jpg


BIN
img/hero/10134.jpg


BIN
img/hero/111.jpg


BIN
img/hero/432.jpg


BIN
img/hero/AK8.jpg


BIN
img/hero/aaa1.jpg


BIN
img/hero/epicenter.jpg


BIN
img/hero/hero-1.jpg


BIN
img/hero/hero-2.jpg


BIN
img/hero/hero-3.jpg


BIN
img/hero/iem1.jpg


BIN
img/icons8.png


BIN
img/logo.png


BIN
img/logo3.png


BIN
img/play.png


BIN
img/room/Group1.png


BIN
img/room/Group11.png


BIN
img/room/Group2.png


BIN
img/room/Group21.png


BIN
img/room/Group23.png


BIN
img/room/Group3.png


BIN
img/room/Group33.png


BIN
img/room/Group4.png


BIN
img/room/Group41.png


BIN
img/room/Group42.png


BIN
img/room/Group5.png


BIN
img/room/Group66.png


BIN
img/room/avatar/avatar-1.jpg


BIN
img/room/avatar/avatar-2.jpg


BIN
img/room/dota2.png


BIN
img/room/room-1.jpg


BIN
img/room/room-2.jpg


BIN
img/room/room-3.jpg


BIN
img/room/room-4.jpg


BIN
img/room/room-5.jpg


BIN
img/room/room-6.jpg


BIN
img/room/room-b1.jpg


BIN
img/room/room-b2.jpg


BIN
img/room/room-b3.jpg


BIN
img/room/room-b4.jpg


BIN
img/room/room-details.jpg


BIN
img/video-bg.jpg


+ 31 - 33
index.html

@@ -46,7 +46,7 @@
         </div>
         </div>
         <div class="header-configure-area">
         <div class="header-configure-area">
             <div class="language-option">
             <div class="language-option">
-                <img src="img/flag.jpg" alt="">
+                <img src="img/icons8.png" alt="">
                 <span>RU <i class="fa fa-angle-down"></i></span>
                 <span>RU <i class="fa fa-angle-down"></i></span>
                 <div class="flag-dropdown">
                 <div class="flag-dropdown">
                     <ul>
                     <ul>
@@ -55,13 +55,13 @@
                     </ul>
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
-            <a href="#" class="bk-btn">Booking Now</a>
+            <a href="#" class="bk-btn">Начать сейчас</a>
         </div>
         </div>
         <nav class="mainmenu mobile-menu">
         <nav class="mainmenu mobile-menu">
             <ul>
             <ul>
                 <li class="active"><a href="./index.html">Начало</a></li>
                 <li class="active"><a href="./index.html">Начало</a></li>
                 <li><a href="./rooms.html">Услуги</a></li>
                 <li><a href="./rooms.html">Услуги</a></li>
-                <li><a href="./about-us.html">О нас</a></li>
+                <!-- <li><a href="./about-us.html">О нас</a></li> -->
                 <!-- <li><a href="./pages.html">Подробнее</a>
                 <!-- <li><a href="./pages.html">Подробнее</a>
                     <ul class="dropdown">
                     <ul class="dropdown">
                         <li><a href="./room-details.html">Room Details</a></li>
                         <li><a href="./room-details.html">Room Details</a></li>
@@ -70,19 +70,19 @@
                         <li><a href="#">Premium Room</a></li>
                         <li><a href="#">Premium Room</a></li>
                     </ul>
                     </ul>
                 </li> -->
                 </li> -->
-                <li><a href="./blog.html">Новости</a></li>
+                <!-- <li><a href="./blog.html">Новости</a></li> -->
                 <li><a href="./contact.html">Контакты</a></li>
                 <li><a href="./contact.html">Контакты</a></li>
             </ul>
             </ul>
         </nav>
         </nav>
         <div id="mobile-menu-wrap"></div>
         <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
+        <!-- <div class="top-social">
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
+        </div> -->
         <ul class="top-widget">
         <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
+            <li><i class="fa fa-phone"></i> 8 (977) 345 6789</li>
             <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
             <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
         </ul>
         </ul>
     </div>
     </div>
@@ -109,7 +109,7 @@
                             </div> -->
                             </div> -->
                             <a href="#" class="bk-btn">Попробовать сейчас</a>
                             <a href="#" class="bk-btn">Попробовать сейчас</a>
                             <div class="language-option">
                             <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
+                                <img src="img/icons8.png" alt="">
                                 <span>RU <i class="fa fa-angle-down"></i></span>
                                 <span>RU <i class="fa fa-angle-down"></i></span>
                                 <div class="flag-dropdown">
                                 <div class="flag-dropdown">
                                     <ul>
                                     <ul>
@@ -129,7 +129,7 @@
                     <div class="col-lg-2">
                     <div class="col-lg-2">
                         <div class="logo">
                         <div class="logo">
                             <a href="./index.html">
                             <a href="./index.html">
-                                <img src="img/logo2.png" alt="">
+                                <img src="img/logo3.png" alt="">
                             </a>
                             </a>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -139,7 +139,7 @@
                                 <ul>
                                 <ul>
                                     <li class="active"><a href="./index.html">Начало</a></li>
                                     <li class="active"><a href="./index.html">Начало</a></li>
                                     <li><a href="./rooms.html">Услуги</a></li>
                                     <li><a href="./rooms.html">Услуги</a></li>
-                                    <li><a href="./about-us.html">О нас</a></li>
+                                    <!-- <li><a href="./about-us.html">О нас</a></li> -->
                                     <!-- <li><a href="./pages.html">Тарифы</a>
                                     <!-- <li><a href="./pages.html">Тарифы</a>
                                         <ul class="dropdown">
                                         <ul class="dropdown">
                                             <li><a href="./room-details.html">Тариф Классик</a></li>
                                             <li><a href="./room-details.html">Тариф Классик</a></li>
@@ -148,7 +148,7 @@
                                             <li><a href="#">Тариф Премиум</a></li>
                                             <li><a href="#">Тариф Премиум</a></li>
                                         </ul>
                                         </ul>
                                     </li> -->
                                     </li> -->
-                                    <li><a href="./blog.html">Новости</a></li>
+                                    <!-- <li><a href="./blog.html">Новости</a></li> -->
                                     <li><a href="./contact.html">Контакты</a></li>
                                     <li><a href="./contact.html">Контакты</a></li>
                                 </ul>
                                 </ul>
                             </nav>
                             </nav>
@@ -176,7 +176,7 @@
                 </div>
                 </div>
                 <div class="col-xl-4 col-lg-5 offset-xl-2 offset-lg-1">
                 <div class="col-xl-4 col-lg-5 offset-xl-2 offset-lg-1">
                     <div class="booking-form">
                     <div class="booking-form">
-                        <h3>Забронировать тренера</h3>
+                        <h3>Выбрать тренера</h3>
                         <form action="#">
                         <form action="#">
                             <div class="check-date">
                             <div class="check-date">
                                 <label for="date-in">Планирую начать:</label>
                                 <label for="date-in">Планирую начать:</label>
@@ -217,9 +217,9 @@
             </div>
             </div>
         </div>
         </div>
         <div class="hero-slider owl-carousel">
         <div class="hero-slider owl-carousel">
-            <div class="hs-item set-bg" data-setbg="img/hero/111.jpg"></div>
+            <div class="hs-item set-bg" data-setbg="img/hero/10134.jpg"></div>
             <div class="hs-item set-bg" data-setbg="img/hero/aaa.jpeg"></div>
             <div class="hs-item set-bg" data-setbg="img/hero/aaa.jpeg"></div>
-            <div class="hs-item set-bg" data-setbg="img/hero/aaa1.jpg"></div>
+            <div class="hs-item set-bg" data-setbg="img/hero/epicenter.jpg"></div>
         </div>
         </div>
     </section>
     </section>
     <!-- Hero Section End -->
     <!-- Hero Section End -->
@@ -243,7 +243,7 @@
                     <div class="about-pic">
                     <div class="about-pic">
                         <div class="row">
                         <div class="row">
                             <div class="col-sm-6">
                             <div class="col-sm-6">
-                                <img src="img/about/about-1.jpg" alt="">
+                                <img src="img/about/222.jpg" alt="">
                             </div>
                             </div>
                             <div class="col-sm-6">
                             <div class="col-sm-6">
                                 <img src="img/about/about-2.jpg" alt="">
                                 <img src="img/about/about-2.jpg" alt="">
@@ -325,7 +325,7 @@
             <div class="hp-room-items">
             <div class="hp-room-items">
                 <div class="row">
                 <div class="row">
                     <div class="col-lg-3 col-md-6">
                     <div class="col-lg-3 col-md-6">
-                        <div class="hp-room-item set-bg" data-setbg="img/room/room-b1.jpg">
+                        <div class="hp-room-item set-bg" data-setbg="img/room/Group1.png">
                             <div class="hr-text">
                             <div class="hr-text">
                                 <h3>Индивидуальное обучение по игре DOTA 2</h3>
                                 <h3>Индивидуальное обучение по игре DOTA 2</h3>
                                 <h2>2000₽<span>/В час</span></h2>
                                 <h2>2000₽<span>/В час</span></h2>
@@ -354,7 +354,7 @@
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 col-md-6">
                     <div class="col-lg-3 col-md-6">
-                        <div class="hp-room-item set-bg" data-setbg="img/room/room-b2.jpg">
+                        <div class="hp-room-item set-bg" data-setbg="img/room/Group2.png">
                             <div class="hr-text">
                             <div class="hr-text">
                                 <h3>Групповое занятие по игре Counter-Strike: Global Offensive</h3>
                                 <h3>Групповое занятие по игре Counter-Strike: Global Offensive</h3>
                                 <h2>2000₽<span>/В час</span></h2>
                                 <h2>2000₽<span>/В час</span></h2>
@@ -383,7 +383,7 @@
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 col-md-6">
                     <div class="col-lg-3 col-md-6">
-                        <div class="hp-room-item set-bg" data-setbg="img/room/room-b3.jpg">
+                        <div class="hp-room-item set-bg" data-setbg="img/room/Group3.png">
                             <div class="hr-text">
                             <div class="hr-text">
                                 <h3>Занятие по развитию игровых навыков и реакции в игре Fortnite </h3>
                                 <h3>Занятие по развитию игровых навыков и реакции в игре Fortnite </h3>
                                 <h2>1000₽<span>/В час</span></h2>
                                 <h2>1000₽<span>/В час</span></h2>
@@ -412,7 +412,7 @@
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 col-md-6">
                     <div class="col-lg-3 col-md-6">
-                        <div class="hp-room-item set-bg" data-setbg="img/room/room-b4.jpg">
+                        <div class="hp-room-item set-bg" data-setbg="img/room/Group4.png">
                             <div class="hr-text">
                             <div class="hr-text">
                                 <h3>Групповое занятие по тренировке реакции и координации движений в игре Rainbow Six Siege </h3>
                                 <h3>Групповое занятие по тренировке реакции и координации движений в игре Rainbow Six Siege </h3>
                                 <h2>5000₽<span>/В час</span></h2>
                                 <h2>5000₽<span>/В час</span></h2>
@@ -522,37 +522,37 @@
             </div>
             </div>
             <div class="row">
             <div class="row">
                 <div class="col-lg-4">
                 <div class="col-lg-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-1.jpg">
+                    <div class="blog-item set-bg" data-setbg="img/blog/rn.jpg">
                         <div class="bi-text">
                         <div class="bi-text">
                             <span class="b-tag">Это победа</span>
                             <span class="b-tag">Это победа</span>
-                            <h4><a href="#">Победа на киберспортивном турнире по CS2: Major</a></h4>
+                            <h4><a href="#"><b>Победа на киберспортивном турнире по CS2: Major</b></a></h4>
                             <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
                             <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4">
                 <div class="col-lg-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-2.jpg">
+                    <div class="blog-item set-bg" data-setbg="img/blog/teams.jpg">
                         <div class="bi-text">
                         <div class="bi-text">
                             <span class="b-tag">Дальше - больше</span>
                             <span class="b-tag">Дальше - больше</span>
-                            <h4><a href="#">Наша команда прошла квалификацию на TIR-1</a></h4>
+                            <h4><a href="#"><b>Наша команда прошла квалификацию на TIR-1</a></b></h4>
                             <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
                             <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4">
                 <div class="col-lg-4">
-                    <div class="blog-item set-bg" data-setbg="img/blog/blog-3.jpg">
+                    <div class="blog-item set-bg" data-setbg="img/blog/rn2.jpg">
                         <div class="bi-text">
                         <div class="bi-text">
-                            <span class="b-tag">Турнир</span>
-                            <h4><a href="#">Внутриорганизационный турнир!</a></h4>
+                            <span class="b-tag"><b>Турнир </b></span>
+                            <h4><a href="#"><b>Внутриорганизационный турнир!</b></a></h4>
                             <div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
                             <div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-8">
                 <div class="col-lg-8">
-                    <div class="blog-item small-size set-bg" data-setbg="img/blog/blog-wide.jpg">
+                    <div class="blog-item small-size set-bg" data-setbg="img/blog/rn3.jpg">
                         <div class="bi-text">
                         <div class="bi-text">
                             <span class="b-tag">Стратегия - наше всё</span>
                             <span class="b-tag">Стратегия - наше всё</span>
-                            <h4><a href="#">Наша команда победила на отборочных победителей прошлого сезона!</a></h4>
+                            <h4><a href="#"><b>Наша команда победила на отборочных победителей прошлого сезона!</b></a></h4>
                             <div class="b-time"><i class="icon_clock_alt"></i> 08th April, 2019</div>
                             <div class="b-time"><i class="icon_clock_alt"></i> 08th April, 2019</div>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -560,8 +560,8 @@
                 <div class="col-lg-4">
                 <div class="col-lg-4">
                     <div class="blog-item small-size set-bg" data-setbg="img/blog/blog-10.jpg">
                     <div class="blog-item small-size set-bg" data-setbg="img/blog/blog-10.jpg">
                         <div class="bi-text">
                         <div class="bi-text">
-                            <span class="b-tag">Отдых после поражения</span>
-                            <h4><a href="#">Команда вставшая серебрянными призерами, получили возможность полетить на Мальдивы</a></h4>
+                            <span class="b-tag"><b>Что может быть лучше отдыха?</b></span>
+                            <h4><a href="#"><b>Только победа</b></a></h4>
                             <div class="b-time"><i class="icon_clock_alt"></i> 12th April, 2019</div>
                             <div class="b-time"><i class="icon_clock_alt"></i> 12th April, 2019</div>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -629,9 +629,7 @@
                         </ul>
                         </ul>
                     </div>
                     </div>
                     <div class="col-lg-5">
                     <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
+                      
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>

+ 0 - 17
main.html

@@ -1,17 +0,0 @@
-<a href="https://colorlib.com/wp/templates/"><img src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-push-logo.png" alt="Colorlib logo"></a>
-<h1 style="text-align:center;">Thank you for using our template!</h1>
-<p style="text-align:center;">For more awesome templates please visit <strong><a href="https://colorlib.com/wp/templates/">Colorlib</a></strong>.</p>
-<br>
-<p style="text-align:center; color:red;"><strong>Copyright information for the template can't be altered/removed unless you purchase a license.</strong>
-
-<p style="text-align:center;"><strong>Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).</strong>
-
-<p style="text-align:center;"><strong>More information about the license is available <a href="https://colorlib.com/wp/licence/">here</a></strong>.</p>
-
-<style>
-img {
-  margin: 0 auto;
-  display: block;
-  margin-top: 20%;
-}
-</style>

+ 0 - 433
room-details.html

@@ -1,433 +0,0 @@
-<!DOCTYPE html>
-<html lang="zxx">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="description" content="Sona Template">
-    <meta name="keywords" content="Sona, unica, creative, html">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
-
-    <!-- Google Font -->
-    <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
-
-    <!-- Css Styles -->
-    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
-    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
-    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
-    <link rel="stylesheet" href="css/flaticon.css" type="text/css">
-    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
-    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
-    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
-    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
-    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
-    <link rel="stylesheet" href="css/style.css" type="text/css">
-</head>
-
-<body>
-    <!-- Page Preloder -->
-    <div id="preloder">
-        <div class="loader"></div>
-    </div>
-
-    <!-- Offcanvas Menu Section Begin -->
-    <div class="offcanvas-menu-overlay"></div>
-    <div class="canvas-open">
-        <i class="icon_menu"></i>
-    </div>
-    <div class="offcanvas-menu-wrapper">
-        <div class="canvas-close">
-            <i class="icon_close"></i>
-        </div>
-        <div class="search-icon search-switch">
-            <i class="icon_search"></i>
-        </div>
-        <div class="header-configure-area">
-            <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
-                <div class="flag-dropdown">
-                    <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
-                    </ul>
-                </div>
-            </div>
-            <a href="#" class="bk-btn">Booking Now</a>
-        </div>
-        <nav class="mainmenu mobile-menu">
-            <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
-                    <ul class="dropdown">
-                        <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
-                        <li><a href="#">Family Room</a></li>
-                        <li><a href="#">Premium Room</a></li>
-                    </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
-            </ul>
-        </nav>
-        <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
-            <a href="#"><i class="fa fa-facebook"></i></a>
-            <a href="#"><i class="fa fa-twitter"></i></a>
-            <a href="#"><i class="fa fa-tripadvisor"></i></a>
-            <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
-        <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-        </ul>
-    </div>
-    <!-- Offcanvas Menu Section End -->
-
-    <!-- Header Section Begin -->
-    <header class="header-section header-normal">
-        <div class="top-nav">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-6">
-                        <div class="tn-right">
-                            <div class="top-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
-                            <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
-                                <div class="flag-dropdown">
-                                    <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="menu-item">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2">
-                        <div class="logo">
-                            <a href="./index.html">
-                                <img src="img/logo.png" alt="">
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col-lg-10">
-                        <div class="nav-menu">
-                            <nav class="mainmenu">
-                                <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li class="active"><a href="./rooms.html">Rooms</a></li>
-                                    <li><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
-                                        <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
-                                        </ul>
-                                    </li>
-                                    <li><a href="./blog.html">News</a></li>
-                                    <li><a href="./contact.html">Contact</a></li>
-                                </ul>
-                            </nav>
-                            <div class="nav-right search-switch">
-                                <i class="icon_search"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <!-- Header End -->
-
-    <!-- Breadcrumb Section Begin -->
-    <div class="breadcrumb-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="breadcrumb-text">
-                        <h2>Our Rooms</h2>
-                        <div class="bt-option">
-                            <a href="./home.html">Home</a>
-                            <span>Rooms</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- Breadcrumb Section End -->
-
-    <!-- Room Details Section Begin -->
-    <section class="room-details-section spad">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-8">
-                    <div class="room-details-item">
-                        <img src="img/room/room-details.jpg" alt="">
-                        <div class="rd-text">
-                            <div class="rd-title">
-                                <h3>Premium King Room</h3>
-                                <div class="rdt-right">
-                                    <div class="rating">
-                                        <i class="icon_star"></i>
-                                        <i class="icon_star"></i>
-                                        <i class="icon_star"></i>
-                                        <i class="icon_star"></i>
-                                        <i class="icon_star-half_alt"></i>
-                                    </div>
-                                    <a href="#">Booking Now</a>
-                                </div>
-                            </div>
-                            <h2>159$<span>/Pernight</span></h2>
-                            <table>
-                                <tbody>
-                                    <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 5</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Services:</td>
-                                        <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <p class="f-para">Motorhome or Trailer that is the question for you. Here are some of the
-                                advantages and disadvantages of both, so you will be confident when purchasing an RV.
-                                When comparing Rvs, a motorhome or a travel trailer, should you buy a motorhome or fifth
-                                wheeler? The advantages and disadvantages of both are studied so that you can make your
-                                choice wisely when purchasing an RV. Possessing a motorhome or fifth wheel is an
-                                achievement of a lifetime. It can be similar to sojourning with your residence as you
-                                search the various sites of our great land, America.</p>
-                            <p>The two commonly known recreational vehicle classes are the motorized and towable.
-                                Towable rvs are the travel trailers and the fifth wheel. The rv travel trailer or fifth
-                                wheel has the attraction of getting towed by a pickup or a car, thus giving the
-                                adaptability of possessing transportation for you when you are parked at your campsite.
-                            </p>
-                        </div>
-                    </div>
-                    <div class="rd-reviews">
-                        <h4>Reviews</h4>
-                        <div class="review-item">
-                            <div class="ri-pic">
-                                <img src="img/room/avatar/avatar-1.jpg" alt="">
-                            </div>
-                            <div class="ri-text">
-                                <span>27 Aug 2019</span>
-                                <div class="rating">
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star-half_alt"></i>
-                                </div>
-                                <h5>Brandon Kelley</h5>
-                                <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                                    adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et dolore
-                                    magnam.</p>
-                            </div>
-                        </div>
-                        <div class="review-item">
-                            <div class="ri-pic">
-                                <img src="img/room/avatar/avatar-2.jpg" alt="">
-                            </div>
-                            <div class="ri-text">
-                                <span>27 Aug 2019</span>
-                                <div class="rating">
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star"></i>
-                                    <i class="icon_star-half_alt"></i>
-                                </div>
-                                <h5>Brandon Kelley</h5>
-                                <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                                    adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et dolore
-                                    magnam.</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="review-add">
-                        <h4>Add Review</h4>
-                        <form action="#" class="ra-form">
-                            <div class="row">
-                                <div class="col-lg-6">
-                                    <input type="text" placeholder="Name*">
-                                </div>
-                                <div class="col-lg-6">
-                                    <input type="text" placeholder="Email*">
-                                </div>
-                                <div class="col-lg-12">
-                                    <div>
-                                        <h5>You Rating:</h5>
-                                        <div class="rating">
-                                            <i class="icon_star"></i>
-                                            <i class="icon_star"></i>
-                                            <i class="icon_star"></i>
-                                            <i class="icon_star"></i>
-                                            <i class="icon_star-half_alt"></i>
-                                        </div>
-                                    </div>
-                                    <textarea placeholder="Your Review"></textarea>
-                                    <button type="submit">Submit Now</button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="room-booking">
-                        <h3>Your Reservation</h3>
-                        <form action="#">
-                            <div class="check-date">
-                                <label for="date-in">Check In:</label>
-                                <input type="text" class="date-input" id="date-in">
-                                <i class="icon_calendar"></i>
-                            </div>
-                            <div class="check-date">
-                                <label for="date-out">Check Out:</label>
-                                <input type="text" class="date-input" id="date-out">
-                                <i class="icon_calendar"></i>
-                            </div>
-                            <div class="select-option">
-                                <label for="guest">Guests:</label>
-                                <select id="guest">
-                                    <option value="">3 Adults</option>
-                                </select>
-                            </div>
-                            <div class="select-option">
-                                <label for="room">Room:</label>
-                                <select id="room">
-                                    <option value="">1 Room</option>
-                                </select>
-                            </div>
-                            <button type="submit">Check Availability</button>
-                        </form>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Room Details Section End -->
-
-    <!-- Footer Section Begin -->
-    <footer class="footer-section">
-        <div class="container">
-            <div class="footer-text">
-                <div class="row">
-                    <div class="col-lg-4">
-                        <div class="ft-about">
-                            <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
-                            </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
-                                <a href="#"><i class="fa fa-facebook"></i></a>
-                                <a href="#"><i class="fa fa-twitter"></i></a>
-                                <a href="#"><i class="fa fa-tripadvisor"></i></a>
-                                <a href="#"><i class="fa fa-instagram"></i></a>
-                                <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-contact">
-                            <h6>Contact Us</h6>
-                            <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="col-lg-3 offset-lg-1">
-                        <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
-                            <form action="#" class="fn-form">
-                                <input type="text" placeholder="Email">
-                                <button type="submit"><i class="fa fa-send"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="copyright-option">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-7">
-                        <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!-- Footer Section End -->
-
-    <!-- Search model Begin -->
-    <div class="search-model">
-        <div class="h-100 d-flex align-items-center justify-content-center">
-            <div class="search-close-switch"><i class="icon_close"></i></div>
-            <form class="search-model-form">
-                <input type="text" id="search-input" placeholder="Search here.....">
-            </form>
-        </div>
-    </div>
-    <!-- Search model end -->
-
-    <!-- Js Plugins -->
-    <script src="js/jquery-3.3.1.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <script src="js/jquery.nice-select.min.js"></script>
-    <script src="js/jquery-ui.min.js"></script>
-    <script src="js/jquery.slicknav.js"></script>
-    <script src="js/owl.carousel.min.js"></script>
-    <script src="js/main.js"></script>
-</body>
-
-</html>

+ 172 - 172
rooms.html

@@ -7,7 +7,7 @@
     <meta name="keywords" content="Sona, unica, creative, html">
     <meta name="keywords" content="Sona, unica, creative, html">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sona | Template</title>
+    <title>Virtual Athlete Academy</title>
 
 
     <!-- Google Font -->
     <!-- Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
@@ -41,80 +41,81 @@
         <div class="canvas-close">
         <div class="canvas-close">
             <i class="icon_close"></i>
             <i class="icon_close"></i>
         </div>
         </div>
-        <div class="search-icon search-switch">
+        <div class="search-icon  search-switch">
             <i class="icon_search"></i>
             <i class="icon_search"></i>
         </div>
         </div>
         <div class="header-configure-area">
         <div class="header-configure-area">
             <div class="language-option">
             <div class="language-option">
-                <img src="img/flag.jpg" alt="">
-                <span>EN <i class="fa fa-angle-down"></i></span>
+                <img src="img/icons8.png" alt="">
+                <span>RU <i class="fa fa-angle-down"></i></span>
                 <div class="flag-dropdown">
                 <div class="flag-dropdown">
                     <ul>
                     <ul>
-                        <li><a href="#">Zi</a></li>
-                        <li><a href="#">Fr</a></li>
+                        <li><a href="#">RU</a></li>
+                        <li><a href="#">BY</a></li>
                     </ul>
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
-            <a href="#" class="bk-btn">Booking Now</a>
+            <a href="#" class="bk-btn">Начать сейчас</a>
         </div>
         </div>
         <nav class="mainmenu mobile-menu">
         <nav class="mainmenu mobile-menu">
             <ul>
             <ul>
-                <li class="active"><a href="./index.html">Home</a></li>
-                <li><a href="./rooms.html">Rooms</a></li>
-                <li><a href="./about-us.html">About Us</a></li>
-                <li><a href="./pages.html">Pages</a>
+                <li class="active"><a href="./index.html">Начало</a></li>
+                <li><a href="./rooms.html">Услуги</a></li>
+                <!-- <li><a href="./about-us.html">О нас</a></li> -->
+                <!-- <li><a href="./pages.html">Подробнее</a>
                     <ul class="dropdown">
                     <ul class="dropdown">
                         <li><a href="./room-details.html">Room Details</a></li>
                         <li><a href="./room-details.html">Room Details</a></li>
-                        <li><a href="./blog-details.html">Blog Details</a></li>
+                        <li><a href="#">Deluxe Room</a></li>
                         <li><a href="#">Family Room</a></li>
                         <li><a href="#">Family Room</a></li>
                         <li><a href="#">Premium Room</a></li>
                         <li><a href="#">Premium Room</a></li>
                     </ul>
                     </ul>
-                </li>
-                <li><a href="./blog.html">News</a></li>
-                <li><a href="./contact.html">Contact</a></li>
+                </li> -->
+                <!-- <li><a href="./blog.html">Новости</a></li> -->
+                <li><a href="./contact.html">Контакты</a></li>
             </ul>
             </ul>
         </nav>
         </nav>
         <div id="mobile-menu-wrap"></div>
         <div id="mobile-menu-wrap"></div>
-        <div class="top-social">
+        <!-- <div class="top-social">
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-facebook"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-twitter"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-tripadvisor"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
             <a href="#"><i class="fa fa-instagram"></i></a>
-        </div>
+        </div> -->
         <ul class="top-widget">
         <ul class="top-widget">
-            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
+            <li><i class="fa fa-phone"></i> 8 (977) 345 6789</li>
+            <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
         </ul>
         </ul>
     </div>
     </div>
     <!-- Offcanvas Menu Section End -->
     <!-- Offcanvas Menu Section End -->
+    <!-- Offcanvas Menu Section End -->
 
 
     <!-- Header Section Begin -->
     <!-- Header Section Begin -->
-    <header class="header-section header-normal">
+    <header class="header-section">
         <div class="top-nav">
         <div class="top-nav">
             <div class="container">
             <div class="container">
                 <div class="row">
                 <div class="row">
                     <div class="col-lg-6">
                     <div class="col-lg-6">
                         <ul class="tn-left">
                         <ul class="tn-left">
-                            <li><i class="fa fa-phone"></i> (12) 345 67890</li>
-                            <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
+                            <li><i class="fa fa-phone"></i> 8 (977) 345 6789</li>
+                            <li><i class="fa fa-envelope"></i> va.academy@mail.ru</li>
                         </ul>
                         </ul>
                     </div>
                     </div>
                     <div class="col-lg-6">
                     <div class="col-lg-6">
                         <div class="tn-right">
                         <div class="tn-right">
-                            <div class="top-social">
+                            <!-- <div class="top-social">
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
-                            </div>
-                            <a href="#" class="bk-btn">Booking Now</a>
+                            </div> -->
+                            <a href="#" class="bk-btn">Попробовать сейчас</a>
                             <div class="language-option">
                             <div class="language-option">
-                                <img src="img/flag.jpg" alt="">
-                                <span>EN <i class="fa fa-angle-down"></i></span>
+                                <img src="img/icons8.png" alt="">
+                                <span>RU <i class="fa fa-angle-down"></i></span>
                                 <div class="flag-dropdown">
                                 <div class="flag-dropdown">
                                     <ul>
                                     <ul>
-                                        <li><a href="#">Zi</a></li>
-                                        <li><a href="#">Fr</a></li>
+                                        <!-- <li><a href="#"></a></li> -->
+                                        <li><a href="#">BY</a></li>
                                     </ul>
                                     </ul>
                                 </div>
                                 </div>
                             </div>
                             </div>
@@ -129,7 +130,7 @@
                     <div class="col-lg-2">
                     <div class="col-lg-2">
                         <div class="logo">
                         <div class="logo">
                             <a href="./index.html">
                             <a href="./index.html">
-                                <img src="img/logo.png" alt="">
+                                <img src="img/logo3.png" alt="">
                             </a>
                             </a>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -137,19 +138,19 @@
                         <div class="nav-menu">
                         <div class="nav-menu">
                             <nav class="mainmenu">
                             <nav class="mainmenu">
                                 <ul>
                                 <ul>
-                                    <li><a href="./index.html">Home</a></li>
-                                    <li class="active"><a href="./rooms.html">Rooms</a></li>
-                                    <li><a href="./about-us.html">About Us</a></li>
-                                    <li><a href="./pages.html">Pages</a>
+                                    <li class="active"><a href="./index.html">Начало</a></li>
+                                    <li><a href="./rooms.html">Услуги</a></li>
+                                    <!-- <li><a href="./about-us.html">О нас</a></li> -->
+                                    <!-- <li><a href="./pages.html">Тарифы</a>
                                         <ul class="dropdown">
                                         <ul class="dropdown">
-                                            <li><a href="./room-details.html">Room Details</a></li>
-                                            <li><a href="./blog-details.html">Blog Details</a></li>
-                                            <li><a href="#">Family Room</a></li>
-                                            <li><a href="#">Premium Room</a></li>
+                                            <li><a href="./room-details.html">Тариф Классик</a></li>
+                                            <li><a href="./blog-details.html">Тариф </a></li>
+                                            <li><a href="#">Тариф Командный</a></li>
+                                            <li><a href="#">Тариф Премиум</a></li>
                                         </ul>
                                         </ul>
-                                    </li>
-                                    <li><a href="./blog.html">News</a></li>
-                                    <li><a href="./contact.html">Contact</a></li>
+                                    </li> -->
+                                    <!-- <li><a href="./blog.html">Новости</a></li> -->
+                                    <li><a href="./contact.html">Контакты</a></li>
                                 </ul>
                                 </ul>
                             </nav>
                             </nav>
                             <div class="nav-right search-switch">
                             <div class="nav-right search-switch">
@@ -169,10 +170,10 @@
             <div class="row">
             <div class="row">
                 <div class="col-lg-12">
                 <div class="col-lg-12">
                     <div class="breadcrumb-text">
                     <div class="breadcrumb-text">
-                        <h2>Our Rooms</h2>
+                        <h2>Наши услуги</h2>
                         <div class="bt-option">
                         <div class="bt-option">
-                            <a href="./home.html">Home</a>
-                            <span>Rooms</span>
+                            <a href="./home.html">Начало</a>
+                            <span>Услуги</span>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
@@ -187,181 +188,181 @@
             <div class="row">
             <div class="row">
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-1.jpg" alt="">
+                        <img src="img/room/Group11.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Premium King Room</h4>
-                            <h3>159$<span>/Pernight</span></h3>
-                            <table>
-                                <tbody>
-                                    <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 3</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Services:</td>
-                                        <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <h4>Индивидуальное обучение по игре DOTA 2</h4>
+                                <h3>2000₽<span>/В час</span></h3>
+                                <table>
+                                    <tbody>
+                                        <tr>
+                                            <td class="r-o">Длительность:</td>
+                                            <td>3 часа</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Игроков:</td>
+                                            <td>Один игрок</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Формат:</td>
+                                            <td>Оффлайн, онлайн-обучение</td>
+                                        </tr>
+                                        <!-- <tr>
+                                            <td class="r-o">Services:</td>
+                                            <td>Wifi, Television, Bathroom,...</td>
+                                        </tr> -->
+                                    </tbody>
+                                </table>
+                                <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-2.jpg" alt="">
+                        <img src="img/room/Group23.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Deluxe Room</h4>
-                            <h3>159$<span>/Pernight</span></h3>
+                            <h4>Групповое занятие по игре Counter-Strike: Global Offensive</h4>
+                            <h3>2000₽<span>/В час</span></h3>
                             <table>
                             <table>
                                 <tbody>
                                 <tbody>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
+                                        <td class="r-o">Длительность:</td>
+                                        <td>3 часа</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 5</td>
+                                        <td class="r-o">Игроков:</td>
+                                        <td>До 4-х персон</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
+                                        <td class="r-o">Формат:</td>
+                                        <td>Оффлайн, онлайн-обучение</td>
                                     </tr>
                                     </tr>
-                                    <tr>
+                                    <!-- <tr>
                                         <td class="r-o">Services:</td>
                                         <td class="r-o">Services:</td>
                                         <td>Wifi, Television, Bathroom,...</td>
                                         <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
+                                    </tr> -->
                                 </tbody>
                                 </tbody>
                             </table>
                             </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-3.jpg" alt="">
+                        <img src="img/room/Group33.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Double Room</h4>
-                            <h3>159$<span>/Pernight</span></h3>
-                            <table>
-                                <tbody>
-                                    <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 2</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Services:</td>
-                                        <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <h4>Занятие по развитию игровых навыков и реакции в игре Fortnite </h4>
+                                <h3>1000₽<span>/В час</span></h3>
+                                <table>
+                                    <tbody>
+                                        <tr>
+                                            <td class="r-o">Длительность:</td>
+                                            <td>2 часа</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Игроков:</td>
+                                            <td>До 4-х персон</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Формат:</td>
+                                            <td>Оффлайн, онлайн-обучение</td>
+                                        </tr>
+                                        <!-- <tr>
+                                            <td class="r-o">Services:</td>
+                                            <td>Wifi, Television, Bathroom,...</td>
+                                        </tr> -->
+                                    </tbody>
+                                </table>
+                                <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-4.jpg" alt="">
+                        <img src="img/room/Group42.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Luxury Room</h4>
-                            <h3>159$<span>/Pernight</span></h3>
-                            <table>
-                                <tbody>
-                                    <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 1</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="r-o">Services:</td>
-                                        <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <h4>Групповое занятие по тренировке реакции и координации движений в игре Rainbow Six Siege </h4>
+                                <h3>5000₽<span>/В час</span></h3>
+                                <table>
+                                    <tbody>
+                                        <tr>
+                                            <td class="r-o">Длительность:</td>
+                                            <td>3 часа</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Игроков:</td>
+                                            <td>До 4-х персон</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="r-o">Формат:</td>
+                                            <td>Оффлайн, онлайн-обучение</td>
+                                        </tr>
+                                        <!-- <tr>
+                                            <td class="r-o">Services:</td>
+                                            <td>Wifi, Television, Bathroom,...</td>
+                                        </tr> -->
+                                    </tbody>
+                                </table>
+                                <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-5.jpg" alt="">
+                        <img src="img/room/Group5.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Room With View</h4>
-                            <h3>159$<span>/Pernight</span></h3>
+                            <h4>Тренировочный сеанс по повышению точности и скорости мыши в игре Valorant</h4>
+                            <h3>2000₽<span>/В час</span></h3>
                             <table>
                             <table>
                                 <tbody>
                                 <tbody>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
+                                        <td class="r-o">Длительность:</td>
+                                        <td>2 часа</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 1</td>
+                                        <td class="r-o">Игроков:</td>
+                                        <td>До 5 персон</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
+                                        <td class="r-o">Формат:</td>
+                                        <td>Оффлайн, онлайн-обучение</td>
                                     </tr>
                                     </tr>
-                                    <tr>
+                                    <!-- <tr>
                                         <td class="r-o">Services:</td>
                                         <td class="r-o">Services:</td>
                                         <td>Wifi, Television, Bathroom,...</td>
                                         <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
+                                    </tr> -->
                                 </tbody>
                                 </tbody>
                             </table>
                             </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="col-lg-4 col-md-6">
                 <div class="col-lg-4 col-md-6">
                     <div class="room-item">
                     <div class="room-item">
-                        <img src="img/room/room-6.jpg" alt="">
+                        <img src="img/room/Group66.png" alt="">
                         <div class="ri-text">
                         <div class="ri-text">
-                            <h4>Small View</h4>
-                            <h3>159$<span>/Pernight</span></h3>
+                            <h4>Индивидуальное обучение по лучшим тактикам и стратегиям игры в StarCraft II </h4>
+                            <h3>1500₽<span>/В час</span></h3>
                             <table>
                             <table>
                                 <tbody>
                                 <tbody>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Size:</td>
-                                        <td>30 ft</td>
+                                        <td class="r-o">Длительность:</td>
+                                        <td>2 часа</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Capacity:</td>
-                                        <td>Max persion 2</td>
+                                        <td class="r-o">Игроков:</td>
+                                        <td>До 5 персон</td>
                                     </tr>
                                     </tr>
                                     <tr>
                                     <tr>
-                                        <td class="r-o">Bed:</td>
-                                        <td>King Beds</td>
+                                        <td class="r-o">Формат:</td>
+                                        <td>Оффлайн, онлайн-обучение</td>
                                     </tr>
                                     </tr>
-                                    <tr>
+                                    <!-- <tr>
                                         <td class="r-o">Services:</td>
                                         <td class="r-o">Services:</td>
                                         <td>Wifi, Television, Bathroom,...</td>
                                         <td>Wifi, Television, Bathroom,...</td>
-                                    </tr>
+                                    </tr> -->
                                 </tbody>
                                 </tbody>
                             </table>
                             </table>
-                            <a href="#" class="primary-btn">More Details</a>
+                            <a href="#" class="primary-btn">Подробнее</a>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
@@ -369,7 +370,7 @@
                     <div class="room-pagination">
                     <div class="room-pagination">
                         <a href="#">1</a>
                         <a href="#">1</a>
                         <a href="#">2</a>
                         <a href="#">2</a>
-                        <a href="#">Next <i class="fa fa-long-arrow-right"></i></a>
+                        <a href="#"> Далее <i class="fa fa-long-arrow-right"></i></a>
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
@@ -385,34 +386,35 @@
                     <div class="col-lg-4">
                     <div class="col-lg-4">
                         <div class="ft-about">
                         <div class="ft-about">
                             <div class="logo">
                             <div class="logo">
-                                <a href="#">
-                                    <img src="img/footer-logo.png" alt="">
-                                </a>
+                                <div class="mylog">
+                                   <u><b> Virtual Atchele Academy </b></u>
+                                </div>
                             </div>
                             </div>
-                            <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
-                            <div class="fa-social">
+                            <p>Мы вдохновляем миллионы игроков и привлекаем
+                                их внимание <br />на различных турнирах</p>
+                            <!-- <div class="fa-social">
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-facebook"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-twitter"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-tripadvisor"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-instagram"></i></a>
                                 <a href="#"><i class="fa fa-youtube-play"></i></a>
                                 <a href="#"><i class="fa fa-youtube-play"></i></a>
-                            </div>
+                            </div> -->
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 offset-lg-1">
                     <div class="col-lg-3 offset-lg-1">
                         <div class="ft-contact">
                         <div class="ft-contact">
-                            <h6>Contact Us</h6>
+                            <h6>Контактная информация</h6>
                             <ul>
                             <ul>
-                                <li>(12) 345 67890</li>
-                                <li>info.colorlib@gmail.com</li>
-                                <li>856 Cordia Extension Apt. 356, Lake, United State</li>
+                                <li>8 (977) 345 6789</li>
+                                <li>va.academy@mail.ru</li>
+                                <li>Москва, Ленингадское шоссе 13А, РОССИЯ</li>
                             </ul>
                             </ul>
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="col-lg-3 offset-lg-1">
                     <div class="col-lg-3 offset-lg-1">
                         <div class="ft-newslatter">
                         <div class="ft-newslatter">
-                            <h6>New latest</h6>
-                            <p>Get the latest updates and offers.</p>
+                            <h6>Сотруднечество</h6>
+                            <p>Ждем вас!</p>
                             <form action="#" class="fn-form">
                             <form action="#" class="fn-form">
                                 <input type="text" placeholder="Email">
                                 <input type="text" placeholder="Email">
                                 <button type="submit"><i class="fa fa-send"></i></button>
                                 <button type="submit"><i class="fa fa-send"></i></button>
@@ -427,16 +429,14 @@
                 <div class="row">
                 <div class="row">
                     <div class="col-lg-7">
                     <div class="col-lg-7">
                         <ul>
                         <ul>
-                            <li><a href="#">Contact</a></li>
-                            <li><a href="#">Terms of use</a></li>
-                            <li><a href="#">Privacy</a></li>
-                            <li><a href="#">Environmental Policy</a></li>
+                            <li><a href="#">Контакты</a></li>
+                            <li><a href="#">Условия пользования</a></li>
+                            <li><a href="#">Конфедециальность</a></li>
+                            <li><a href="#">Политика</a></li>
                         </ul>
                         </ul>
                     </div>
                     </div>
                     <div class="col-lg-5">
                     <div class="col-lg-5">
-                        <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
-  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
-  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
+                      
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>