Skip to content

Cryptofonts/cryptofont-web

Repository files navigation

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Hotjar Tracking Code for https://cryptofonts.com/ -->
    <script>
      (function (h, o, t, j, a, r) {
        h.hj =
          h.hj ||
          function () {
            (h.hj.q = h.hj.q || []).push(arguments);
          };
        h._hjSettings = { hjid: 1835372, hjsv: 6 };
        a = o.getElementsByTagName("head")[0];
        r = o.createElement("script");
        r.async = 1;
        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
        a.appendChild(r);
      })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
    </script>

    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="A crisp collection of svg crypto brand icons and logos" />
    <meta name="keywords" content="icons, brands, logos, crypto logo, vector icons, svg icons, free icons, icon font, webfont, desktop icons, svg, font awesome, font awesome free, font awesome pro" />
    <meta name="author" content="Fabio Monzani" />
    <meta name="theme-color" content="#f2f2f2" />

    <meta property="og:site_name" content="Cryptofonts" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="http://www.cryptofonts.com/img/card.png" />
    <meta property="og:url" content="https://cryptofonts.com" />
    <meta property="og:title" content="Cryptofonts" />
    <meta property="og:description" content="A crisp webfont icons and svg logos for your favourite cryptocurrencies. Featuring 974 icons." />

    <title>CryptoFont - Cryptocurrency API icons and webfont</title>

    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png" />
    <link rel="manifest" href="favicons/site.webmanifest" />
    <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5" />
    <link rel="shortcut icon" href="favicons/favicon.ico" />
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="msapplication-config" content="favicons/browserconfig.xml" />
    <meta name="theme-color" content="#ffffff" />

    <!-- Facebook Open Graph -->
    <meta property="og:site_name" content="CryptoFonts" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://www.cryptofonts.com/img/card.png" />
    <meta property="og:url" content="https://www.cryptofonts.com/" />
    <meta property="og:title" content="CryptoFonts" />
    <meta property="og:description" content="We create beautiful and crisp cryptocurrency webfonts, icons and SVG " />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@CryptoFonts" />
    <meta property="og:url" content="https://www.cryptofonts.com/" />
    <meta property="og:title" content="CryptoFonts" />
    <meta property="og:description" content="We create beautiful and crisp cryptocurrency webfonts, icons and SVG " />
    <meta property="og:image" content="https://www.cryptofonts.com/img/card.png" />

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css?v=1.0" />
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.min.css?v=1.0" />

    <!-- Inter font -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap" rel="stylesheet" />
  </head>
  <body>
    <nav class="navbar navbar-expand-lg fixed-top">
      <div class="container-fluid">
        <a class="navbar-brand" href="index.html">
          <img src="img/logo-squircle.svg" width="36" height="36" class="d-inline-block align-top mr-2" alt="" loading="lazy" />
          <strong class="align-text-top">Cryptofonts</strong>
        </a>
        <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link d-flex align-items-center" href="api.html">
                <img class="me-2" src="img/icon-api.svg" width="24" height="24" alt="" />
                API</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link d-flex align-items-center" href="icons.html">
                <img class="me-2" src="img/icon-icons.svg" width="24" height="24" alt="" />
                Icons</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link d-flex align-items-center" href="brands.html">
                <img class="me-2" src="img/icon-brands.svg" width="24" height="24" alt="" />
                Brand</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link d-flex align-items-center" href="font.html">
                <img class="me-2" src="img/icon-webfont.svg" width="20" height="20" alt="" />
                Webfont</a
              >
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="jumbotron jumbotron-fluid"></div>

    <section>
      <div class="container">
        <h1 class="mb-5 text-center">Cryptofonts Licensing</h1>
        <div class="row">
          <div class="col-md-4 offset-md-2 mb-4">
            <div class="card bg-light">
              <div class="card-body">
                <h5 class="card-title text-bold">Personal license</h5>
                <div class="mb-5">
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Distribution</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Modification</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Private use</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Same license</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />State changes</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/nope.svg" height="16" />Commercial use</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/nope.svg" height="16" />Reselling</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/nope.svg" height="16" />Redistribution</p>
                </div>
                <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" class="btn btn-link" target="_blank">GNU GPLv3</a>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="card bg-light">
              <div class="card-body">
                <h5 class="card-title text-bold">Commercial license</h5>
                <div class="mb-5">
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Distribution</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Modification</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Private use</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Same license</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />State changes</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/check.svg" height="16" />Commercial use</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/nope.svg" height="16" />Reselling</p>
                  <p class="card-text"><img class="mx-2 align-middle" src="img/nope.svg" height="16" />Redistribution</p>
                </div>
                <a href="https://cryptofonts.gumroad.com/l/cryptofonts-webfont" class="btn btn-link" target="_blank">Buy license</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer>
      <div class="container">
        <div class="row mb-5">
          <div class="col-md-3 text-center mb-4">
            <img class="opacity-50" src="img/logo.svg" height="60px" />
          </div>
          <div class="col-md-3 col-12 text-center text-md-start mb-4">
            <ul class="footer-list p-0">
              <li>Social</li>
              <li><a href="https://twitter.com/cryptofonts?lang=en" target="_blank">Twitter</a></li>
              <li><a href="https://t.me/cryptofonts" target="_blank">Telegram</a></li>
            </ul>
          </div>
          <div class="col-md-3 col-12 text-center text-md-start mb-4">
            <ul class="footer-list p-0">
              <li>Legal</li>
              <li><a href="license.html">License</a></li>
            </ul>
          </div>
          <div class="col-md-3 col-12 text-center text-md-start mb-4">
            <ul class="footer-list p-0">
              <li>Developers</li>
              <li><a href="https://docs.cryptofonts.com/" target="_blank">Documentation</a></li>
              <li><a href="https://github.com/Cryptofonts" target="_blank">Github</a></li>
            </ul>
          </div>
        </div>
        <div class="row">
          <div class="col text-center">
            <p class="small opacity-50">Made by <a class="fabiomonzani" href="https://fabiomonzani.com" target="_blank">Fabio Monzani</a> and other people around the world</p>
          </div>
        </div>
        <div class="row">
          <div class="col text-center">
            <p class="tiny opacity-50">All product and company names are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.</p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Donate Modal -->
    <div class="modal fade" id="donateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Cryptofonts is a one man project.</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <img src="img/icon-close.svg" height="30" alt="icon close" />
            </button>
          </div>
          <div class="modal-body">
            <p class="mb-5">
              Creating all these beautiful icons takes time and money.<br />
              If you think that my work has any value to you, or you like my icons, a small donation would be really appreciated. This would motivate me to create more icons and keep the project going.
            </p>

            <ul class="nav nav-pills nav-justified" id="myTab" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Wallet</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Gitcoin</a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false"><i class="cf cf-btc"></i> Bitcoin</a>
              </li> -->
            </ul>
            <div class="tab-content text-center" id="myTabContent">
              <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                <p class="mt-4">Even 1 DAI would make the difference</p>
                <img class="qrcode" src="img/eth-address.svg" width="150" />
                <p><span class="badge badge-pill badge-light">0xFC72b32F2f7caFCa4d5d99c031f4B8F9579c18b6</span></p>
                <span class="badge badge-light"><i class="cf cf-eth"></i> Ethereum</span>
                <span class="badge badge-light"><i class="cf cf-bnb"></i> BSC</span>
                <span class="badge badge-light"><i class="cf cf-matic"></i> Polygon</span>
              </div>
              <div class="tab-pane fade text-center" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                <p class="mt-4"><a href="https://gitcoin.co/grants/720/crypto-fonts">Donate on Gitcoin by sponsoring my grant</a></p>
                <img src="img/gitcoin-logo.svg" height="150" />
              </div>
              <!-- <div class="tab-pane fade text-center" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                <p class="mt-4">I know transactions cost are high, but if you feel generous here's my Bitcoin address</p>
              </div> -->
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Nah, thanks</button>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

About

No description, website, or topics provided.

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages