WebsiteApp/_includes/bitcoin-wallet.html

<div class="uk-section">
   <div class="uk-container uk-text-center uk-scrollspy-inview uk-animation-slide-bottom-medium">
     <h1 class="uk-heading-hero">Bitcoin Wallet</h1>
     <p class="uk-text-lead">BlueWallet supports various Bitcoin wallet implementations, BIPs and different integrations with external services. You can easily import any wallet with our wallet recovery and import feature.</p>
    <div class="uk-container-medium imghere uk-padding-remove@s uk-padding-remove-bottom uk-scrollspy-inview uk-animation-slide-bottom-medium">
      <img src="{{ site.uploads | absolute_url }}/bitcoinwallets.png" alt="download bitcoin wallet for desktop">
    </div>
   </div>
</div>

<div class="uk-section-large">
  <div class="uk-container{{container}}">
      <h1 class="uk-h1">Wallets supported</h1>


<div uk-slider>
  <div class="uk-position-relative">
    <div class="uk-slider-container">
        <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@s uk-child-width-1-3@m">
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-bech32.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Native Segwit</h3>
                <p>Native Segwit addresses wallet are the latest in terms of technology that allow you to save up to 40% in fees.</p>
              </div>
            </li>
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-watch-only.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Watch-only</h3>
                <p>The Watch-only wallet, as the name suggests is a wallet that allows you to keep an eye on your balance and receive transactions without touching your private key. </p>
              </div>
            </li>
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-vault.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Multisig Vaults</h3>
                <p>The Multisig Vault is a bitcoin wallet with multiple keys. It is advised for large amounts because it has the best security. It requires multiple keys to spend funds.</p>
              </div>
            </li>
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-lightning.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Lightning</h3>
                <p>The Bitcoin Lightning wallet can be used on hosted fashion or self-hosted if you run your own node. This wallet provides the ability to receive lightning out of the box and send payments as well.</p>
              </div>
            </li>
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-native-segwit.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Wrapped Segwit</h3>
                <p>The wrapped segwit Bitcoin wallet is available in the advanced mode. It provides the best compatibility with exchanges and old services.</p>
              </div>   
            </li>
            <li>
              <img src="{{ site.uploads | absolute_url }}/images/bitcoin-segwit.png" alt="">
              <div class="uk-card uk-card-body">
                  <h3 class="uk-h3">Single Address</h3>
                <p>The Single address Bitcoin wallet, it's a Segwit compatible wallet that always will have the same receiving address. This is available in advanced mode.</p>
              </div>   
            </li>
             <li>
            <img src="{{ site.uploads | absolute_url }}/images/bitcoin-legacy.png" alt="">
            <div class="uk-card uk-card-body">
                <h3 class="uk-h3">Legacy</h3>
                <p>Legacy wallet types start by 1... they are still widely use and you can import them through the import feature.</p>
              </div>     
            </li>
            <li>
            <img src="{{ site.uploads | absolute_url }}/images/bitcoin-electrum.png" alt="">
            <div class="uk-card uk-card-body">
                <h3 class="uk-h3">Electrum</h3>
                <p>Electrum is a old Bitcoin wallet that has their own type that is not compatible with other apps. BlueWallet makes sure it can support it.</p>
              </div>     
            </li>
            <li>
            <img src="{{ site.uploads | absolute_url }}/images/bitcoin-bread.png" alt="">
            <div class="uk-card uk-card-body">
                <h3 class="uk-h3">BRD/Bread</h3>
                <p>Bread wallet has a custom wallet format, usually not supported by other wallets. We made sure we have that available in case you want to import your bread wallet.</p>
              </div>     
            </li>
        </ul>
    </div>

    <div class="uk-hidden@s">
        <a class="uk-position-center-left uk-position-small uk-label uk-light" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-label uk-light" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>

    <div class="uk-visible@s">
        <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
  </div>
</div>
</div>
</div>


<div class="uk-section">
  <div class="uk-container{{container}}">
    <div class="uk-child-width-1-2@m uk-grid-match uk-text-center uk-margin-medium-top uk-grid-small" data-uk-grid>
          <div class="uk-width-1-3@m">
              <div>
                  <img src="{{ site.uploads | absolute_url }}/bitcoin-wallet/create.png" alt="">
              </div>
          </div>
          <div class="uk-width-expand@m">
              <div class="uk-card uk-card-body uk-text-left@m uk-text-center uk-margin-auto-vertical">
                  <h2 class="uk-h1 uk-heading-primary">Create wallets</h2>
                  <p>The create wallet options allows you to add wallet by simply choosing the type you want. The Bitcoin wallet (a multi address HD and segwit) is the default recommended one.</p>
              </div>
          </div>
    </div>
    <div class="uk-child-width-1-2@m uk-grid-match uk-text-center uk-margin-medium-top uk-grid-small" data-uk-grid>
      <div class="uk-width-expand@m">
          <div class="uk-card uk-card-body uk-text-left@m uk-text-center uk-margin-auto-vertical">
              <h2 class="uk-h1 uk-heading-primary">Import wallets</h2>
              <p>Bluewallet provides a “magic form” where you can try to import and recover whatever you got. It will do its best to understand the format and import your wallet into your BlueWallet app.</p>
          </div>
      </div>
      <div class="uk-width-1-3@m">
          <div>
              <img src="{{ site.uploads | absolute_url }}/bitcoin-wallet/import.png" alt="">
          </div>
      </div>
    </div>
  </div>
</div>