PIbd-21_Belianin_N.N._Inter.../Frontend/Lab2/bulletinBoard.html

<!DOCTYPE html>
<html lang="en">
<head>  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Главная</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" 
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>
<body class="h-100">
    <header>
        <nav class="navbar navbar-explad-lg" style="background-color: #85DADA;">
            <div class="d-flex flex-column mb-3">
                <div class="p-2">
                    <a href="index.html"><img class="logo5" src="assets/Image1.png" width="100px" height="80px" alt="logo">
                    </a></div>
            </div>
            
          
            <div class="d-flex justify-content-around">
                <div class="p-2">
                    <a class="header-text1" href="index.html" style="color: white;">UlRent</a>
                </div>
                <div class="p-2">
                    <a class="header-text2" href="MyBulletinBoard.html" style="color: white; padding: 25px;">Мои объявления</a>
                </div>
                
            </div>

            <div class="d-flex justify-content-end pe-5">
                <div class="flex-column">
                <button type="button" class="btn btn-primary"> Выход </button>
            </div>
            </div>
        </nav>
    </header>

    <main class="container-fluid flex-shrink-0 p-0">
    <article style="background-color: #85DADA; padding-top: 50px;">
        <div class="container mb-5 wrapper">
            <div class="row">
                <div class="col pb-4">
                    <div class="card mx-auto" style="width: 18rem;">
                        <a href="page7.html"><img src="./assets/Image9.jpg" class="card-img-top" width="450px" height="200px" alt="dom"></a>
                        <div class="card-body">
                          <h5 class="card-title"> <a href="page7.html" style="color: black; text-decoration: none;"> Студия 1 </a></h5>
                          <p class="card-text">Центр города ул. Зелёная, д43, кв.77 Красивый вид на площадь города, рядом расположены ТЦ и парк атракционов</p>
                          <a href="page7.html" class="btn btn-primary">4 249₽</a>
                        </div>
                    </div>
                </div>
                <div class="col pb-4">
                    <div class="card mx-auto" style="width: 18rem;">
                        <a href="#"><img src="./assets/Image10.jpg" class="card-img-top" width="450px" height="200px" alt="dom"></a>
                        <div class="card-body">
                          <h5 class="card-title">Студия 2</h5>
                          <p class="card-text">Север города ул. Победы, д. 87 кв.182 Удобная развязка, рядом находится деловой центр и аквапарк
                          </p>
                          <a href="#" class="btn btn-primary">2 799 ₽</a>
                        </div>
                    </div>
                </div>
                <div class="col pb-4">
                    <div class="card mx-auto" style="width: 18rem;">
                        <a href="#"><img src="./assets/Image13.jpg" class="card-img-top" width="450px" height="200px" alt="dom"></a>
                        <div class="card-body">
                          <h5 class="card-title">Таунхауз</h5>
                          <p class="card-text">Южная часть города ул. Южная д.87 Возможно проживание двумя семьями, на территории располагается парковка</p>
                          <a href="#" class="btn btn-primary">3 069₽</a>
                        </div>
                    </div>
                </div>
                <div class="col pb-4">
                    <div class="card mx-auto" style="width: 18rem;">
                        <a href="#"><img src="./assets/Image8.png" class="card-img-top" width="450px" height="200px" alt="dom"></a>
                        <div class="card-body">
                          <h5 class="card-title">Пентхауз</h5>
                          <p class="card-text">Центр города ул. Ёжиков д.23, кв.100 Современная, удобная квартира на крыше дома, с двумя этажами</p>
                          <a href="#" class="btn btn-primary">5 199 ₽</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn1">
        <div class="col mx-auto">
        
         
            <div class="flex-column col-md-8 mx-auto" style="width: 20rem;">
            <button type="button" class="btn btn-light w-100" style="width: 20rem; color: red;" >
                <a class="" href="page4.html" style="color:red">Добавить объявление</a>
            </button>
           </div>


        </div>
        </div>
    </article>
</main>

    <div class="push"></div>
    <footer class="footer mt-auto fixed bottom-0 w-100">
        <div class="copywriter">
            &copy; 2023 UlRent Белянин Никита ПИбд-21 | Все права защищены ;)   
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" 
    integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" 
    integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" 
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>