index.html

---
layout: home
title: titles.home
permalink: /index.html
---

        <section id="introwrap">
          <div id="intro">
               <div class="row">
                    <div class="intro-info col">
                         <h1>{% t home.heading %}</h1>
                         <p>{% t home.heading2 %}</p>
                         <a class="btn-primary" href="#getfiro"><span>{% t home.cta1 %}</span><i class="icons-right-small"></i></a>
                    </div>
               </div>
          </div>
        </section>
      
      <section id="intro-info" class="section">
         <div class="container">
            <div class="row">
                <div class="col">
                     <h2>{% t home.about %}</h2>
                     <p>{% t home.aboutp %}</p>
                </div>
            </div>
          <div class="row privacy">
             <div class="col col-info">
                  <h3>{% t home.privacy %}</h3>
                  <p>{% t home.privacy1 %}</p>
                  <div class="block-facts">
                      <ul>
                        <li>
                            <i class="icons-users"></i>
                            <p>2<sup>15</sup> {% t home.privacy2 %}</p>
                        </li>
                        <li>
                            <i class="icons-square-sliders-vertical"></i>
                            <p>{% t home.privacy3 %}</p>
                        </li>
                      </ul>
                  </div>
             </div>
             <div class="col col-img">
                <img src="/img/privacy-img.svg" alt="Privacy illustration" loading="lazy">
             </div>
          </div>
          <div class="row blockchain">
             <div class="col col-info">
                  <h3>{% t home.blockchain %}</h3>
                  <p>{% t home.blockchain1 %}</p>
                  <div class="row block-facts">
                    <ul>
                        <li>
                            <i class="icons-coins"></i>
                            <p>21.4 mil {% t home.blockchain2 %}</p>
                        </li>
                        <li>
                            <i class="icons-pickaxe"></i>
                            <p>FiroPoW {% t home.blockchain3 %}</p>
                        </li>
                        <li>
                            <i class="icons-server"></i>
                            <p>3900+ {% t home.blockchain4 %}</p>
                        </li>
                    </ul>
                  </div>
             </div>
             <div class="col col-img">
                  <img src="/img/blockchain-img.svg" alt="Blockchain illustration" loading="lazy">
             </div>
          </div>
          <div class="row infrastructure">
             <div class="col col-info">
                  <h3>{% t home.privacyin %}</h3>
                  <p>{% t home.privacyin1 %}</p>
             </div>
             <div class="col col-img">
                <img src="/img/infrastructure-img.svg" alt="Privacy Infrastructure illustration" loading="lazy">
             </div>
          </div>
          <div class="row rnd">
             <div class="col col-info">
                  <h3>{% t home.randd %}</h3>
                  <p>{% t home.randd1 %}</p>

                  <p><a class="btn-tertiary" href="{{ site.baseurl }}/about/research/"><span>{% t home.cta2 %}</span><i class="icons-right-small"></i></a></p>
             </div>
             <div class="col col-img">
                  <img src="/img/rnd-img.svg" alt="Blockchain illustration" loading="lazy">
             </div>
          </div>
          </div>
      </section>
      
      <section id="getfiro" class="section">
         <div class="container">
          <div class="row head">
             <div class="col">
                  <h2>{% t home.getfiro %}</h2>
                  <p>{% t home.getfiro1 %}</p>
             </div>
          </div>
          <div class="row btns">
             <div class="col">
                  <img src="/img/wallet-icon.svg" alt="Image representing a physical Firo wallet" loading="lazy">
                  <h3>{% t home.getfiro2 %}</h3>
                  <p>{% t home.getfiro2text %}</p>
                  <p><a href="{{ site.baseurl }}/get-firo/download/"><span>{% t home.getfiro2link %}</span><i class="icons-right-small"></i></a></p>
             </div>
             <div class="col">
                  <img src="/img/exchange-icon.svg" alt="Image representing Firo and Dollars being exchanges" loading="lazy">
                  <h3>{% t home.getfiro3 %}</h3>
                  <p>{% t home.getfiro3text %}</p>
                  <p><a href="{{ site.baseurl }}/get-firo/buy-firo/"><span>{% t home.getfiro3link %}</span><i class="icons-right-small"></i></a></p>
             </div>
             <div class="col">
                  <img src="/img/masternode-icon.svg" alt="Image representing a stylized Firo masternode" loading="lazy">
                  <h3>{% t home.getfiro4 %}</h3>
                  <p>{% t home.getfiro4text %}</p>
                  <p><a href="{{ site.baseurl }}/guide/masternode-setup.html"><span>{% t home.getfiro4link %}</span><i class="icons-right-small"></i></a></p>
             </div>
             <div class="col">
                  <img src="/img/mining-icon.svg" alt="Image showing a mining cart transporting a Firo coin" loading="lazy">
                  <h3>{% t home.getfiro5 %}</h3>
                  <p>{% t home.getfiro5text %}</p>
                  <p><a href="{{ site.baseurl }}/guide/how-to-mine-firo.html"><span>{% t home.getfiro5link %}</span><i class="icons-right-small"></i></a></p>
             </div>
          </div>
          </div>
      </section>