styleguide/packages/react-components/src/Footer/index.js at fix-modal-bg · csseditor/styleguide · 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
106
107
108
109
110
import React from 'react';

/**
 * Footer: Auth0's footer component. Styles are inherited from components CSS bundle.
 */
const Footer = () =>
  <footer className="site-footer">
    <div className="container">
      <div className="logo">
        <img
          src="https://cdn.auth0.com/styleguide/latest/lib/logos/img/badge.png"
          width="30"
          role="presentation"
        />
      </div>
      <div className="footer-grid">
        <div className="column">
          <div className="item">
            <h6>Product</h6>
          </div>
          <div className="item"><a href="https://auth0.com/pricing">Pricing</a></div>
          <div className="item"><a href="https://auth0.com/why-auth0">Why Auth0</a></div>
          <div className="item"><a href="https://auth0.com/how-it-works">How It Works</a></div>
        </div>
        <div className="column">
          <div className="item">
            <h6>Company</h6>
          </div>
          <div className="item"><a href="https://auth0.com/about">About Us</a></div>
          <div className="item"><a href="https://auth0.com/blog">Blog</a></div>
          <div className="item"><a href="https://auth0.com/jobs">Jobs</a></div>
          <div className="item"><a href="https://auth0.com/press">Press</a></div>
        </div>
        <div className="column">
          <div className="item">
            <h6>Security</h6>
          </div>
          <div className="item"><a href="https://auth0.com/availability-trust">Availability & Trust</a></div>
          <div className="item"><a href="https://auth0.com/security">Security</a></div>
          <div className="item"><a href="https://auth0.com/whitehat">White Hat</a></div>
        </div>
        <div className="column">
          <div className="item">
            <h6>Learn</h6>
          </div>
          <div className="item"><a href="https://support.auth0.com">Help & Support</a></div>
          <div className="item"><a href="https://auth0.com/docs">Documentation</a></div>
          <div className="item"><a href="https://auth0.com/opensource">Open Source</a></div>
        </div>
        <div className="column">
          <div className="item">
            <h6>Extend</h6>
          </div>
          <div className="item"><a href="https://auth0.com/lock">Lock</a></div>
          <div className="item"><a href="https://auth0.com/wordpress">WordPress</a></div>
          <div className="item"><a href="https://auth0.com/docs/apiv2">API Explorer</a></div>
        </div>
        <div className="contact">
          <div className="column">
            <div className="item">
              <h6>Contact</h6>
            </div>
            <div className="item item-text">
              10900 NE 8th Street<br />Suite 700<br />Bellevue, WA   98004
            </div>
          </div>
          <div className="column no-heading">
            <div className="item"><a href="tel:+18882352699">+1 (888) 235-2699</a></div>
            <div className="item"><a href="tel:+14253126521">+1 (425) 312-6521</a></div>
            <div className="item"><a href="https://support.auth0.com">Support Center</a></div>
          </div>
        </div>
      </div>
      <div className="colophon">
        <div className="column">
          <div className="social">
            <div className="twitter">
              <iframe
                allowTransparency="true"
                frameBorder="0"
                scrolling="no"
                src="//platform.twitter.com/widgets/follow_button.html?screen_name=auth0"
                className="twitter"
              />
            </div>
            <div className="facebook">
              <iframe
                // eslint-disable-next-line max-len
                src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2Fgetauth0&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;show_count=false&amp;share=false&amp;height=21&amp;appId=507756515938786"
                scrolling="no"
                frameBorder="0"
                allowTransparency="true"
                className="facebook"
              />
            </div>
          </div>
        </div>
        <div className="column">
          <ul className="list-inline text-right">
            <li><a href="https://auth0.com/privacy">Privacy Policy</a></li>
            <li><a href="https://auth0.com/terms">Terms of Service</a></li>
            <li><span>&copy; 2013-2016 Auth0&reg; Inc. All Rights Reserved.</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>;

export default Footer;