diff --git a/css/styles.css b/css/styles.css
index c7bacfe..52d2728 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -355,18 +355,6 @@ h2 {
   margin-left: 1vw;
 }
 
-/*.venue-reviews .review:nth-child(even) {*/
-/*  align-items: flex-end;*/
-/*}*/
-
-/*.venue-reviews .review:nth-child(even) .review__text {*/
-/*  border-radius: 5px;*/
-/*  background-color: #cecece;*/
-/*  margin-left: 10px;*/
-/*  margin-right: 10px;*/
-/*  margin-top: 1vw;*/
-/*}*/
-
 .user__photo {
   max-width: 50%;
   max-height: 50%;
@@ -422,3 +410,30 @@ h2 {
   margin-top: 1vw;
   padding: 0.5vw;
 }
+
+.preloader {
+  border: 0.3vw solid #f3f3f3;
+  border-top: 0.3vw solid #303C6C;
+  border-radius: 50%;
+  width: 6vw;
+  height: 6vw;
+  animation: spin 2s linear infinite;
+  margin: 0 auto;
+  position: relative;
+  top: 8vw
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.error {
+  position: relative;
+  top: 10vw;
+  left: 10vw;
+}
diff --git a/index.html b/index.html
index b976476..c46d107 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
   <link href="https://fonts.cdnfonts.com/css/bebas-neue" rel="stylesheet">
   <script src="js/menu.js"></script>
   <script src="js/loadtime.js" defer></script>
+  <script src="js/loaddata.js"></script>
   <link rel="stylesheet" href="css/styles.css">
   <meta name="theme-color" content="#fafafa">
 </head>
@@ -76,318 +77,6 @@ <h2 class="filters__header h2-text">Фильтры</h2>
   <button class="filters__button confirm-button-text">Применить</button>
 </section>
 <section id="venues" class="venues">
-  <div class="venue basic-border">
-    <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</a></h2>
-    <div class="venue-content">
-    <div class="venue-info">
-      <div class="photo-container">
-    <img class="venue-info__photo" src="img/venue1.jpg" alt="Фото заведения">
-        <div class="photo-content">
-        <p class="venue-info__description paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error explicabo maiores molestias, nobis optio quisquam reiciendis veritatis voluptas. Hic, placeat veritatis. Aspernatur, ducimus facere magnam officia quas soluta sunt suscipit?</p>
-        </div>
-      </div>
-      <div class="venue-stats">
-      <div class="venue-stats__rating default-text">Рейтинг: <span class="stat"> 4.5</span></div>
-      <div class="venue-stats__views default-text">Просмотры: <span class="stat"> 100</span></div>
-      <div class="venue-stats__contacts default-text">Контакты: <span class="stat"> Телефон, email</span></div>
-    </div>
-    </div>
-    <div class="venue-reviews">
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-      <div class="review">
-        <div class="user">
-          <img class="user__photo" src="img/profile.png" alt="Аватар">
-          <h3 class="user__name default-text">Пользователь 1</h3>
-        </div>
-        <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-      </div>
-    </div>
-    </div>
-  </div>
-  <div class="venue basic-border">
-    <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</a></h2>
-    <div class="venue-content">
-      <div class="venue-info">
-        <div class="photo-container">
-          <img class="venue-info__photo" src="img/venue1.jpg" alt="Фото заведения">
-          <div class="photo-content">
-            <p class="venue-info__description paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error explicabo maiores molestias, nobis optio quisquam reiciendis veritatis voluptas. Hic, placeat veritatis. Aspernatur, ducimus facere magnam officia quas soluta sunt suscipit?</p>
-          </div>
-        </div>
-        <div class="venue-stats">
-          <div class="venue-stats__rating default-text">Рейтинг: <span class="stat"> 4.5</span></div>
-          <div class="venue-stats__views default-text">Просмотры: <span class="stat"> 100</span></div>
-          <div class="venue-stats__contacts default-text">Контакты: <span class="stat"> Телефон, email</span></div>
-        </div>
-      </div>
-      <div class="venue-reviews">
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="venue basic-border">
-    <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</a></h2>
-    <div class="venue-content">
-      <div class="venue-info">
-        <div class="photo-container">
-          <img class="venue-info__photo" src="img/venue1.jpg" alt="Фото заведения">
-          <div class="photo-content">
-            <p class="venue-info__description paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error explicabo maiores molestias, nobis optio quisquam reiciendis veritatis voluptas. Hic, placeat veritatis. Aspernatur, ducimus facere magnam officia quas soluta sunt suscipit?</p>
-          </div>
-        </div>
-        <div class="venue-stats">
-          <div class="venue-stats__rating default-text">Рейтинг: <span class="stat"> 4.5</span></div>
-          <div class="venue-stats__views default-text">Просмотры: <span class="stat"> 100</span></div>
-          <div class="venue-stats__contacts default-text">Контакты: <span class="stat"> Телефон, email</span></div>
-        </div>
-      </div>
-      <div class="venue-reviews">
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-      </div>
-    </div>
-  </div>
   <div class="venue basic-border">
     <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</a></h2>
     <div class="venue-content">
@@ -405,90 +94,6 @@ <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</
         </div>
       </div>
       <div class="venue-reviews">
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
       </div>
     </div>
   </div>
@@ -509,90 +114,6 @@ <h2 class="venue__name h2-text"><a class="venue__link" href="#">The Office Pub</
         </div>
       </div>
       <div class="venue-reviews">
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
-        <div class="review">
-          <div class="user">
-            <img class="user__photo" src="img/profile.png" alt="Аватар">
-            <h3 class="user__name default-text">Пользователь 1</h3>
-          </div>
-          <p class="review__text paragraph-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam autem doloremque ea, excepturi exercitationem illum impedit porro sapiente tenetur. Aut cum debitis fugit illo ipsum iste, obcaecati quas tempora.</p>
-        </div>
       </div>
     </div>
   </div>
diff --git a/js/loaddata.js b/js/loaddata.js
new file mode 100644
index 0000000..2ea2307
--- /dev/null
+++ b/js/loaddata.js
@@ -0,0 +1,57 @@
+function hidePreloader(preloader) {
+  preloader.style.display = "none"
+}
+
+function showError(venueReviews) {
+  let errorElement = document.createElement("div")
+  errorElement.innerText = "⚠ Что-то пошло не так"
+  errorElement.classList.add("error", "h2-text")
+  venueReviews.appendChild(errorElement)
+}
+
+function fetchData(venueReviews, preloader) {
+  let lastRequestId = localStorage.getItem("lastRequestId")
+  if (lastRequestId == null) {
+    lastRequestId = 1
+  } else {
+    lastRequestId += 1
+  }
+  localStorage.setItem("lastRequestId", lastRequestId)
+  let randomNum = Math.floor(Math.random() * 100 + Math.random() * lastRequestId) % 30;
+  fetch("https://my.api.mockaroo.com/reviews.json/" + randomNum + "?key=f01fa360")
+    .then(function (response) {
+      if (!response.ok) {
+        throw new Error("Network response was error");
+      }
+      return response.json();
+    })
+    .then(data => {
+        hidePreloader(preloader);
+        data.forEach(reviewObj => {
+          let reviewElement = document.createElement("div")
+          reviewElement.classList.add("review")
+          reviewElement.innerHTML = `
+            <div class="user">
+              <img class="user__photo" src=${reviewObj.avatar} alt="Аватар">
+              <h3 class="user__name default-text">${reviewObj.username}</h3>
+            </div>
+            <p class="review__text paragraph-text">${reviewObj.review}</p>
+          `;
+          venueReviews.appendChild(reviewElement)
+        });
+    })
+    .catch(function () {
+      hidePreloader(preloader);
+      showError(venueReviews);
+    });
+}
+
+window.addEventListener("load", function() {
+  let venueReviewsList = document.querySelectorAll(".venue-reviews");
+  venueReviewsList.forEach(venueReviews => {
+    let preloader = document.createElement("div");
+    preloader.classList.add("preloader");
+    venueReviews.appendChild(preloader);
+    fetchData(venueReviews, preloader);
+  });
+});