Список использованных источников. 1. ЗООшанс [Электронный ресурс] / Режим доступа https://en.zooshans.by Дата доступа 02.04.2020г. 

Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь
FAQ
Написать работу

КАТЕГОРИИ:

Археология
Биология
Генетика
География
Информатика
История
Логика
Маркетинг
Математика
Менеджмент
Механика
Педагогика
Религия
Социология
Технологии
Физика
Философия
Финансы
Химия
Экология

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Список использованных источников. 1. ЗООшанс [Электронный ресурс] / Режим доступа https://en.zooshans.by Дата доступа 02.04.2020г.

↑
▷ Содержание
⇐ ПредыдущаяСтр 9 из 11Следующая ⇒
Поиск

 

1. ЗООшанс [Электронный ресурс] / Режим доступа https://en.zooshans.by Дата доступа 02.04.2020г.

2. XAMPP [Электронный ресурс] / Режим доступа https://ru.wikipedia.org/wiki/XAMPP Дата доступа 15.04.2020г.

4. Opera [Электронный ресурс] / Режим доступа https://ru.wikipedia.org/wiki/Opera Дата доступа 15.04.2020г.

5. Классификация сайтов [Электронный ресурс] / Режим доступа https://altblog.ru/vidy_sajtov/ Дата доступа 20.04.2020г.

6. Экономическое обоснование [Электронный ресурс] / Режим доступа https://www.bestreferat.ru/referat-293502.html Дата доступа 25.04.2020г.

7 Охрана труда: учеб. пособие для студентов технологических специальностей / А. А. Челноков. –Мн.: БГТУ, 2006. – 294 с.


 

ПРИЛОЖЕНИЕ А

(обязательно)

Листинг web -приложений

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="initial-scale=1">

<meta name="viewport" content="width=device-width">

<title>О приюте</title>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/flickity/1.0.2/flickity.css">

<link rel="stylesheet" href="../css/style.css">

<script src="../js/javaScript.js"></script>

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

</head>

<body>

<div id="container">

   <?php

       include "header.php";

  ?>

   <div class="block-ind1">

       <img src="../img/pets_12128.png" alt="img">

       <div class="block2">

           <h1>

               О приюте «Уютный дом»

           </h1>

           <h2>

               Приют «Cozy Hous» встречает волонтеров разноголосым лаем. Тут же выбегают навстречу десятки собак, больших и маленьких: машут хвостами, нетерпеливо перебирают лапами, мелькают мокрые носы и внимательные глаза. Всем хочется получить свою долю ласки и тёплого прикосновения.

               В приюте «Cozy Hous» собрано пока 10 душ.  Десять жизней, историй, трагедий. Судьба каждого обитателя приюта — ничто, пустой звук в масштабах города, страны, мира. Но именно в этом приюте начинается новая жизнь, и каждая спасенная душа — великая ценность для волонтеров и руководителей приюта. Все истории попадания сюда можно разделить на два вида: хозяева «наигрались» с животным или переехали и отправили питомца на улицу, либо животное уже родилось на улице, от уличных родителей.

               <p>Сложно представить, что переживает пес, у которого было все — и теплый коврик, и еда, и ласковая рука любимого хозяина, и вдруг все это исчезает. Да, собаки, как и люди, стареют и болеют. Им тоже нужен уход и лечение. Но лечить порой «слишком хлопотно»… Тем, кто родился на улице, легче. Домашние же абсолютно беспомощны, увы. Так или иначе, они попадают в отловку, где, как правило, их ждет так называемая «утилизация».

               <br>

               Поможем малышам, сделаем мир добрее...

               </p>

           </h2>

       </div>

   </div>

   <!-- BOOTSTRAP 4 -->

   <!-- Flickity HTML init -->

   <div class="title">

       <h1>Наши друзья, которые ищут дом</h1>

   </div>

   <div class="gallery js-flickity" data-flickity-options='{ "wrapAround": true }'>

       <?php

       include("conn-query.php");

        $select= mysqli_query($db, "SELECT * FROM `animals`");

       while ($r= mysqli_fetch_array($select)) { 

           echo "<div class=gallery-cell><img src=../img/". $r['photo']. ">";  

           echo "<h1 name=".$r['id_catalog']. ">". $r['nickname']. "</h1>";

           echo "<a href=element.php type=button>Подружиться</a></div>";

       }

           mysqli_close($db);

      ?>

   </div>

   <div class="details">

       <a class="more" href="head2.php" type="button">Подробнее</a>

   </div>

   <!-- BOOTSTRAP 4 -->

   <div class="block-ind2">

       <h1>Чем вы можете помочь нашему приюту</h1>

       <div class="info1">

           <figure>

               <img src="../img/cat_food_11363.png" alt="Pet food">

               <figcaption>Корм для животных</figcaption>

           </figure>

           <figure>

               <img src="../img/ambulance_11347.png" alt="Transportation">

               <figcaption>Транспорт</figcaption>

           </figure>

           <figure>

               <img src="../img/ball_11354.png" alt="Toys">

               <figcaption>Игрушки</figcaption>

           </figure>

           <figure>

               <img src="../img/bowl_11361.png" alt="Bowls and cups">

               <figcaption>Миски и чашки</figcaption>

           </figure>

           <figure>

               <img src="../img/shampoo_11370.png" alt="Shampoos">

               <figcaption>Шампуни</figcaption>

           </figure>

       </div>

       <div class="info2">

           <figure>

               <img src="../img/pills_11446.png" alt="Vitamins">

               <figcaption>Витамины</figcaption>

           </figure>

           <figure>

               <img src="../img/syringe_11448.png" alt="Medicines">

               <figcaption>Лекарства</figcaption>

           </figure>

           <figure>

               <img src="../img/leash_11450.png" alt="Collars / leashes">

               <figcaption>Ошейники / поводки</figcaption>

           </figure>

           <figure>

               <img src="../img/cat_11456.png" alt="Sleeping area">

               <figcaption>Спальное место</figcaption>

           </figure>

       </div>

   </div>

   <br>

   <?php

       include "footer.php";

  ?>

</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/flickity/1.0.2/flickity.pkgd.js"></script>

<script src="./dist/swup.js"></script>

<script>

   const swup = new Swup();

</script>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="initial-scale=1.0">

<title>Header2</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<style>

   @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

</style>

<style>

   @import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');

</style>

<style>

   @import url('https://fonts.googleapis.com/css2?family=Istok+Web:wght@400;700&display=swap');

</style>

</head>

<body>

<?php

   include "header.php";

?>

<div class="container">

   <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">

       <h1 class="display-4">В поиске нового дома</h1>

       <h2 class="lead">Дорогие наши посетитель каждому их вас нужен дом, и этим чудесным животным, с которыми поступили очень жестоко тоже нужен второй шанс и новый дом.</h2>

   </div>

   <div class="d-flex flex-wrap">

       <?php

       include("conn-query.php");

        $select= mysqli_query($db, "SELECT * FROM `animals`");

       while ($r= mysqli_fetch_array($select)) { 

           echo "<div class=card><img src=../img/". $r['photo']." > ";  

           echo "<div class=card-body><h5 class=card-title>". $r['nickname']. "</h5>";

           echo "<input class=btn btn-warning type=button name=". $r['id_catalog']. " value=Подружиться></div></div></br>";

       }

           mysqli_close($db);

      ?>

   </div>

   <br>

   <h1 class="display-4">Вы можете связаться с нами заполнив форму обрятной свяязи</h1>

   <form method="post" action="up.php">

       <div class="row">

           <div class="col">

               <input type="text" name="surname" class="form-control" placeholder="Фамилия...">

           </div>

           <div class="col">

               <input type="text" name="name" class="form-control" placeholder="Имя...">

           </div>

           <div class="col">

               <input type="date" name="birthday" class="form-control" placeholder="Дата рождения...">

           </div>

       </div>

       <div class="row">

           <div class="col">

               <input type="text" name="residence" class="form-control" placeholder="Место жительства...">

           </div>

           <div class="col">

               <input type="number" name="phone" class="form-control" placeholder="Номер телефона...">

           </div>

           <div class="col">

               <input type="number" name="email" class="form-control" placeholder="Email...">

           </div>

           <div class="col">

               <input type="text" name="id_animal" class="form-control" placeholder="Номер животного...">

           </div>

       </div>

       <br>

       <button type="submit" class="btn btn-primary" name="submit" id="bsub">Отправить</button>

   </form>

</div>

<br>

<?php

   include "footer.php";

?>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="initial-scale=1.0">

<title>Header2</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<title>Help</title>

</head>

<body>

<div id="container">

<?php

   include "header.php";

?>

   <div class="block-ind2">

       <h1>Чем вы можете помочь нашему приюту</h1>

       <div class="info1">

           <figure>

               <img src="../img/cat_food_11363.png" alt="Pet food">

               <figcaption>Корм для животных</figcaption>

           </figure>

           <figure>

               <img src="../img/ambulance_11347.png" alt="Transportation">

               <figcaption>Транспорт</figcaption>

           </figure>

           <figure>

               <img src="../img/ball_11354.png" alt="Toys">

               <figcaption>Игрушки</figcaption>

           </figure>

           <figure>

               <img src="../img/bowl_11361.png" alt="Bowls and cups">

               <figcaption>Миски и чашки</figcaption>

           </figure>

           <figure>

               <img src="../img/shampoo_11370.png" alt="Shampoos">

               <figcaption>Шампуни</figcaption>

           </figure>

       </div>

       <div class="info2">

           <figure>

               <img src="../img/pills_11446.png" alt="Vitamins">

               <figcaption>Витамины</figcaption>

           </figure>

           <figure>

               <img src="../img/syringe_11448.png" alt="Medicines">

               <figcaption>Лекарства</figcaption>

           </figure>

           <figure>

               <img src="../img/leash_11450.png" alt="Collars / leashes">

               <figcaption>Ошейники / поводки</figcaption>

           </figure>

           <figure>

               <img src="../img/cat_11456.png" alt="Sleeping area">

               <figcaption>Спальное место</figcaption>

           </figure>

       </div>

   </div>

<?php

include "footer2.php";

?>

   <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A843ac5341ab0583b3c76988a9575d45991ed30404f1ce4d0d0e7d1a23a1f3498&amp;source=constructor" height="350" frameborder="0" margin-top="10px"></iframe>

</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

 

<head>

<meta charset="UTF-8">

<title>Header</title>

<link rel="stylesheet" href="../css/style.css">

</head>

<body>

<div id="header" class="transition-fabe">

   <div class="block-header1">

       <div class="logo">

           <h1>Cozy House</h1>

           <h2>Приют для животных в Гомеле</h2>

       </div>

       <div class="nav">

           <ul>

               <li><a href="index.php">О приюте</a></li>

               <li><a href="head2.php">Наши животные</a></li>

               <li><a href="help.php">Чтобы помочь пиюту</a></li>

           </ul>

       </div>

   </div>

   <div class="block-header2">

       <h1>Дом нужен не только людям</h1>

       <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras gravida

           est in porttitor porttitor. Duis sodales elementum ipsum, vehicula

           condimentum erat fringilla et.</h2>

       <input type="button" value="Подружиться">

   </div>

</div>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Footer</title>

<link rel="stylesheet" href="../css/style.css">

</head>

<body>

<!-- Прелоадер -->

<div class="preloader">

   <div class="preloader__row">

       <div class="preloader__item"></div>

       <div class="preloader__item"></div>

   </div>

</div>

<!-- Прелоадер -->

<div id="footer">

   <div class="block-footer1">

       <ul>Для вопросов и предложений

           <li><img src="../img/envelope_11497%20(1).png" alt=""> <a href="#">email@shelter.com</a></li>

           <li><img src="../img/telephone_11493.png" alt=""> <a href="#">+375 25 762 22 69</a></li>

       </ul>

   </div>

   <div class="block-footer2">

       <ul>Мы ждем вашего визита

           <li><img src="../img/pin_11501.png" alt=""> <a href="#">г. Гомель, ул. Бочкина 25</a></li>

           <li><img src="../img/pin_11501.png" alt=""> <a href="#">г. Гомель, ул. Мира 46</a></li>

       </ul>

   </div>

</div>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Footer2</title>

<link rel="stylesheet" href="../css/style.css">

</head>

<body>

<div id="footer2">

   <img src="../img/dog_12157.png" alt="">

   <div class="block-footer2">

       <h1>Кроме того, вы можете сделать пожертвование<br>

           <p>

           Наименование банка / Тип банковского счета

           </p>

       </h1>

       <button>

           <img src="../img/credit_card_(1)_11473.png" alt=""> 8380 2880 8028 8791 7435

       </button>

   </div>

</div>

</body>

</html>

 

<?php  

$db=new mysqli("localhost","root","","priut");

$db->query('SET NAMES UTF8');

?>

 

* {

margin: 0;

padding: 0;

}

body {

background-attachment: fixed;

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQD1kXEjfpzNyT6MDwWsTu47rTz4rX7WNHH4EVUKHCa7JDqDSl-&usqp=CAU);

zoom: 100%;

}

container {

width: 1920px;

min-width: 1920px;

height: auto;

/* background-color: #fafafa; */

background-attachment: fixed;

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQD1kXEjfpzNyT6MDwWsTu47rTz4rX7WNHH4EVUKHCa7JDqDSl-&usqp=CAU);

margin: 0 auto;

}

#container.block-ind1 {

display: flex;

padding-top: 121px;

margin-bottom: 81px;

}

#container.block-ind1 img {

margin-left: 543px;

float: left;

width: 300px;

height: 408px;

}

#container.block-ind1.block2 {

margin-left: 400px;

}

#container.block-ind1.block2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

width: 340px;

}

#container.block-ind1.block2 h2 {

margin-top: 37px;

font-family: ArialMT;

font-size: 20px;

line-height: 24px;

font-weight: 400;

color: #4c4c4c;

width: 450px;

}

#container.block-ind1.block2 h2 p {

margin-top: 20px;

}

#container.block-ind2 {

margin-top: 72px;

}

#container.block-ind2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

text-align: center;

}

#container.block-ind2.info1 {

display: flex;

justify-content: center;

margin-top: 82px;

}

#container.block-ind2.info1 figure {

padding-right: 106px;

text-align: center;

}

#container.block-ind2.info1 figure figcaption {

list-style-type: none;

font-family: Georgia;

font-size: 25px;

letter-spacing: 0.06em;

color: #545454;

}

#container.block-ind2.info2 {

display: flex;

justify-content: center;

margin-top: 82px;

}

#container.block-ind2.info2 figure {

padding-right: 106px;

text-align: center;

}

#container.block-ind2.info2 figure figcaption {

list-style-type: none;

font-family: Georgia;

font-size: 25px;

letter-spacing: 0.06em;

color: #545454;

}

/* HEADER */

#header {

margin: 0 auto;

width: 1920px;

height: 925px;

background-image: url(../img/header.png);

 

}

#header.block-header1 {

width: 1920px;

height: 112px;

display: flex;

justify-content: center;

}

#header.block-header1.logo {

margin-right: 525px;

}

#header.block-header1.logo h1 {

font-family: Georgia;

font-size: 32px;

line-height: 97px;

font-weight: 400;

letter-spacing: 0.06em;

color: #f1cdb3;

}

#header.block-header1.logo h2 {

font-family: ArialMT;

font-size: 20px;

letter-spacing: 0.1em;

color: #ffffff;

position: absolute;

top: 67px;

}

#header.block-header1.nav ul {

list-style-type: none;

display: flex;

justify-content: space-around;

}

#header.block-header1.nav ul li {

margin: 34px 0 34px 34px;

}

#header.block-header1.nav ul li:hover {

border-bottom: 3px solid #f1cdb3;

border-radius: 1.5px;

box-shadow: 10px 10px 10px rgba(0, 0, 0, 50);

}

#header.block-header2 {

margin-left: 375px;

margin-top: 251px;

zoom: 105%;

}

#header.block-header1.nav ul li a {

padding: 0;

text-decoration: none;

font-family: ArialMT;

font-size: 20px;

line-height: 29px;

font-weight: 400;

color: #cdcdcd;

}

#header.block-header2 h1 {

font-family: Georgia;

font-size: 44px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #ffffff;

width: 346px;

}

#header.block-header2 h2 {

font-family: ArialMT;

font-size: 20px;

line-height: 24px;

font-weight: 400;

color: #cdcdcd;

width: 443px;

margin-top: 64px;

 

}

#header.block-header2 input {

font-family: Georgia;

font-size: 20px;

letter-spacing: 0.06em;

color: #292929;

 

margin-top: 44px;

width: 205px;

height: 52px;

background-color: #f1cdb3;

border-radius: 26.0px;

}

#header.block-header2 input:hover {

cursor: pointer;

/* тень */

box-shadow: 0 10px 10px rgba(10, 10, 10, 10);

 

}

/* FOOTER */

#footer {

display: flex;

width: 1920px;

height: 362px;

margin: 0 auto;

background-image: url(../img/footer_1_11476.png);

/* margin-top: 84px;*/

}

#footer.block-footer1 {

margin-left: 360px;

width: 310px;

margin-top: 79px;

}

#footer.block-footer2 {

margin-left: 174px;

width: 305px;

margin-top: 79px;

}

#footer ul {

list-style-type: none;

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #ffffff;

}

#footer ul li a {

text-decoration: none;

font-family: TimesNewPSMT;

font-size: 22px;

line-height: 1.0;

font-weight: 410;

letter-spacing: 0.06em;

color: #f1cdb3;

}

/* FOOTER2 */

#footer2 {

width: 1920px;

height: 434px;

background-color: #f6f6f6;

margin: 0 auto;

margin-top: 79px;

}

#footer2 img {

margin-left: 393px;

margin-top: 86px;

}

#footer2.block-footer2 {

float: right;

margin-right: 602px;

margin-top: 71px;

}

#footer2.block-footer2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

width: 390px;

}

#footer2.block-footer2 h1 p {

font-family: Georgia;

font-size: 20px;

line-height: 1.2;

/* font-weight: 400;*/

letter-spacing: 0.06em;

color: #545454;

margin-top: 35px;

width: 480px;

}

#footer2.block-footer2 button {

font-family: TimesNewPSMT;

font-size: 20px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

border-color: #f1cdb3;

width: 319px;

height: 47px;

background-color: #f1cdb3;

border-radius: 50px;

margin-top: 13px;

}

#footer2.block-footer2 button:hover {

box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);

}

#footer2.block-footer2 button img {

margin: 0;

padding: 0;

vertical-align: text-top;

}

.ca {

/* padding-left: 380px; */

place-content: center;

display: flex;

/* background: #f6f6f6; */

background-attachment: fixed;

}

.card {

margin-left: 50px;

}

body {

font-family: sans-serif;

}

.gallery {

text-align: center;

width: 1550px;

margin: 0 auto;

}

.gallery-cell {

width: 270px;

height: 424px;

margin-right: 50px;

background-color: #fafafa;

border-radius: 10px;

}

.gallery-cell img {

border-radius: 10px;

}

.gallery-cell h1 {

margin-top: 20px;

margin-bottom: 20px;

font-family: Georgia;

font-size: 20px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

}

.gallery-cell a {

text-decoration: none;

font-family: Georgia;

font-size: 20px;

letter-spacing: 0.06em;

color: #292929;

 

width: 188px;

height: 55px;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

padding: 10px;

}

.gallery-cell a:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

.flickity-prev-next-button.previous {

left: -5%;

}

.flickity-prev-next-button.next {

right: -5%;

}

.title {

width: 650px;

margin: 0 auto;

}

.title h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

margin-bottom: 66px;

}

.details {

margin-top: 66px;

text-align: center;

}

.details.more {

text-decoration: none;

width: 267px;

height: 52px;

font-family: Georgia;

font-size: 20px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

 

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

padding: 15px;

}

.details.more:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

/* HEADER2 */

#header2 {

margin: 0 auto;

width: 1920px;

height: 112px;

background-color: #fafafa;

}

#header2.block-header1 {

width: 1920px;

height: 112px;

display: flex;

justify-content: center;

}

#header2.block-header1.logo {

margin-right: 525px;

}

#header2.block-header1.logo h1 {

font-family: Georgia;

font-size: 32px;

line-height: 97px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

}

#header2.block-header1.logo h2 {

font-family: ArialMT;

font-size: 20px;

letter-spacing: 0.1em;

color: #292929;

position: absolute;

top: 67px;

}

#header2.block-header1.nav ul {

list-style-type: none;

display: flex;

justify-content: space-around;

}

#header2.block-header1.nav ul li {

margin: 34px 0 34px 34px;

}

#header2.block-header1.nav ul li:hover {

border-bottom: 3px solid #f1cdb3;

border-radius: 1.5px;

/* box-shadow: 10px 10px 10px rgba(0, 0, 0, 50); */

}

#header2.block-header2 {

margin-left: 375px;

margin-top: 251px;

}

#header2.block-header1.nav ul li a {

padding: 0;

text-decoration: none;

font-family: ArialMT;

font-size: 20px;

line-height: 29px;

font-weight: 400;

color: #545454;

}

#container iframe {

margin: 0 auto;

}

.container {

width: 1920px;

margin-bottom: 64px;

}

.card {

border-radius: 20px;

margin-top: 1%;

width: 18rem

}

.card.card-body {

text-align: center;

}

.card.card-body a {

font-family: Georgia;

font-size: 17px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

 

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

margin: 0 auto;

}

.card.card-body a:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

.card img {

border-radius: 20px 20px 0 0;

}

.lead {

font-family: 'Yeseva One', cursive;

font-size: 25px;

}

.card-title {

font-size: 25px;

/* font-family: 'Lobster', cursive;*/

font-family: 'Gabriela', serif;

text-align: center;

color: #8B4513;

}

 


ПРИЛОЖЕНИЕ Б

(обязательное)

Руководство программиста

Введение

 

Задача web-приложения «Социальный приют для бездомных животных» является ознакомить пользователей с информацией приюта и наличием животных, а также возможности взять к себе одного из них, связавшись с волонтерами приюта.

 


⇐ Предыдущая234567891011Следующая ⇒

Поделиться:


Познавательные статьи:


Как правильно слушать собеседника
Типичные ошибки при выполнении бросков в баскетболе
Принятие христианства на Руси и его значение
Средства массовой информации США


Последнее изменение этой страницы: 2021-05-27; просмотров: 94; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.133.130.103 (0.013 с.)