docs/layouts/partials/footer.html at 5f3b6a2962c5beb00f20925964f285bfb228e214 · layer5io/docs · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<footer class="footer">
  <!-- Hotkey func -->
  {{partial "hotkey.html" .}}
  <!----------------->
  <div class="row footer-top">
    <div class="col-lg-6">
      <a href="/" aria-label="Home">
        {{ $svg := resources.Get "icons/logo.svg" }}
        <img class="footer-logo" src="{{ $svg.Permalink }}" alt="Footer Logo Layer5" data-modal="false">
      </a>
    </div>
    <div class="col-lg-6 footer-info footer-icons">
      {{ range .Site.Params.links.footer.icons }}
      <a href="{{ .url  }}" class="{{ .class }}" target="_blank" rel="noreferrer" aria-label="{{ .alt }}">
        {{ $svg1 := resources.Get .icon }}
        <img height="30px" src="{{ $svg1.Permalink }}" alt="{{ .alt }}" data-modal="false">
      </a>
      {{ end }}
    </div>
  </div>
  <div class="footer-info">
    <div class="col-lg-3 footer-desc">
      <p>Layer5 empowers engineers to build better, together. As the stewards of Meshery, and the creators of Kanvas, we deliver a Google Workspace-like experience for your infrastructure. From infrastructure as design to confident deployment, we simplify cloud management through real-time collaboration and orchestratable diagrams.</p>
    </div>

    <div class="col-lg-9">
      <div class="footer-info">
        <!-- Resources Section -->
        <div class="odd-col footer-sections footer-resources">
          <h3 class="section-title"><a href="https://layer5.io/learn">RESOURCES</a></h3>
          {{ range .Site.Params.links.footer.resources.items }}
          <h5 class="footer-h5">
            <a href="{{ .url }}">{{ .name }}</a>
          </h5>
          {{ end }}
        </div>

        <!-- Community Section -->
        <div class="even-col footer-sections footer-community">
          <h3 class="section-title"><a href="https://layer5.io/community">COMMUNITY</a></h3>
          {{ range .Site.Params.links.footer.community.items }}
          <h5 class="footer-h5"><a href="{{ .url }}">{{ .name }}</a></h5>
          {{ end }}
        </div>

        <!-- Projects Section -->
        <div class="odd-col footer-sections footer-projects">
          <h3 class="section-title"><a href="https://layer5.io/projects">SOLUTIONS</a></h3>
          {{ range .Site.Params.links.footer.projects.items }}
          <h5 class="footer-h5"><a href="{{ .url }}">{{ .name }}</a></h5>
          {{ end }}
        </div>

        <!-- Company Section -->
        <div class="even-col footer-sections footer-company">
          <h3 class="section-title"><a href="https://layer5.io/company/about">COMPANY</a></h3>
          {{ range .Site.Params.links.footer.company.items }}
          <h5 class="footer-h5"><a href="{{ .url }}">{{ .name }}</a></h5>
          {{ end }}
        </div>
      </div>
      <div class="row footer-info2 subscribe">
        <div class="footer-end">
          <form name="contactform">
            <div>
              <p>
                Subscribe to our Newsletter
              </p>
              <input class="footer-input" type="email" placeholder="Email Address" />
              <button class="footer-button" title="Subscribe" type="submit">Subscribe</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <hr class="footer-hr" />
  <div class="footer-bottom">
    <div class="footer-bottom-left">
      <span>
        <script>document.write(new Date().getFullYear() + ' ');</script> Copyright ©Layer5, Inc | All Rights Reserved
      </span>
    </div>
    <div class="footer-bottom-middle">
      <span>
        <span class="edit-page">
          {{ with .File }}
          <a href="https://github.com/layer5io/docs/tree/master{{ strings.TrimPrefix hugo.WorkingDir .Filename }}" target="_blank"
            rel="noreferrer">Edit This Page</a>
          {{ end }}
        </span>
        <span>
          <a class="status-link" href="https://layer5.statuspage.io" target="_blank" rel="noreferrer">
            Layer5 Cloud Status <span class="pulse-icon"></span>
          </a>
        </span>
      </span>
      </span>
    </div>
    <div class="footer-bottom-right">
      <span><a href="https://layer5.io/company/legal/privacy">Privacy</a></span> &nbsp; <span><a
          href="https://layer5.io/company/legal/terms-of-service">Terms</a></span>
    </div>
  </div>
</footer>