Merisil.github.io/blog.html at main · Merisil/Merisil.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Блог </title>
     <link rel="stylesheet" href="./style.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
  integrity="sha384-tViUnnbYAV00FLIhhi3v/dWt3Jxw4gZQcNoSCxCIFNJVCx7/D55/wXsrNIRANwdD" crossorigin="anonymous">
</head>
<body>
  <header>

    <nav>
      <ul class="navigation">

      </ul>
    </nav>
    <h1>Сайт Васильевой Марии</h1>
    <p>Здесь мои рассуждения на некоторые темы</p>
  </header>
  <main>
    <h1>
      Блог
    </h1>

    <article class="articles">

        <div class="article">
        <h2><a id="Музыка">У меломанов нет вкуса?</a></h2>
        <p>Меломаны - люди, которые любят музыку различных стилей, но почему кто-то думает, что у них нет своего мнения о той или иной песне. Поверьте, меломанам тоже может не нравиться какая-то музыка</p>
        <img width="300" height="200" src="./images/musicstyle.jpg" alt="Стили музыки">
      </div>

      <div class="article">
        <h2><a id="Игры">Детская игра или инструмент для новичка-архитектора?</a></h2>
        <p>
          Знаете игру Sims4? В популярном симуляторе жизни можно не только "жить", но строить невероятные здания. Сама столько раз увлекалась этим, что начинала чувствовать себя архитектором. Да, считаю, что это отличная возможность для тех, кто хочет попробовать себя в создании домов, квартир, ландшафтов и многого другого. А если понравится, можно переходить на программы посерьёзнее!
        </p>
        <img width="200" height="200"  src="https://i.pinimg.com/736x/a0/c1/6d/a0c16d9be8632d25d7354a4bf269aa28.jpg" alt="Sims4">
      </div>
      <div class="article">
        <h2><a id="Животные">Лошади и диабет</a></h2>
        <p>Лошади - удивительные животные, верные, умные. При чём тут диабет? Интересный факт: люди, работающие с лошадьми, на 50% реже болеют диабетом. Как так? Всё просто: лошади помогают снижать стресс, который влияет на уровень сахара в крови.  </p>
        <img width="200" height="200" src="./images/horses.jpg" alt="Лошадка">
      </div>

    </article>
  </main>


  <footer class="footer">
    <p>Здесь меня можно найти:</p>
    <ol class="navigation">

    </ol>
  </footer>

</body>
<script src="./scripts/main.js"></script>
<script src="./scripts/footer.js"></script>
</html>