codecheck

1
<template>
2
  <footer class="footer">
3
    <div class="footer__container">
4
      <AppLogo></AppLogo>
5
      <a
6
        aria-label="Ссылка на репозиторий GitHub"
7
        target="_blank"
8
        href="https://github.com/iswebdevru/codecheck"
9
      >
10
        <svg
11
          height="2rem"
12
          aria-hidden="true"
13
          viewBox="0 0 16 16"
14
          version="1.1"
15
          width="32"
16
          data-view-component="true"
17
        >
18
          <path
19
            d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
20
          ></path>
21
        </svg>
22
      </a>
23
      <a
24
        title="От студентов для студентов РКЭ"
25
        class="footer__developer"
26
        target="_blank"
27
        href="https://iswebdev.ru"
28
        ><span>Сделано с</span>
29
        <img
30
          class="footer__heart"
31
          src="@/assets/img/heart.png"
32
          alt="Сердечко"
33
        />
34
      </a>
35

36
      <!-- developed by greenbabyborn.ru -->
37
    </div>
38
  </footer>
39
</template>
40

41
<style scoped lang="scss">
42
.footer {
43
  margin-top: 2rem;
44
  background: var(--color-bg-third);
45
  padding: 2rem 0;
46
  &__developer {
47
    display: flex;
48
    align-items: center;
49
    gap: 0.5rem;
50
  }
51
  &__heart {
52
    width: 1.5rem;
53
    height: 1.5rem;
54
  }
55
  &__container {
56
    margin: 0 auto;
57
    max-width: var(--width-container);
58
    padding-right: 1rem;
59
    padding-left: 1rem;
60
    display: flex;
61
    align-items: center;
62
    justify-content: space-between;
63
    flex-wrap: wrap;
64
    gap: 1rem;
65
  }
66
}
67
</style>
68