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

date image 2020-07-12
views image 154
Поделись с друзьями: 
9101112131415

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

}

 



ПРИЛОЖЕНИЕ Б

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

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  

9101112131415

double arrow
Сейчас читают про:
article image
Лексическое и грамматическое значение слова
article image
Расчет нормальной концентрации
article image
Соучастие в преступлении: понятие и признаки. Виды соучастников и формы соучастия
article image
НЭП: ПРИЧИНЫ, СУЩНОСТЬ И ПРОТИВОРЕЧИЯ
article image
Среднее квадратическое отклонение
article image
Основные теории происхождения государства
article image
Самый сильный аргумент, почему эволюция человека не могла быть

Наилучший способ сдержать свое слово состоит в том, чтобы никогда его не давать. © Наполеон ==> читать все изречения...
like icon 6186
like icon 5984
Понравился сайт? Поделись им с друзьями: