API tools faq
paste
Advertisement
deyanivanov966

index.html

deyanivanov966
Dec 24th, 2021
990
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.83 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="bg">
  4.  
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <title>Index</title>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
  11.     <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>
  12. </head>
  13.  
  14. <body>
  15.     <div class="container-fluid bg-light">
  16.         <div class="container">
  17.             <nav class="navbar navbar-expand-lg navbar-light bg-light">
  18.                 <div class="container-fluid">
  19.                     <a class="navbar-brand" href="index.html"> <img src="images/Picture1.png" alt="лого" width="80" height="54"> </a>
  20.                     <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>
  21.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  22.                         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  23.                             <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html">Начало</a> </li>
  24.                             <li class="nav-item"> <a class="nav-link" href="Store.html">Магазин</a> </li>
  25.                             <li class="nav-item"> <a class="nav-link" href="events.html">Събития</a> </li>
  26.                             <li class="nav-item"> <a class="nav-link" href="contacts.html">Контакти</a> </li>
  27.                         </ul>
  28.                         <div>
  29.                             <form class="d-flex">
  30.                                 <input class="form-control me-2" type="search" aria-label="Search">
  31.                                 <button class="btn btn-outline-success" type="submit">Търси</button>
  32.                             </form>
  33.                         </div>
  34.                         <div class="col-12 col-lg text-lg-end">
  35.                             <button class="btn btn-outline-success"> Количка <i class="bi bi-basket"></i> <span class="badge bg-danger rounded-pill"> 0 </span> </button>
  36.                         </div>
  37.                         <div>
  38.                             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  39.                                 <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Профил </a>
  40.                                     <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  41.                                         <li> <a class="dropdown-item" href="login.html">Вход</a> </li>
  42.                                         <li> <a class="dropdown-item" href="edit.html">Редактиране</a> </li>
  43.                                         <li>
  44.                                             <hr class="dropdown-divider"> </li>
  45.                                         <li> <a class="dropdown-item" href="#">Изход</a> </li>
  46.                                     </ul>
  47.                                 </li>
  48.                             </ul>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.             </nav>
  53.         </div>
  54.     </div>
  55.     <div style="background-image:url(images/lights2.png); background-repeat:repeat-x; width:100%; height:35px;">
  56.     </div>
  57.     <div class="container">
  58.         <div class="row mt-4">
  59.             <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
  60.                 <div class="carousel-indicators">
  61.                     <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  62.                     <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
  63.                     <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
  64.                 </div>
  65.                 <div class="carousel-inner">
  66.                     <div class="carousel-item active"> <img src="images/carosel3.jpg" class="d-block w-100 img-fluid" alt="коледна снимка" style="max-height: 560px;">
  67.                         <div class="carousel-caption d-md-block">
  68.                             <h5 class="bg-light text-success">Весели празници!</h5>
  69.                             <p class="bg-light text-success">Бъдете здрави, щастливи и обичани!</p>
  70.                         </div>
  71.                     </div>
  72.                     <div class="carousel-item"> <img src="images/carosel2.jpg" class="d-block w-100 img-fluid" alt="коледна снимка" style="max-height: 560px;">
  73.                         <div class="carousel-caption  d-md-block">
  74.                             <h5 class="bg-light text-success">Вълшебна Коледа!</h5>
  75.                             <p class="bg-light text-success">Нека Ви помогнем да намерите магията този сезон.</p>
  76.                         </div>
  77.                     </div>
  78.                     <div class="carousel-item"> <img src="images/carosel1.jpg" class="d-block w-100 img-fluid" alt="коледна снимка" style="max-height: 560px;">
  79.                         <div class="carousel-caption  d-md-block">
  80.                             <h5 class="bg-light text-success">Най-хубавото време от годината</h5>
  81.                             <p class="bg-light text-success">Насладете му се и си подарете уникална коледна атмосфера с нашите предложения.</p>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.                 <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>
  86.                 <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>
  87.             </div>
  88.         </div>
  89.         <div class="row">
  90.             <h2 class="mt-4 text-center">Каква е нашата цел?</h2>
  91.             <p>Ние сме коледна работилница "Christmas Market" и целта ни е да направим твоята Коледа вълшебна и изпълнена със смисъл. Mисията ни е да помогнем на теб и твоите близки, да изпитате радостта от зимните празници, като Ви предоставим разнообразие от качествени услуги, с които да усетите Коледния дух.</p>
  92.             <p>За нашето семейство Коледа винаги е бил най-хубавият и най-вълнуващ празник през цялата година. Поради тази причина заедно решихме да създадем място, изпълнено с магия.</p>
  93.             <p>Тук може да намерите ръчно изработени коледни подаръци, играчки за елха и всякакви коледни декорации за дома. За изработката на всеки един продукт са вложени много труд, любов и желание. Те са подходящи за всеки, който обича и оценява малките жестове и цени трудът вложен за изработка на всеки един предмет. Всички ръчно изработени предмети в нашия сайт са от рециклируеми материали и с безопасни съставки.</p>
  94.             <p>Всяка седмица организираме различни коледни събития, в които всеки желаещ може да се включи. Те са изключително разнообразни. Включват готвене, украсяване, декориране, творчество и креативност. За повече информация посетете страницата за събития.</p>
  95.         </div>
  96.         <div class="row ">
  97.             <h2 class="mt-4 text-center">Кои сме ние?</h2> </div>
  98.         <div class="row ">
  99.             <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  100.                 <div class="card border border-success border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="images/jena6.jpg" alt="Мария Иванова">
  101.                     <div class="card-body">
  102.                         <h5 class="card-title">Мария Иванова</h5>
  103.                         <p class="card-text">Сръчно джудже №1</p>
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.             <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  108.                 <div class="card border border-success border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="images/jena5.jpg" alt="Мария Иванова">
  109.                     <div class="card-body">
  110.                         <h5 class="card-title">Калина Иванова</h5>
  111.                         <p class="card-text">Сръчно джудже №2</p>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.             <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center">
  116.                 <div class="card border border-success border-2 text-center img-fluid card-img-top" style="width: 18rem;"> <img src="images/jena3.jpg" alt="Мария Иванова">
  117.                     <div class="card-body">
  118.                         <h5 class="card-title">Ирена Иванова</h5>
  119.                         <p class="card-text">Сръчно джудже №3</p>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.         <div class="row mb-4">
  125.             <p>Ние сме семейство Иванови. За нас е огромна радост, че отделяте от своето време, за да разгледате нашите продукти. Надяваме се да си изберете нещо от нашата малка семейна работилница. Уверяваме Ви, че всичко е направено с много любов и желание. Благодарим Ви, че правите нашата мечта - реалност!</p>
  126.         </div>
  127.     </div>
  128.     <footer class="text-center text-lg-start bg-light text-muted ">
  129.         <div class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom border border-success">
  130.             <div class="me-5 d-none d-lg-block"> <span>Намери ни в социалните мрежи:</span> </div>
  131.             <div>
  132.                 <a href="https://www.facebook.com/" target="_blank" class="me-4 text-reset text-decoration-none"> <i class="bi bi-facebook"></i> </a>
  133.                 <a href="https://twitter.com/" target="_blank" class="me-4 text-reset text-decoration-none"> <i class="bi bi-twitter"></i> </a>
  134.                 <a href="https://www.instagram.com/" target="_blank" class="me-4 text-reset text-decoration-none"> <i class="bi bi-instagram"></i> </a>
  135.             </div>
  136.         </div>
  137.         <div class="">
  138.             <div class="container text-center text-md-start mt-5 ">
  139.                 <div class="row mt-3">
  140.                     <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4"> <img src="images/Picture1.png" alt="лого" class="img-fluid"> </div>
  141.                     <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
  142.                         <h6 class="text-uppercase fw-bold mb-4">Полезни линкове</h6>
  143.                         <p> <a href="Store.html" class="text-reset">Магазин</a> </p>
  144.                         <p> <a href="events.html" class="text-reset">Събития</a> </p>
  145.                         <p> <a href="#" class="text-reset">Често задавани въпроси</a> </p>
  146.                     </div>
  147.                     <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  148.                         <h6 class="text-uppercase fw-bold mb-4">Контакти</h6>
  149.                         <p><i class="bi bi-envelope"></i> <a href="mailto:chmarketVarna@gmail.com" class="text-decoration-none text-reset" target="_blank"> chmarketVarna@gmail.com</a></p>
  150.                         <p><i class="bi bi-house-door"></i><a href="https://goo.gl/maps/CiYA1LYWesbKgfdW7" target="_blank" class="text-reset text-decoration-none"> ул. Преслав 30, Варна, България</a></p>
  151.                         <p><i class="bi bi-phone me-3"></i>+359 876555948</p>
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         </div>
  156.         <div class="text-center p-4 border border-success" style="background-color: rgba(0, 0, 0, 0.05);"><img src="images/tree.png" alt="tree" style="height: 36px; width: 36px"> Christmas Market © 2021 </div>
  157.     </footer>
  158. </body>
  159.  
  160. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!