├── README.md
├── img
    ├── wach.png
    ├── divan.png
    ├── kreslo.png
    ├── penal.png
    ├── stelaj.png
    ├── stoli.png
    ├── Group 880.png
    ├── kumpa dom.png
    ├── logo ned.png
    ├── peregorod.png
    ├── iconsearch.png
    ├── Rectangle 41.png
    ├── Rectangle 41 (1).png
    └── Rectangle 41 (2).png
├── inedx.css
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # Shohurh-kumpa


--------------------------------------------------------------------------------
/img/wach.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/wach.png


--------------------------------------------------------------------------------
/img/divan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/divan.png


--------------------------------------------------------------------------------
/img/kreslo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/kreslo.png


--------------------------------------------------------------------------------
/img/penal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/penal.png


--------------------------------------------------------------------------------
/img/stelaj.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/stelaj.png


--------------------------------------------------------------------------------
/img/stoli.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/stoli.png


--------------------------------------------------------------------------------
/img/Group 880.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/Group 880.png


--------------------------------------------------------------------------------
/img/kumpa dom.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/kumpa dom.png


--------------------------------------------------------------------------------
/img/logo ned.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/logo ned.png


--------------------------------------------------------------------------------
/img/peregorod.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/peregorod.png


--------------------------------------------------------------------------------
/img/iconsearch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/iconsearch.png


--------------------------------------------------------------------------------
/img/Rectangle 41.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/Rectangle 41.png


--------------------------------------------------------------------------------
/img/Rectangle 41 (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/Rectangle 41 (1).png


--------------------------------------------------------------------------------
/img/Rectangle 41 (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Shohurh-kumpa/HEAD/img/Rectangle 41 (2).png


--------------------------------------------------------------------------------
/inedx.css:
--------------------------------------------------------------------------------
  1 | *{
  2 |     padding: 0;
  3 |     margin: 0;
  4 |     list-style: none;
  5 | }
  6 | body{
  7 |     font-family: 'Roboto', sans-serif;
  8 |      
  9 | }
 10 | nav{
 11 |     background: #000000;
 12 |    
 13 | }
 14 | .a_logo{
 15 |     font-family: 'Roboto';
 16 |     font-style: normal;
 17 |     font-weight: 400;
 18 |     font-size: 14px;
 19 |     line-height: 16px;
 20 |     color: #FFFFFF;
 21 |     text-decoration: none;
 22 |     }
 23 |     .a_logo:hover{
 24 |         color: white;
 25 |     }  
 26 | .list_iteam{
 27 |     font-family: 'Roboto';
 28 |     font-style: normal;
 29 |     font-weight: 400;
 30 |     font-size: 14px;
 31 |     line-height: 16px;
 32 |     color: #FFFFFF;
 33 |     margin-left: 20px;
 34 |     margin-top: 5px;
 35 |    }
 36 |     .nav_a{
 37 |         font-family: 'Roboto';
 38 |         font-style: normal;
 39 |         font-weight: 400;
 40 |         font-size: 14px;
 41 |         line-height: 16px;
 42 |         text-decoration: none;
 43 |          color: #63BFBE;
 44 |         }
 45 |         .nav_a:hover{
 46 |             color: #63BFBE;
 47 |         }
 48 |         .list{
 49 |             display: flex;
 50 |         }
 51 | .logo_end{
 52 |     text-decoration: none;
 53 |     font-family: 'Roboto';
 54 |     font-style: normal;
 55 |     font-weight: 400;
 56 |     font-size: 14px;
 57 |     color: #FFFFFF;
 58 |     }
 59 | .logo_end:hover{
 60 |     color: #FFFFFF;
 61 | }
 62 | .fa-solid{
 63 |     color:blue;
 64 | }
 65 | /* ---------------------------------nav end---------------------------------- */
 66 | .search{
 67 |     width: 150%;
 68 |     border: 1px solid rgb(146, 113, 113);
 69 |     border-left: none;
 70 |     border-right: none;
 71 |     border-top: none;
 72 |     }
 73 | 
 74 | 
 75 | .div_input{
 76 |     display: flex;
 77 |     margin-top: 50px;
 78 |    justify-content: space-evenly;
 79 | }
 80 | .box{
 81 |     width: 150px;
 82 | }
 83 | .fa-brands{
 84 |     color: green;
 85 |     margin-left: 10px;
 86 | }
 87 | .div_telegram{
 88 |     display: flex;
 89 |     align-items: center;
 90 |     margin-top: 50px;
 91 | }
 92 | .number{
 93 |    margin-left: 10px;
 94 |     font-weight: 400;
 95 |     font-size: 18px;
 96 |     color: #000000;
 97 |     }
 98 | .zvonok{
 99 |     margin-left: 80px;
100 | }
101 | /* ------------------------------------------section end ---------------------------------------------*/
102 | .mini_card{
103 |     display: flex;
104 |     align-items: center;
105 |     margin-top: 24px;
106 |     background-color: cornsilk;
107 | }
108 | .penal{
109 |     margin-top: 10px;
110 |     margin-left: 10px;  
111 |     color: #63BFBE;
112 |     font-weight: 400;
113 |     font-size: 16px;
114 |     text-align: center;
115 |     }
116 | .peregorod{
117 |     margin-left: 70px;
118 | }
119 | .penal_1{
120 |     margin-top: 10px;
121 |     margin-left: 10px;  
122 |     color: #000000;
123 |     font-weight: 400;
124 |     font-size: 16px;
125 |     text-align: center;
126 | }
127 | /* ---------------------------------section2 end--------------------------- */
128 | .katalog{
129 |     padding-top: 32px;
130 | }
131 | .div_glavniy{
132 |     display: flex;
133 | }
134 | .glavniy{
135 |     margin-left: 10px;
136 |     color: #000000;
137 |     font-weight: 400;
138 |     font-size: 14px;
139 |     }
140 |     .glavniy_2{
141 |         font-weight: 400;
142 |         font-size: 14px;
143 |         margin-left: 10px;
144 |         color: #ACACAC;
145 |   }
146 |   .pastga{
147 |     color: chartreuse;
148 |     margin-top: 5px;
149 |   }
150 |   .div_pastga{
151 |     display: flex; 
152 |     margin-left: 200px; 
153 |   }
154 |   .pop{
155 |     
156 |       font-family: 'Roboto';
157 |       font-style: normal;
158 |       font-weight: 400;
159 |       font-size: 18px;
160 |       line-height: 140%;
161 |       /* or 25px */
162 |       color: #000000;
163 |       margin-left: 10px;
164 |       }
165 |       .tip{
166 |           font-family: 'Roboto';
167 |           font-style: normal;
168 |           font-weight: 700;
169 |           font-size: 20px;
170 |           line-height: 140%;
171 |           /* identical to box height, or 28px */
172 |           color: #000000;
173 |                 }
174 | .vse{
175 |     font-family: 'Roboto';
176 | font-style: normal;
177 | font-weight: 400;
178 | font-size: 16px;
179 | line-height: 140%;
180 | /* or 22px */
181 | 
182 | 
183 | color: #000000;
184 | }
185 | .vse2{
186 |     font-family: 'Roboto';
187 |     font-style: normal;
188 |     font-weight: 400;
189 |     font-size: 16px;
190 |     line-height: 140%;
191 |     /* or 22px */
192 |     /* dark_blue */
193 |     color: #63BFBE;
194 |     }
195 |     .card_1{
196 |         background: rgb(173, 93, 66);
197 |     }
198 |     .card_small{
199 |         margin-left: 20px;
200 |     }
201 |     .card_21{
202 |         display: flex;
203 |         align-items: center;
204 |     }
205 |     .card_2{
206 |         background: lightgoldenrodyellow;
207 |     }
208 | .stelaj{
209 |     font-family: 'Roboto';
210 |     font-style: normal;
211 |     font-weight: 400;
212 |     font-size: 18px;
213 |     line-height: 140%;
214 |     /* or 25px */
215 |     /* light_grey */
216 |     color: #ACACAC;
217 |     margin-left: 10px;
218 |     }
219 | .stelaj_2{
220 |     font-family: 'Roboto';
221 |     font-style: normal;
222 |     font-weight: 500;
223 |     font-size: 18px;
224 |     line-height: 140%;
225 |     /* or 25px */
226 |     /* grey */
227 |     color: #0e0c0c;
228 |     }
229 |     .rubl{
230 |         font-family: 'Roboto';
231 |         font-style: normal;
232 |         font-weight: 500;
233 |         font-size: 18px;
234 |         line-height: 140%;
235 |         /* or 25px */
236 |         color: #000000;
237 |         margin-left: 10px;
238 |             }
239 | .zakaz{
240 |     font-family: 'Roboto';
241 |     font-style: normal;
242 |     font-weight: 700;
243 |     font-size: 16px;
244 |     line-height: 140%;
245 |     /* or 22px */
246 |     text-align: center;
247 |     /* dark_blue */
248 |     color: #63BFBE;
249 |     background: white;
250 |     margin-top: 5px;
251 |     border: none;
252 |     width: 100%;
253 |     border-top:1px solid  rgb(132, 105, 105) ;
254 |     background: lightgoldenrodyellow;
255 |     padding-top: 5px;
256 |     padding-bottom: 10px;
257 |     }
258 | .material{
259 |     font-family: 'Roboto';
260 |     font-style: normal;
261 |     font-weight: 400;
262 |     font-size: 16px;
263 |     line-height: 140%;
264 |     /* or 22px */
265 |     /* dark_blue */
266 |     color: #63BFBE;
267 |     padding-top: 5px;
268 |     padding-bottom: 10px;
269 |     border: 4px dotted blue;
270 |  
271 |     }
272 |     .nol{
273 |         color: #63BFBE ;
274 |     }
275 |     .ranglar{
276 |         margin-top: 20px;
277 |         margin-bottom: 20px;
278 |     }
279 | .sveta_2{
280 |     font-family: 'Roboto';
281 |     font-style: normal;
282 |     font-weight: 400;
283 |     font-size: 16px;
284 |     line-height: 140%;
285 |     /* or 22px */
286 |     /* dark_blue */
287 |     color: #63BFBE;
288 |     background: white;
289 |     padding: 5px 40px ;
290 |     border: 4px dotted blue;
291 | 
292 |     }
293 |     .card_4{
294 |         background: lightgoldenrodyellow;
295 |     }
296 |     .card_4_2{
297 |         margin-left: 20px;
298 |     }
299 | .perviy{
300 |     padding-top: 10px;
301 | }
302 | .chitat{
303 |     font-family: 'Roboto';
304 |     font-style: normal;
305 |     font-weight: 400;
306 |     font-size: 16px;
307 |     line-height: 140%;
308 |     /* or 22px */
309 |     text-decoration-line: underline;
310 |     /* dark_blue */
311 |     color: #63BFBE;
312 | }
313 | .nachalo{
314 | font-family: 'Roboto';
315 | font-style: normal;
316 | font-weight: 400;
317 | font-size: 16px;
318 | line-height: 140%;
319 | /* or 22px */
320 | /* black */
321 | color: #000000;
322 | }
323 |     
324 | 
325 | 
326 | .perviy{
327 | font-family: 'Roboto';
328 | font-style: normal;
329 | font-weight: 700;
330 | font-size: 18px;
331 | line-height: 140%;
332 | /* or 25px */
333 | /* black */
334 | color: #000000;
335 | }
336 | .card_6{
337 |  background: lightgoldenrodyellow;
338 | }
339 | /* -----------------------------------------------footer------------------------------------------------ */
340 | .prava{
341 |     margin-top: 50px;
342 |     font-family: 'Roboto';
343 |     font-style: normal;
344 |     font-weight: 400;
345 |     font-size: 16px;
346 |     line-height: 140%;
347 |     /* or 22px */
348 |     /* grey */
349 |     color: #767676;
350 |     }
351 | .ru{
352 | font-family: 'Roboto';
353 | font-style: normal;
354 | font-weight: 700;
355 | font-size: 18px;
356 | line-height: 140%;
357 | /* or 25px */
358 | /* black */
359 | color: #000000;
360 | }
361 | .blog{
362 | font-family: 'Roboto';
363 | font-style: normal;
364 | font-weight: 400;
365 | font-size: 16px;
366 | line-height: 140%;
367 | /* or 22px */
368 | /* black */
369 | color: #000000;
370 | }
371 | .svyaz{
372 |     font-family: 'Roboto';
373 |     font-style: normal;
374 |     font-weight: 700;
375 |     font-size: 18px;
376 |     line-height: 140%;
377 |     /* or 25px */
378 |     /* black */
379 |     
380 |     color: #000000;
381 |     
382 |     }
383 |             
384 | 
385 | 
386 |             
387 |             
388 | 
389 | 
390 | 
391 | 
392 | 
393 | 
394 | 
395 |     
396 |     
397 | 
398 | 
399 | 
400 | 
401 | 
402 | 
403 | 
404 | 
405 | 
406 | 
407 | 
408 | 
409 | 
410 | 
411 | 
412 | 
413 | 
414 | 
415 | 
416 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <link rel="stylesheet" href="inedx.css">
  9 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
 10 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 11 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 12 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
 13 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
 14 |         integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
 15 |         crossorigin="anonymous" referrerpolicy="no-referrer" />
 16 |     <title>Shohruh Kumpa</title>
 17 | </head>
 18 | 
 19 | <body>
 20 |     <header>
 21 |         <nav>
 22 |             <div class="container">
 23 |                 <div class="row justify-content-between">
 24 |                     <div class="col-3">
 25 |                         <div class="logo_div">
 26 |                             <!-- <img src="img/wach.png" alt=""> -->
 27 |                             <i class="fa-solid fa-clock"></i>
 28 |                             <a class="a_logo" href="">Ежедневно с 10:00 до 21:00</a>
 29 |                         </div>
 30 |                     </div>
 31 |                     <div class="col-7">
 32 |                         <ul class="list">
 33 |                             <li class="list_iteam"><a class="a_logo" href="#!">О компании</a></li>
 34 |                             <li class="list_iteam"><a class="nav_a" href="#!">Каталог</a></li>
 35 |                             <li class="list_iteam"><a class="a_logo" href="#!">Покупателям</a></li>
 36 |                             <li class="list_iteam"><a class="a_logo" href="#!">Дилерам и дизайнерам</a></li>
 37 |                             <li class="list_iteam"><a class="a_logo" href="#!">Отзывы</a></li>
 38 |                             <li class="list_iteam"><a class="a_logo" href="#!">Контакты</a></li>
 39 | 
 40 |                         </ul>
 41 | 
 42 |                     </div>
 43 |                     <div class="col-2">
 44 |                         <img src="img/logo ned.png" alt="" class="logo_ned">
 45 |                         <a href="#!" class="logo_end">Войти</a>
 46 |                     </div>
 47 |                 </div>
 48 |             </div>
 49 |         </nav>
 50 |     </header>
 51 |     <section class="section">
 52 |         <div class="container">
 53 |             <div class="row justify-content-between">
 54 |                 <div class="col-4">
 55 |                     <div class="div_input">
 56 |                         <img src="img/kumpa dom.png" alt="" class="box">
 57 |                         <form class="form">
 58 |                             <input type="text" class="search" placeholder="Поиск...">
 59 |                         </form>
 60 |                     </div>
 61 |                 </div>
 62 |                 <div class="col-4">
 63 |                     <div class="div_telegram">
 64 |                         <i class="fa-brands fa-telegram"></i>
 65 |                         <i class="fa-brands fa-whatsapp"></i>
 66 |                         <h4 class="number">+7 (800) 800-80-80</h4>
 67 |                     </div>
 68 |                     <a href="#!" class="zvonok">Заказать звонок</a>
 69 |                 </div>
 70 |             </div>
 71 |         </div>
 72 |     </section>
 73 |     <section class="section2">
 74 |         <div class="container">
 75 |             <div class="row">
 76 |                 <div class="col-3">
 77 |                     <div class="mini_card">
 78 |                         <img src="img/peregorod.png" alt="" class="peregorod">
 79 |                         <p class="penal">Перегородки</p>
 80 |                     </div>
 81 |                 </div>
 82 |                 <div class="col-3">
 83 |                     <div class="mini_card">
 84 |                         <img src="img/stoli.png" alt="" class="peregorod">
 85 |                         <p class="penal_1">Столы</p>
 86 |                     </div>
 87 |                 </div>
 88 |                 <div class="col-3">
 89 |                     <div class="mini_card">
 90 |                         <img src="img/stelaj.png" alt="" class="peregorod">
 91 |                         <p class="penal_1">Стеллажи</p>
 92 |                     </div>
 93 |                 </div>
 94 |                 <div class="col-3">
 95 |                     <div class="mini_card">
 96 |                         <img src="img/penal.png" alt="" class="peregorod">
 97 |                         <p class="penal_1">Пеналы</p>
 98 |                     </div>
 99 |                 </div>
100 |             </div>
101 |         </div>
102 |     </section>
103 |     <section class="section3">
104 |         <div class="container">
105 |             <div class="row">
106 |                 <div class="col-3">
107 |                     <h3 class="katalog">Каталог товаров (85)</h3>
108 |                 </div>
109 |             </div>
110 |             <div class="row justify-content-between">
111 |                 <div class="col-4">
112 |                     <div class="div_glavniy">
113 |                         <p class="glavniy">Главная/</p>
114 |                         <p class="glavniy">Каталог/</p>
115 |                         <p class="glavniy_2">Перегородки/</p>
116 |                     </div>
117 |                 </div>
118 |                 <div class="col-4">
119 |                     <div class="div_pastga">
120 |                         <i class="fa-solid fa-down-long pastga"></i>
121 |                         <p class="pop">По популярности</p>
122 |                     </div>
123 |                 </div>
124 |             </div>
125 | 
126 |         </div>
127 |         <div class="container">
128 |             <div style="margin-top:50px ;" class="row">
129 |                 <div class="col-3">
130 |                     <div class="card_1">
131 |                         <div class="card_small">
132 |                             <h3 class="tip">Тип</h3>
133 |                             <p class="vse">Все</p>
134 |                             <p class="vse2">Перегородки</p>
135 |                             <p class="vse">Столы </p>
136 |                             <p class="vse">Стеллажи</p>
137 |                             <p class="vse">Пеналы </p>
138 |                         </div>
139 | 
140 |                     </div>
141 |                 </div>
142 |                 <div class="col-3">
143 |                     <div class="card_2">
144 |                         <img src="img/Rectangle 41.png" alt="" class="table">
145 |                         <div class="card_21">
146 |                             <h3 class="stelaj">Стеллаж</h3>
147 |                             <h3 class="stelaj_2"> “Rack”</h3>
148 |                         </div>
149 |                         <p class="rubl">от 20 000 ₽</p>
150 |                         <button class="zakaz">Заказать</button>
151 |                         <!-- <p class="zakaz">Заказать</p> -->
152 |                     </div>
153 |                 </div>
154 |                 <div class="col-3">
155 |                     <div class="card_2">
156 |                         <img src="img/Rectangle 41 (1).png" alt="" class="table">
157 |                         <div class="card_21">
158 |                             <h3 class="stelaj">Стеллаж</h3>
159 |                             <h3 class="stelaj_2"> “Rack”</h3>
160 |                         </div>
161 |                         <p class="rubl">от 20 000 ₽</p>
162 |                         <button class="zakaz">Заказать</button>
163 |                         <!-- <p class="zakaz">Заказать</p> -->
164 |                     </div>
165 |                 </div>
166 |                 <div class="col-3">
167 |                     <div class="card_2">
168 |                         <img src="img/Rectangle 41 (2).png" alt="" class="table">
169 |                         <div class="card_21">
170 |                             <h3 class="stelaj">Стеллаж</h3>
171 |                             <h3 class="stelaj_2"> “Rack”</h3>
172 |                         </div>
173 |                         <p class="rubl">от 20 000 ₽</p>
174 |                         <button class="zakaz">Заказать</button>
175 |                         <!-- <p class="zakaz">Заказать</p> -->
176 |                     </div>
177 |                 </div>
178 | 
179 |             </div>
180 |             <div style="margin-top:50px ;" class="row">
181 |                 <div class="col-3">
182 |                     <div class="card_1">
183 |                         <div class="card_small">
184 |                             <h3 class="tip">Основной материал</h3>
185 |                             <p class="vse">Аллюминиевые</p>
186 |                             <p class="vse2">Стальные</p>
187 |                             <p class="material">О материалах <i class="fa-solid fa-arrow-right nol"></i></p>
188 |                         </div>
189 | 
190 |                     </div>
191 |                 </div>
192 |                 <div class="col-3">
193 |                     <div class="card_2">
194 |                         <img src="img/Rectangle 41.png" alt="" class="table">
195 |                         <div class="card_21">
196 |                             <h3 class="stelaj">Стеллаж</h3>
197 |                             <h3 class="stelaj_2"> “Rack”</h3>
198 |                         </div>
199 |                         <p class="rubl">от 20 000 ₽</p>
200 |                         <button class="zakaz">Заказать</button>
201 |                         <!-- <p class="zakaz">Заказать</p> -->
202 |                     </div>
203 |                 </div>
204 |                 <div class="col-3">
205 |                     <div class="card_2">
206 |                         <img src="img/Rectangle 41 (1).png" alt="" class="table">
207 |                         <div class="card_21">
208 |                             <h3 class="stelaj">Стеллаж</h3>
209 |                             <h3 class="stelaj_2"> “Rack”</h3>
210 |                         </div>
211 |                         <p class="rubl">от 20 000 ₽</p>
212 |                         <button class="zakaz">Заказать</button>
213 |                         <!-- <p class="zakaz">Заказать</p> -->
214 |                     </div>
215 |                 </div>
216 |                 <div class="col-3">
217 |                     <div class="card_2">
218 |                         <img src="img/Rectangle 41 (2).png" alt="" class="table">
219 |                         <div class="card_21">
220 |                             <h3 class="stelaj">Стеллаж</h3>
221 |                             <h3 class="stelaj_2"> “Rack”</h3>
222 |                         </div>
223 |                         <p class="rubl">от 20 000 ₽</p>
224 |                         <button class="zakaz">Заказать</button>
225 |                         <!-- <p class="zakaz">Заказать</p> -->
226 |                     </div>
227 |                 </div>
228 | 
229 |             </div>
230 |             <div style="margin-top:50px ;" class="row">
231 |                 <div class="col-3">
232 |                     <div class="card_1">
233 |                         <div class="card_small">
234 |                             <h3 class="tip">Способ открывания</h3>
235 |                             <p class="vse">Купе</p>
236 |                             <p class="vse">Книжка</p>
237 |                             <p class="vse2">Статичные </p>
238 |                             <p class="vse">Каскадные</p>
239 |                             <p class="vse">Гармошка </p>
240 |                         </div>
241 | 
242 |                     </div>
243 |                 </div>
244 |                 <div class="col-3">
245 |                     <div class="card_2">
246 |                         <img src="img/Rectangle 41.png" alt="" class="table">
247 |                         <div class="card_21">
248 |                             <h3 class="stelaj">Стеллаж</h3>
249 |                             <h3 class="stelaj_2"> “Rack”</h3>
250 |                         </div>
251 |                         <p class="rubl">от 20 000 ₽</p>
252 |                         <button class="zakaz">Заказать</button>
253 |                         <!-- <p class="zakaz">Заказать</p> -->
254 |                     </div>
255 |                 </div>
256 |                 <div class="col-3">
257 |                     <div class="card_2">
258 |                         <img src="img/Rectangle 41 (1).png" alt="" class="table">
259 |                         <div class="card_21">
260 |                             <h3 class="stelaj">Стеллаж</h3>
261 |                             <h3 class="stelaj_2"> “Rack”</h3>
262 |                         </div>
263 |                         <p class="rubl">от 20 000 ₽</p>
264 |                         <button class="zakaz">Заказать</button>
265 |                         <!-- <p class="zakaz">Заказать</p> -->
266 |                     </div>
267 |                 </div>
268 |                 <div class="col-3">
269 |                     <div class="card_2">
270 |                         <img src="img/Rectangle 41 (2).png" alt="" class="table">
271 |                         <div class="card_21">
272 |                             <h3 class="stelaj">Стеллаж</h3>
273 |                             <h3 class="stelaj_2"> “Rack”</h3>
274 |                         </div>
275 |                         <p class="rubl">от 20 000 ₽</p>
276 |                         <button class="zakaz">Заказать</button>
277 |                         <!-- <p class="zakaz">Заказать</p> -->
278 |                     </div>
279 |                 </div>
280 | 
281 |             </div>
282 |         </div>
283 |         <div class="container">
284 |             <div style="margin-top:60px ;" class="row">
285 |                 <div class="col-3">
286 |                     <div class="card_4">
287 |                         <div class="card_4_2">
288 |                             <div class="card_4_1">
289 |                                 <h3 class="sveta">Цвет</h3>
290 |                                 <img src="img/Group 880.png" alt="" class="ranglar">
291 |                             </div>
292 |                             <button class="sveta_2">О цветах</button>
293 |                         </div>
294 |                     </div>
295 |                 </div>
296 |                 <div class="col-4">
297 |                     <div class="card_6">
298 |                         <img src="img/divan.png" alt="" class="divan">
299 |                         <h4 class="perviy">Перегородки в доме</h4>
300 |                         <p class="nachalo">Значимость этих проблем настолько очевидна, что начало повседневной работ...
301 |                         </p>
302 |                         <p class="chitat">Читать полностью</p>
303 |                     </div>
304 |                 </div>
305 |                 <div style="margin-left: 80px;" class="col-4">
306 |                     <div class="card_6">
307 |                         <img src="img/divan.png" alt="" class="divan">
308 |                         <h4 class="perviy">Перегородки в доме</h4>
309 |                         <p class="nachalo">Значимость этих проблем настолько очевидна, что начало повседневной работ...
310 |                         </p>
311 |                         <p class="chitat">Читать полностью</p>
312 |                     </div>
313 |                 </div>
314 | 
315 |             </div>
316 |         </div>
317 | 
318 |     </section>
319 |     <footer style="background-color: yellowgreen ;">
320 |         <div style="padding-top:50px ;" class="container">
321 |             <div style="margin-top:100px ;" class="row">
322 |                 <div class="col-2">
323 |                     <img src="img/kumpa dom.png" alt="" class="box">
324 |                     <p class="prava">Все права защищены.
325 |                         2020</p>
326 |                 </div>
327 |                 <div class="col-2">
328 |                     <h4 class="ru">KUMPA.RU</h4>
329 |                     <p class="blog">О компании</p>
330 |                     <p class="blog">Дилерам и дизайнерам</p>
331 |                     <p class="blog">Где купить</p>
332 |                     <p class="blog">Личный кабинет</p>
333 | 
334 | 
335 |                 </div>
336 |                 <div class="col-2">
337 |                     <h4 class="ru">ПОКУПАТЕЛЮ</h4>
338 |                     <p class="blog">Портфолио</p>
339 |                     <p class="blog">Отзывы</p>
340 |                     <p class="blog">Доставка</p>
341 |                     <p class="blog">Установка</p>
342 |                     <p class="blog">Как купить</p>
343 |                     <p class="blog">Блог</p>
344 |                     <p class="blog">Материалы</p>
345 | 
346 | 
347 |                 </div>
348 |                 <div class="col-2">
349 |                     <h4 class="ru">КАТАЛОГ</h4>
350 |                     <p class="blog">О Перегородки</p>
351 |                     <p class="blog">Стеллажи</p>
352 |                     <p class="blog">Столы</p>
353 |                     <p class="blog">Пеналы</p>
354 | 
355 | 
356 |                 </div>
357 |                 <div class="col-3">
358 |                     <div class="card_8">
359 |                         <h3 class="svyaz">СВЯЗЬ С НАМИ</h3>
360 |                         <div class="tele">
361 |                             <p class="nomer"><i class="fa-solid fa-phone"></i>+7 (800) 800-80-80</p>
362 |                             <p class="phone">Заказать звонок</p>
363 |                         </div>
364 |                         <p class="pochta"><i class="fa-sharp fa-solid fa-envelope"></i> info@kumpa.ru</p>
365 |                         <p class="pochta"><i class="fa-solid fa-clock"></i>Ежедневно с 10:00 до 21:00</p>
366 |                         <p class="pochta"><i class="fa-sharp fa-solid fa-location-dot"></i> г. Ульяновск, Радищева 81
367 |                         </p>
368 |                     </div>
369 |                     <i class="fa-brands fa-telegram"></i>
370 |                     <i class="fa-brands fa-whatsapp"></i>
371 |                     <i class="fa-brands fa-facebook"></i>
372 |                     <i class="fa-brands fa-wikipedia-w"></i>
373 |                 </div>
374 | 
375 | 
376 | 
377 | 
378 |             </div>
379 |         </div>
380 |     </footer>
381 | 
382 | 
383 | 
384 | 
385 | 
386 | 
387 | 
388 | 
389 | 
390 | 
391 | 
392 | 
393 | 
394 | 
395 | 
396 | 
397 | 
398 | 
399 |     <script src="	https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
400 | </body>
401 | 
402 | </html>


--------------------------------------------------------------------------------