Contacts.html


<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name = "description content" content = "Цветната фотография е изследвана в средата на 19-ти век. Ранните експерименти в цвят изискват изключително дълго експониране и не могат да предотвратят избледняването на цветовете, когато са изложени на бяла светлина. Първата трайна цветна снимка е заснета през 1861 г. и използва принципа на трицветно разделяне, публикуван за първи път от физика Джеймс Кларк Максуел през 1855 г. Идеята на Максуел е да се вземат три отделни черно-бели фотографии и червени, зелени и сини филтри. Това осигурява на фотографа трите основни цветови канала, които се изискват, за да се пресъздаде цветно изображение. ">
        <meta name = "кeywords" content = "Фотография, фотоапарат, снимки, портретна фотография, любителска фотография, снимки на цветя">
        <meta name = "Copyright" content = "Авторското право на тази уеб страница принадлежи на Анета Неделчева">
        <meta name = "author" content = "Анета Неделчева">
        <meta name = "reply-to" content = "aneta_nedelcheva@abv.bg">
        <meta name = "robots" content = "index,follow">
        <meta name = "Document-state" content = "Dynamic">
        <meta name = "Revist-after" content = "7days">
        <meta http-equiv = "Content-Type" content = "text/html.charset=utf-8">
        <meta http-equiv = "Content-Language" content = "bg,en">
        <meta name = "viewport" content = "width=device-width,initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="Index.css" />
        <title>Contact</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
            integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
    </head>

    <body> <nav class="navbar navbar-expand-sm bg-light navbar-light sticky-top">
        <div class="navbar-brand">Сайт за фотография</div>
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link text-danger" href="Index.html">За нас</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-danger" href="Gallery.html" >Галерия</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-danger" href="Profile Info.html">Редактирай</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-danger active" href="Contact.html">Контакти</a>
          </li>
        </ul>
      </nav>

        <div class="container-fluid vh-100" style="margin-top:300px">
            <div class="" style="margin-top:200px">
                <div class="rounded d-flex justify-content-center">
                    <div class="col-md-6 col-lg-4 col-sm-12 shadow-lg p-5 bg-light">
                        <div class="text-center">
                            <h3 class="text-danger">Създай акаунт</h3>
                        </div>
                        <div class="p-4">
                            <div class="input-group mb-3">
                                <span class="input-group-text bg-danger"><i
                                        class="bi bi-person-plus-fill text-white"></i></span>
                                <input type="text" class="form-control" placeholder="Име">
                            </div>
                            <div class="input-group mb-3">
                                <span class="input-group-text bg-danger"><i
                                        class="bi bi-envelope text-white"></i></span>
                                <input type="email" class="form-control" placeholder="Email">
                            </div>
                            <div class="input-group mb-3">
                                <span class="input-group-text bg-danger">
                                    <i class="bi bi-lock-fill text-white"></i></span>
                                <input type="password" class="form-control" placeholder="Парола">
                            </div>
                            <div class="input-group mb-3">
                                <span class="input-group-text bg-danger">
                                    <i class="bi bi-unlock-fill text-white"></i>
                                </span>
                                <input type="password" class="form-control" placeholder="Потвърди парола">
                            </div>
                            <div class="d-grid col-12 mx-auto">
                                <button class="btn btn-danger" type="button"><span></span> Sign up</button>
                            </div>
                            <p class="text-center mt-3">Вече имате акаунт?
                                <span class="text-danger">Sign in</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4 d-none d-md-block">
                        <img src="10.jpg"
                            class="d-block w-100 img-fluid" alt="image">
                    </div>
                </div>
            </div>
        </div>


        <div class="mt-5 conatiner">
            <div class="text-center">
                <h3 class="text-danger">Имате ли нужда от помощ?</h3>
                <p class="lead">Задайте вашия въпрос или съобщете за проблем!</p>
            </div>
            <div class=" d-flex align-items-center justify-content-center">
                <div class="bg-white col-md-4">
                    <div class="p-4 rounded shadow-md">
                        <div>
                            <label for="name" class="form-label">Име</label>
                            <input type="text" name="name" class="form-control" placeholder="Your Name" required>
                        </div>
                        <div class="mt-3">
                            <label for="email" class="form-label">Въведи Email</label>
                            <input type="text" name="email" class="form-control" placeholder="Your Email" required>
                        </div class="mt-3">
                        <div class="mt-3">
                            <label for="subject" class="form-label">Заглавие</label>
                            <input type="text" name="subject" class="form-control" placeholder="Subject" required>
                        </div>
                        <div class="mt-3 mb-3">
                            <label for="message" class="form-label">Съобщение</label>
                            <textarea name="message" cols="20" rows="6" class="form-control"
                                placeholder="message"></textarea>
                        </div>
                        <button class="btn btn-danger">
                            Submit Form
                        </button>
                    </div>
                </div>
            </div>

        </div>

        <div class="container my-4">

            <p class=" h2 font-weight-bold text-center">Вижте нашият адрес на картата:</p>

                <hr>

            <p class=" h4 font-weight-bold text-center">гр. Варна, ул. Иван Аксаков 33</p>

            <!--Google map-->


        <div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2907.8970035709744!2d27.91872211535129!3d43.21164957913894!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40a4540c566f2add%3A0xf47899291250ad48!2sul.%20%22Ivan%20Aksakov%22%2033%2C%209002%20Varna%20Center%2C%20Varna!5e0!3m2!1sen!2sbg!4v1623335822323!5m2!1sen!2sbg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
          frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>


        <!--Google Maps-->

          </div>
          <footer class="bg-light text-center text-white">
            <!-- Grid container -->
            <div class="container p-4 pb-0">
              <!-- Section: Social media -->
              <section class="mb-4">
                <!-- Facebook -->
                <a
                  class="btn btn-primary btn-floating m-1"
                  style="background-color: #3b5998;"
                  href="https://www.facebook.com/aneta.nedelcheva.7"
                  role="button"
                  ><ion-icon name="logo-facebook"></ion-icon></i
                ></a>

                <!-- pinterest -->
                <a
                  class="btn btn-primary btn-floating m-1"
                  style="background-color: #55acee;"
                  href="http://www.pinterest.com"
                  role="button"
                  ><ion-icon name="logo-pinterest"></ion-icon></i
                ></a>


                <a
                  class="btn btn-primary btn-floating m-1"
                  style="background-color: #dd4b39;"
                  href="https://www.youtube.com/channel/UCQYNe9f7ZM9T293tb6pWgvA"
                  role="button"
                  ><ion-icon name="logo-youtube"></ion-icon></i
                ></a>

                <!-- Instagram -->
                <a
                  class="btn btn-primary btn-floating m-1"
                  style="background-color: #ac2bac;"
                  href="https://www.facebook.com/aneta.nedelcheva.7"
                  role="button"
                  ><ion-icon name="logo-instagram"></ion-icon></i
                ></a>

              </section>
              <!-- Section: Social media -->
            </div>
            <!-- Grid container -->

            <!-- Copyright -->
            <div class=" border border-danger roundedtext-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
              © 2021 Copyright:
              <a class="text-white" href="https://mdbootstrap.com/">Всички права запазени</a>
            </div>
            <!-- Copyright -->
          </footer>
        <!--javascript social icons footer-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

</div>
    </body>


</html>