PIbd-21_Belianin_N.N._Inter.../Frontend/Lab3/MyBulletinBoard.html

96 lines
5.5 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Главная</title>
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<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 href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<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 src="./images/assets/Image1.png" width="100px" height="80px" alt="logo"></a></div>
</div>
<div class="d-flex justify-content-around">
<div class="p-2"><a id="sslk" href="index.html" style="font-size: 32px; color: white;">UlRent</a></div>
<div class="p-2"><a id="sslk" href="MyBulletinBoard.html" style="font-size: 28px; color: white; padding: 25px;">Мои объявления</a></div>
</div>
<div class="d-flex justify-content-end pe-5">
<button type="button" class="btn btn-primary"> Выход </button>
</div>
</nav>
</header>
<article style="background-color: #85DADA; padding-top: 50px;">
<div class="" style="text-align: center; color: white; font-size: 42px;">
<p>Мои объявления</p>
</div>
<div class="container mb-5">
<div class="row">
<div class="col pb-4 ms-2 me-2">
<div class="card mx-auto" style="width: 18rem;">
<a href="page7.html"><img src="./images/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;"> Студия </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 ms-2 me-2">
<div class="card mx-auto" style="width: 18rem;">
<a href="#"><img src="./images/assets/Image10.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 кв.182 Удобная развязка, рядом находится деловой центр и аквапарк
</p>
<a href="#" class="btn btn-primary">2 799 ₽</a>
</div>
</div>
</div>
<div class="col pb-4 ms-2 me-2">
<div class="card mx-auto" style="width: 18rem;">
<a href="#"><img src="./images/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 ms-2 me-2">
<div class="card mx-auto" style="width: 18rem;">
<a href="#"><img src="./images/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="d-grid gap-2 col-4 mx-auto">
<button type="button" class="btn btn-light w-100" style="width: 30rem; color: red;" >
<a class="" href="page4.html" style="color:red">Добавить объявление</a>
</button>
</div>
</article>
<div class="push"> </div>
<footer class="footer mt-auto">
<div class="copywriter">
&copy; 2023 UlRent Белянин Никита ПИбд-21 | Все права защищены ;)
</div>
</footer>
</body>
</html>