deyanivanov966

FitnessCenterLtd-index.html

Dec 20th, 2021 (edited)
900
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="bg">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Index</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
  9.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  10. </head>
  11. <body>
  12.    <div class="container-fluid bg-light">
  13.        <div class="container">
  14.            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  15.                <div class="container-fluid">
  16.                   <a class="navbar-brand" href="index.html"> <img src="logo.jpg" alt="logo" width="80" height="54"> </a>
  17.                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  18.                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
  19.                      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  20.                          <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html">Начало ></a> </li>
  21.                          <li class="nav-item"> <a class="nav-link active" aria-current="page" href="Prices.html">Цени></a> </li>
  22.                          <li class="nav-item"> <a class="nav-link active" aria-current="page" href="Contacts.html">Контакти></a> </li>
  23.                          <li class="nav-item"> <a class="nav-link active" aria-current="page" href="Questions.html">Запитвания></a> </li>
  24.                      </ul>
  25.                        <div>
  26.                            <a href="https://www.facebook.com/" target="_blank" class="me-4 text-reset text-decoration-none bg-light"> <i class="bi bi-facebook"></i> </a>
  27.                            <a href="https://twitter.com/" target="_blank" class="me-4 text-reset text-decoration-none bg-light"> <i class="bi bi-twitter"></i> </a>
  28.                            <a href="https://www.instagram.com/" target="_blank" class="me-4 text-reset text-decoration-none bg-light"> <i class="bi bi-instagram"></i> </a>
  29.                        </div>
  30.                       <div>
  31.                          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  32.                             <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Профил </a>
  33.                                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  34.                                     <li> <a class="dropdown-item" href="Login.html">Вход</a> </li>
  35.                                     <li> <a class="dropdown-item" href="Edit.html">Редактиране</a> </li>
  36.                                     <li><hr class="dropdown-divider"></li>
  37.                                     <li><a class="dropdown-item" href="#">Изход</a></li>
  38.                                 </ul>
  39.                             </li>
  40.                          </ul>
  41.                       </div>
  42.                    </div>
  43.                </div>
  44.            </nav>
  45.        </div>
  46.    </div>
  47.    <div class="container">
  48.        <div class="row mt-4">
  49.            <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
  50.                <div class="carousel-indicators">
  51.                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  52.                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
  53.                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
  54.                </div>
  55.                <div class="carousel-inner">
  56.                    <div class="carousel-item active"> <img src="fitness1.jpg" class="d-block w-100 img-fluid" alt="gym" style="max-height: 560px;"></div>
  57.                    <div class="carousel-item"> <img src="fitness2.jpg" class="d-block w-100 img-fluid" alt="gym" style="max-height: 560px;"></div>
  58.                    <div class="carousel-item"> <img src="fitness3.jpg" class="d-block w-100 img-fluid" alt="gym" style="max-height: 560px;"></div>
  59.                </div>
  60.                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button>
  61.                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button>
  62.            </div>
  63.        </div>
  64.    </div>
  65.    <div class="container">
  66.       <div class="row">
  67.          <h2 class="mt-4 text-center">Каква е нашата цел?</h2>
  68.           <p>Fitness Center Ltd е фирма специализирана в изграждането на големи фитнес центрове в цялата страна. Нашата мисия е да накараме повече хора да започнат или продължат да тренират редовно за здраве и за да се чувстват по-добре, като направим услугата ни достъпна за обикновения българин.<br />
  69.               Фитнесите са добре обурудвани с разнообразни уреди в това число и голям брой кардио уреди.<br />
  70.               Ние се стараем да поддържаме високо нивото на функциониране на съоръженията във фитнесите ни. Част от тези мерки включват инвестиране в ново и модерно фитнес оборудване, както и редовно поддържане на текущото. Нашата цел е да бъдем винаги първи при въвеждането на новости на пазара. Стремежът към прогресивно развитие чрез въвеждането на иновации е факторът, който ни е помогнал да се задържим през всичките тези години и да бъдем пример за останалите фитнеси в бранша. Тренировъчната база оказва директно влияние на изживяването от тренировката.<br />
  71.               Имаме инвестиционна програма за обновяване на всичките ни фитнеси, която стриктно следваме. Благодарение на дългогодишния ни опит сме натрупали достатъчно познание, за да можем да отговорим по адекватен начин на нуждите и желанията на нашите клиенти, както и на изискванията на непрестанно променящия се свят. Също така, инвестирането в иновативни продукти ни позволява да оптимизираме разходите, следователно и цената на услугите, които предлагаме.</p>
  72.       </div>
  73.        <div class="row ">
  74.            <h2 class="mt-4 text-center">Нашите треньори</h2> </div>
  75.        <div class="row mt-4">
  76.            <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  77.                <div class="card border border-dark border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="coach1.jpg" alt="Мария Иванова">
  78.                    <div class="card-body">
  79.                        <h5 class="card-title">Лидия Орлинова</h5>
  80.                        <p class="card-text">Треньор по йога</p>
  81.                    </div>
  82.                </div>
  83.            </div>
  84.            <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  85.                <div class="card border border-dark border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="coach2.jpg" alt="Мария Иванова">
  86.                    <div class="card-body">
  87.                        <h5 class="card-title">Богомил Тихомиров</h5>
  88.                        <p class="card-text">Треньор по бодибилдинг</p>
  89.                    </div>
  90.                </div>
  91.            </div>
  92.            <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  93.                <div class="card border border-dark border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="coach3.jpg" alt="Мария Иванова">
  94.                    <div class="card-body">
  95.                        <h5 class="card-title">Михаела Крумова</h5>
  96.                        <p class="card-text">Треньор по бокс</p>
  97.                    </div>
  98.                </div>
  99.            </div>
  100.        </div>
  101.    </div>
  102.    <footer>
  103.        <div class="text-center p-4 border border-dark" style="background-color: rgba(0, 0, 0, 0.05);"><img src="logo.jpg" alt="logo" style="height: 36px; width: 36px"> Fitness Center Ltd © 2021 </div>
  104.    </footer>
  105. </body>
  106. </html>
Add Comment
Please, Sign In to add comment