Web/dogs.html at main · FursovaMashaa/Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>mashulik biography</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow:ital@1&family=Raleway&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital@1&family=Raleway&family=Rammetto+One&display=swap" rel="stylesheet">
    <link   href="style2.css" rel="stylesheet">
    </head>
<body>
    <header class="page-header">
        <h1 class="header-text">dachshund</h1>
    </header>
    <main class="main-content">
        <section class="title-list">
            <div class="title-dau">
                <h1 class="n">dachshund</h1>
                <p class="n1">Breed of South German burrowing hunting dogs</p>
            </div>
                <img src="dau...jpg" alt="такса" width="500" height="500">
        </section>
        <section class="types">
            <h2>varieties of the breed</h2>
            <ul class="varieties">
                <li class="varietie">
                <img class="varietie-img" src="flex.jpg" width="290" height="245" alt="Собака">
                <h3 class="varietie-title">rabbit dachshund</h3>


                <li class="varietie">
              <img class="varietie-img" src="flex1.jpg" width="290" height="245" alt="Собака">
              <h3 class="varietie-title">standard dachshund</h3>


              <li class="varietie">
              <img class="varietie-img" src="flex2.jpg" width="290" height="245" alt="Собака">

              <h3 class="varietie-title">dwarf dachshund</h3>
        </section>
        <h2>my home dog</h2>
        <section class="homedog">

                <img src="dog1.jpg" alt="Собака" width="400" height="400">
                <div class="hd">
                    <h3>Начало жизни</h3>
                    <p>История этого малыша начинается 21.08.2009г. Спустя пару месяцев он оказался у нас дома и был назван Ральфом.</p>
                    <p>В детсве он был жутким хулиганом: отрывал линолеум с пола, вытаскивал поролон из диванов и так далее...</p>
                </div>
        </section>
        <section class="homedog1">
            <a class="d1">
                <img src="dog2.jpg" alt="Собака" width="400" height="400"></a>
                <div class="hd1">
                    <h3>Некоторые факты из его жизни</h3>
                    <p>У него было свое одеяло, без которого он не мог спать</p>
                    <p>Он очень любил сбегать из дома, но потом все равно возвращался</p>
                    <p>Все игрушки, которые ему покупали, он сразу же разгрызал</p>

                </div>

        </section>
        <section class="homedog2">

                <img src="dog4.jpg" alt="Собака" width="400" height="400">
                <div class="d1">
                    <h3>Грустный конец</h3>
                    <p>Весной 2019 года он начал сильно болеть и с каждой неделей ему становилось хуже. Его лечили как только могли, но болезнь взяла свое.</p>
                    <p>В итоге 30 августа 2019г его не стало. Это было горе для всей семьи, но мы думаем, он прожил счастливую и хорошую жизнь.</p>
                </div>
        </section>
    </main>
<footer>
    <section class="quote">
        <blockquote>
        <p>Сострадание к животным так тесно связано с добротой характера, что можно с уверенностью утверждать: кто жесток с животными, тот не может быть добрым человеком</p>
        <footer>Автор: А. Шопенгауэр</footer>
        </blockquote>
        </section>
</footer>
</body>
</html>