Merisil.github.io/index.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 class="header">
    <nav>
      <ul class="navigation">
        <!-- <li><a href="./index.html">Главная</a></li>
        <li><a href="./blog.html">Блог</a></li>
        <li><a href="./presentations_projects.html">Доклады и проекты</a></li>
        <li><a href="./resume.html">Резюме</a></li> -->
      </ul>
    </nav>
    <h1>Сайт Васильевой Марии</h1>
    <p>Всем привет! Спасибо, что посетили этот сайт. Надеюсь, что вы найдете что-нибудь интересное для себя)</p>

    <img width="200" height="300" src="https://sun9-22.userapi.com/impg/6ljCPysnJZPbF7XB-6LZtYZdX8I8DD3tT0aJXA/8gXXVAphuq0.jpg?size=1075x1434&quality=95&sign=d3fdc8cd316f632d7a9b642fb7f467f0&c_uniq_tag=msHF0WT7nlURoazeBo3r8QPb4MMbEZxUoRCQiCiFO9w&type=album" alt="Это просто милый котик"/>
  </header>
  <main class="container">
    <aside class="aside_element">
      <section>
        <h2>О чем хотите почитать?</h2>
        <p class="aside_article"><a href="./blog.html#Музыка">Музыка</a></p>
        <p class="aside_article"><a href="./blog.html#Игры">Игры</a></p>
        <p class="aside_article"><a href="./blog.html#Животные">Животные</a></p>
      </section>
    </aside>

   <article class="blocks_element">
      <section class="block">
        <h2>Приятно познакомиться!</h2>
        <p>Я выросла в Златоусте, очень люблю этот живописный город. Сейчас я учусь в Челябинске, нашла здесь новых друзей. Мне нравится узнавать что-то новое и совершенствоваться в разных областях.</p>
        <img width="300" height="250" src="./images/my_photo.jpg" alt="А это я"/>
      </section>
    </article>


   </main>

 <footer class="footer">
    <p>Здесь меня можно найти:</p>
    <ol class="navigation">
      <!-- <li><a href=""><i class="bi bi-github"></i></a></li>
      <li><a href=""><i class="bi bi-telegram"></i></a></li>
      <li><a href=""><i class="bi bi-chat"></i></a></li> -->
    </ol>
  </footer>

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