Info/Edit.html


<!DOCTYPE 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">
    <link rel="stylesheet" type="text/css" href="Index.css" />
    <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 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 href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet"/>
            <link href="https://unpkg.com/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
            <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">
    <title>Profile Info</title>
</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 active" href="Profile Info.html">Редактирай</a>
      </li>
      <li class="nav-item">
        <a class="nav-link text-danger" href="Contact.html">Контакти</a>
      </li>
    </ul>
  </nav>

  <div class="row justify-content-center">
    <div class="m-5 col-6">
        <p class = "text-center">Премахнете цветята от които не се интересувате!</p>
        <input name='tags' value='Роза, Хортензия, Орхидея, Гербер' class="form-control border-danger" autofocus>
      </div>
      </div>
    </div>

     <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-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-key-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-key-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-envelope text-white"></i></span>
                        <input type="e-mail" class="form-control" placeholder="E-mail">
                    </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="e-mail" class="form-control" placeholder="Нов E-mail">
                    </div>

                    <div class=" form-check">
                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                        <label class="form-check-label" for="flexCheckDefault">
                            Запази промените
                        </label>
                    </div>
                    <button class="btn btn-danger text-center mt-2" type="submit">
                        Редактирай профила
                    </button>
                </div>
            </div>
            <div class="col-md-4 d-none d-md-block">
                <img src="166.jpg"
                    class="d-block w-100 img-fluid" alt="image">
            </div>

   </div>
</div>


<!--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>

<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 rounded text-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>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.0/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/@yaireo/tagify"></script>
<script src="https://unpkg.com/@yaireo/tagify@3.1.0/dist/tagify.polyfills.min.js"></script>
<script>
  // The DOM element you wish to replace with Tagify
var input = document.querySelector('input[name=tags]');

// initialize Tagify on the above input node reference
new Tagify(input)
</script>


</html>