Preloading appears ontop of loaded page

web
mobile

Topic: Preloading appears ontop of loaded page

TeddyS31 pro asked 11 months ago

Expected behavior Preloader shows up on screen before page loads

Actual behavior' Page loads and the preloader sits directly ontop of all the content and fails to load prior to the page is loading

Resources (screenshots, code snippets etc.) screen shot with faint loading on top of content

Prime Trust | The Technology-Driven Financial Institution


TeddyS31 pro answered 11 months ago

Full code for post above

<!DOCTYPE html>

Prime Trust | The Technology-Driven Financial Institution

  <!-- Navbar -->
  <nav class="navbar navbar-expand-xl navbar-dark fixed-top scrolling-navbar z-depth-0">
    <div class="container mx-auto">
      <a href="index" class="navbar-brand">
        <img src="img/primetrust-white-logo.png" height="30" alt="Prime Trust navigation logo white">
      </a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mx-auto text-right pt-1">
          <li class="nav-item mx-2">
            <a href="custody" class="nav-link text-uppercase">custody</a>
          </li>
          <li class="nav-item mx-2">
            <a href="compliance" class="nav-link text-uppercase">compliance</a>
          </li>
          <li class="nav-item mx-2">
            <a href="escrow" class="nav-link text-uppercase">escrow</a>
          </li>
          <li class="nav-item dropdown mx-2">
            <a class="nav-link dropdown-toggle text-uppercase" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
              digital assets
            </a>
            <div class="dropdown-menu">
              <a href="primex" class="dropdown-item">PrimeX</a>
              <a href="exchanges" class="dropdown-item">Exchanges/OTC Desks</a>
              <a href="stablecoins" class="dropdown-item">Stablecoins</a>
            </div>
          </li>
          <li class="nav-item dropdown mx-2">
            <a class="nav-link dropdown-toggle text-uppercase" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
              trusts
            </a>
            <div class="dropdown-menu">
              <a href="assetprotection" class="dropdown-item">Asset Protection Trusts</a>
              <a href="https://collegetrust.com/" target="_blank" rel="noreferrer" class="dropdown-item">College Savings Trusts</a>
            </div>
          </li>
          <li class="nav-item mx-2">
            <a href="apis" class="nav-link">APIs</a>
          </li>
          <li class="nav-item mx-2">
            <a href="about" class="nav-link text-uppercase">about</a>
          </li>
          <li class="nav-item mx-2">
            <a href="contact" class="nav-link text-uppercase">contact</a>
          </li>
          <li class="nav-item mx-2">
            <a href="https://innovue30.innovestsystems.com/prm/prm/authentication/logon?returnurl=/prm/prm/" class="btn tang-btn btn-md z-depth-0 waves-effect text-uppercase mb-1">login</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- /Navbar -->

  <!-- Scroll to Top -->
  <div class="fixed-action-btn smooth-scroll">
    <a href="#top-section" class="btn-floating btn-large waves-effect waves-light">
      <i class="fal fa-chevron-up fa-2x"></i>
    </a>
  </div>
  <!-- /Scroll to Top -->

  <!-- Header Content -->
  <section id="home-header-content">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-6 smooth-scroll">
          <h1 class="text-uppercase"><span class="green-text">rails</span> for the digital economy</h1>
          <p class="lead py-4">Build compliant, world-class financial services at scale</p>

          <a href="about" class="btn tang-btn btn-lg z-depth-0 text-uppercase waves-effect waves-light mr-3" id="homeHeaderLearnMoreAboutBtn">learn about prime trust</a>
          <a href="#home-why-vid" class="btn btn-lg btn-outline-white z-depth-0 text-uppercase waves-effect waves-light" id="homeHeaderVideoBtn"><i class="far fa-play-circle"></i> watch video</a>
        </div>

        <div class="col-md-6 text-right ml-auto">
          <img src="img/prime-trust-infrastructure.png" alt="Prime Trust infrastructure" class="img-fluid">
        </div>
      </div>
    </div>
  </section>
  <!-- /Header Content -->

  <!-- Particle JS BG -->
  <div id="particles-js"></div>
  <!-- /Particle JS BG -->
</div>

our services exchanges & otc desks

          <a href="primex" class="card z-depth-2">
            <div class="card-body text-center">
              <img src="img/prime-trust-primex.png" alt="prime trust primex prime exchange network (primex)" class="img-fluid">
              <p class="text-uppercase pt-3">prime exchange network (primex)</p>
            </div>
          </a>

          <a href="compliance" class="card z-depth-2">
            <div class="card-body text-center">
              <img src="img/prime-trust-compliance-aml-kyc.png" alt="prime trust compliance aml and kyc" class="img-fluid">
              <p class="text-uppercase pt-3">compliance services</p>
            </div>
          </a>

          <a href="custody" class="card z-depth-2">
            <div class="card-body text-center">
              <img src="img/prime-trust-custody-digital-assets.png" alt="prime trust custody digital assets" class="img-fluid">
              <p class="text-uppercase pt-3">qualified <br>custody</p>
            </div>
          </a>

          <a href="assetprotection" class="card z-depth-2">
            <div class="card-body text-center">
              <img src="img/prime-trust-asset-protection-trusts.png" alt="prime trust asset protection trusts" class="img-fluid">
              <p class="text-uppercase pt-3">asset protection trusts</p>
            </div>
          </a>

          <a href="escrow" class="card z-depth-2">
            <div class="card-body text-center">
              <img src="img/prime-trust-escrow.png" alt="prime trust escrow" class="img-fluid">
              <p class="text-uppercase pt-3">escrow <br>services</p>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>

</section>
<!-- /Services -->

<!-- Intro Text -->
<section id="home-intro-text">
  <div class="container">
    <div class="row justify-content-center mt-5">
      <div class="col-md-8 mt-5 text-center">
        <p class="lead py-4">
          We are <span class="money-green-text">the technology-driven trust company that provides
            financial infrastructure solutions</span> for exchanges, OTC desks, platforms,
            broker-dealers, stablecoins, and others.
          </p>
          <p>
            As a regulated financial tech company we deliver compliant investor onboarding,
            custody and asset transfer, and funds processing as a white label service to
            direct-to-consumer companies in the blockchain space.
          </p>
        </div>
      </div>
  </div>
</section>
<!-- /Intro Text -->

<!-- API Solutions -->
<section id="home-api">
  <div class="container">
    <h2 class="text-center pb-5 wow fadeInUp">Fast & Easy API Solutions</h2>
    <div class="row justify-content-center no-gutters mt-3 wow fadeInUp">
      <div class="col mt-2">
        <div class="text-right pb-5">
          <h5 class="api-1 pb-2">RESTful APIs</h5>
          <p>
            We follow REST standard for APIs to deliver <br>lightning speed for your apps and services.
          </p>
        </div>
        <div class="text-right pt-3">
          <h5 class="api-2 pb-2">Security First</h5>
          <p>
            BSA-compliant AML (Anti-Money Laundering) & KYC (Know Your Customer) solutions delivered seamlessly via API.
          </p>
        </div>
      </div>

      <div class="col-md-5 text-center pb-2">
        <img src="img/prime-trust-apis-blockchain.png" alt="Prime Trust APIs" class="img-fluid mb-3">
      </div>

      <div class="col mt-2">
        <div class="pb-5">
          <h5 class="api-3 pb-2">Fiat & Digital Assets</h5>
          <p>
            We offer compliant integration for FIAT on & <br>off ramp services for digital asset solutions.
          </p>
        </div>
        <div class=" pt-3">
          <h5 class="api-4 pb-2">Developer Friendly</h5>
          <p>
            We provide a fully-functional sandbox, with <br>dedicated developer support, for each client to ensure quick integration and time to market.
          </p>
        </div>

      </div>
    </div>

    <div class="row justify-content-center">
      <div class="col-md-6 pt-5 text-center">
        <a href="apis" class="btn tang-btn btn-lg waves-effect waves-light z-depth-0 wow fadeInUp">
          LEARN MORE ABOUT OUR APIs
        </a>
      </div>
    </div>
  </div>
  <!-- Smooth Scroll Why Video BTN -->
  <div id="home-why-vid"></div>
  <!-- /Smooth Scroll Why Video BTN  -->
</section>
<!-- /API Solutions -->

<!-- Why Prime Trust -->
<section id="home-why">
  <div class="container" id="why-vid-div">
    <div class="row justify-content-center">
      <div class="col-lg-10 text-center" id="home-video">
        <div class="embed-responsive embed-responsive-16by9 my-4">
          <iframe class="embed-responsive-item wow fadeInUp" src="https://player.vimeo.com/video/335651226" title="What is Prime Trust?" class="wow fadeInUp" allow="fullscreen" allowfullscreen id="homeVidPlay"></iframe>
        </div>
        <div class="row justify-content-around py-4 wow fadeInUp">
          <div class="col-lg-12">
            <h2 class="text-center">Why Prime Trust</h2>

            <div class="card-deck">
              <div class="card z-depth-0">
                <div class="card-body text-center">
                  <img src="img/prime-trust-apis.png" alt="Prime Trust APIs assets and digital assets" class="img-fluid">
                  <h4 class="pt-4 pb-2">API Technology</h4>
                  <p>
                    This means being able to open accounts, make asset deposits, initiate
                    disbursements, trigger AML & KYC, manage securities escrow, confirm
                    balances, pull reports, and more.
                  </p>
                </div>
              </div>

              <div class="card z-depth-0">
                <div class="card-body text-center">
                  <img src="img/prime-trust-compliance-aml-kyc-api.png" alt="Prime Trust compliance aml & kyc api " class="img-fluid">
                  <h4 class="pt-4 pb-2">Compliance</h4>
                  <p>
                    BSA-compliant AML (Anti-Money Laundering) & KYC (Know Your Customer)
                    solutions delivered seamlessly via API for easier onboarding.
                  </p>
                </div>
              </div>

              <div class="card z-depth-0">
                <div class="card-body text-center">
                  <img src="img/prime-trust-no-hidden-fees.png" alt="Prime Trust no hidden fees" class="img-fluid">
                  <h4 class="pt-4 pb-2">No Hidden Fees</h4>
                  <p>
                    Looking for transparency? We take it to the next level. Our fee
                    schedules are public and available <a href="fee-schedules" target="_blank"><u>here</u></a>. No unexpected charges,
                    or nickel and diming.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</section>
<!-- /Why Prime Trust -->

<!-- Compliance Section -->
<section id="home-compliance">
  <div class="container">
    <h1 class="text-center pb-5">Compliance & Simplicity Delivered</h1>

    <div class="row justify-content-center d-flex align-items-center pt-5 wow fadeInUp">
      <div class="col-md-5">
        <h3 class="pb-3"><a href="compliance">AML & KYC</a></h3>
        <p>
          Securely automate your onboarding checks with our BSA-compliant
          service, available in conjunction with our custody, escrow,
          exchange, stablecoin, and tokenized assets solutions. Our
          real-time AML and KYC checks bring together hundreds of data
          sources, removing the need for physical storage.
        </p>
      </div>
      <div class="col-md-5">
        <img src="img/prime-trust-aml-checks.png" alt="prime trust compliance aml & kyc checks" class="img-fluid mt-3">
      </div>
    </div>

    <div class="row justify-content-center d-flex align-items-center py-5 wow fadeInUp">
      <div class="col-md-5">
        <img src="img/prime-trust-compliance-customer-experience.png" alt="Prime Trust compliance customer experience" class="img-fluid mt-4 mb-5">
      </div>
      <div class="col-md-5">
        <h3 class="pb-3"><a href="compliance">Improve Your Customer Experience</a></h3>
        <p>
          Integrate our compliance solution with your existing process
          via API, and run user-friendly, industry leading compliance checks.
          Verify customers and onboard them faster.
        </p>
      </div>
    </div>

    <div class="row justify-content-center py-5 wow fadeInUp">
      <div class="col-md-8 text-center">
        <h2 class="py-3">Learn more about <strong>Compliance</strong></h2>
        <a href="compliance" class="btn tang-btn btn-lg z-depth-0 text-uppercase waves-effect waves-light">learn more</a>
      </div>
    </div>
  </div>
</section>
<!-- /Compliance Section -->

<!-- Mobile Compliance Section -->
<section id="home-compliance-mobile">
  <div class="container">
    <h1 class="text-center pb-5">Compliance & Simplicity Delivered</h1>

    <div class="row justify-content-center d-flex align-items-center pt-5 wow fadeInUp">
      <div class="col-md-5">
        <h3 class="pb-3"><a href="compliance">AML & KYC</a></h3>
        <p>
          Securely automate your onboarding checks with our BSA-compliant
          service, available in conjunction with our custody, escrow,
          exchange, stablecoin, and tokenized assets solutions. Our
          real-time AML and KYC checks bring together hundreds of data
          sources, removing the need for physical storage.
        </p>
      </div>
      <div class="col-md-5">
        <img src="img/prime-trust-aml-checks.png" alt="prime trust compliance aml & kyc checks" class="img-fluid mt-3">
      </div>
    </div>

    <div class="row justify-content-center d-flex align-items-center py-5 wow fadeInUp">
      <div class="col-md-5">
        <h3 class="pb-3"><a href="compliance">Improve Your Customer Experience</a></h3>
        <p>
          Integrate our compliance solution with your existing process
          via API, and run user-friendly, industry leading compliance checks.
          Verify customers and onboard them faster.
        </p>
      </div>
      <div class="col-md-5">
        <img src="img/prime-trust-compliance-customer-experience.png" alt="Prime Trust compliance customer experience" class="img-fluid mt-4 mb-5">
      </div>
    </div>

    <div class="row justify-content-center pb-5 wow fadeInUp">
      <div class="col-md-8 text-center">
        <h2 class="py-3">Learn more about <strong>Compliance</strong></h2>
        <a href="compliance" class="btn tang-btn btn-lg z-depth-0 text-uppercase waves-effect waves-light">learn more</a>
      </div>
    </div>
  </div>

</section>
<!-- /Mobile Compliance Section -->

<!-- PrimeX -->
<section id="home-primex">
  <div class="container py-5">
    <div class="row justify-content-center d-flex align-items-center wow fadeInUp">
      <div class="col-md-5">
        <h3 class="pb-3">Move assets at scale, anytime, from anywhere.</h3>
        <p>
          The Prime Exchange Network(PrimeX&trade;) is a fast, secure, and easy API-driven
          service to transfer any asset between your Prime Trust accounts, or to any
          Prime Trust customer with whom you’ve agreed to transact with in real-time,
          24 hours a day, 7 days a week, 365 days a year.
        </p>
        <a href="primex" class="btn tang-btn btn-lg text-uppercase waves-effect waves-light z-depth-0 mt-4">learn more</a>
      </div>
      <div class="col-md-6 text-center" id="app-div">
        <img src="img/prime-trust-primex-app-main-screen.png" alt="Prime Trust PrimeX mobile app transfer page" class="img-fluid primex-main-screen">
      </div>
    </div>
  </div>

  <div class="container">
    <p class="money-green text-uppercase pb-3 wow fadeInUp">why use primex&trade;?</p>
    <div class="row justify-content-around wow fadeInUp">
      <div class="col-md-4">
        <h5 class="pb-2">Power of Technology</h5>
        <p>
          The Prime Exchange Network(PrimeX&trade;) is utilized by industry-leading exchanges, OTC desks, market makers, stablecoins, and traders – giving our
          clients 24/7 access to the partners they need to power their business.
        </p>
      </div>

      <div class="col-md-4">
        <h5 class="pb-2 security">Unparalleled Security</h5>
        <p>
          From the moment you send your asset, it travels safely and directly from your Prime Trust account to your approved
          counterparty's Prime Trust account.
        </p>
      </div>

      <div class="col-md-4">
        <h5 class="pb-2 send">Send & Recieve Assets Quickly</h5>
        <p>
          Send FIAT, ERC-20 tokens, Bitcoin, Ethereum, and other digital assets in a snap. Your assets are immediately available and where
          you want them to be when you need them to be there.
        </p>
      </div>
    </div>
  </div>
</section>
<!-- /PrimeX -->

<!-- Partners -->
<section id="partners">
  <div class="container wow fadeInUp">
    <h5 class="text-center text-uppercase pb-4">our partners</h5>
    <div class="row justify-content-around">
      <div class="col-md-2 d-flex align-items-center">
        <img src="img/koi-trading-logo-rgb.png" alt="Koi Trading Logo" class="img-fluid">
      </div>
      <div class="col-md-2 d-flex align-items-center">
        <img src="img/Polymath-Logos_Color_r5.png" alt="Polymath Logo" class="img-fluid">
      </div>
      <div class="col-md-2 d-flex align-items-center justify-content-center text-center">
        <img src="img/TUSD.png" alt="True Currencies" class="img-fluid" style="height: 105px;">
      </div>
      <div class="col-md-2 d-flex align-items-center justify-content-center">
        <img src="img/stronghold-logo.png " alt="Stronghold Logo" class="img-fluid pt-3">
      </div>
      <div class="col-md-2 d-flex align-items-center justify-content-center">
        <img src="img/otcxn-logo.png" alt="OTCXN Logo" class="img-fluid pt-3">
      </div>
    </div>
  </div>
  <div id="smooth-scroll-contact-form"></div>
</section>
<!-- /Partners -->

<div id="footer-div">

  <!-- Contact Form -->
  <section>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-12">
          <section class="contact-section my-5">
            <div class="card wow fadeInUp">
              <div class="row justify-content-center">

                <!-- Contact Form -->
                <div class="col-lg-7" id="contact-form">
                  <h3 class="pt-4 pl-4">Ready to get started?</h3>
                  <form action="https://primetrust.us14.list-manage.com/subscribe/post?u=e2fd61fe121f759db8c8b0856&amp;id=2f502a2ff1" method="post"
                  id="home-form" name="mc-embedded-subscribe-form" class="validate" novalidate>
                    <div class="card-body form">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="mc-field-group md-form mb-0">
                            <label for="mce-FULLNAME" class="">Your name</label>
                            <input type="text" value="" name="FULLNAME" class="form-control required" id="mce-FULLNAME">
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="mc-field-group md-form mb-0">
                            <label for="mce-EMAIL" class="">Your email</label>
                            <input type="email" value="" name="EMAIL" class="form-control required" id="mce-EMAIL" >
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-md-6">
                          <div class="mc-field-group size1of2 md-form mb-0">
                            <label for="mce-PHONE" class="">Your phone</label>
                            <input type="text" name="PHONE" value="" id="mce-PHONE" class="form-control required">
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="mce-field-group md-form mb-0">
                            <label for="mce-COMPNAME" class="">Your company</label>
                            <input type="text" name="COMPNAME" value="" id="mce-COMPNAME" class="form-control required">
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-md-12">
                          <div class="md-form b-0">
                            <h5 class="pt-2 pl-2 text-blue">Interested Services</h5>
                            <div class="row">
                              <div class="col-sm-6">
                                <!-- Custody -->
                                <div class="form-check">
                                  <input type="checkbox" value="1" name="group[6725][1]" id="mce-group[6725]-6725-0" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-0">Custodial Services</label>
                                </div>

                                <!-- Escrow -->
                                <div class="form-check">
                                  <input type="checkbox" value="2" name="group[6725][2]" id="mce-group[6725]-6725-1" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-1">Escrow Services</label>
                                </div>

                                <!-- Compliance -->
                                <div class="form-check">
                                  <input type="checkbox" value="4" name="group[6725][4]" id="mce-group[6725]-6725-2" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-2">Compliance Services</label>
                                </div>

                              </div>
                              <div class="col-sm-6">
                                <!-- Digital Asset Solutions -->
                                <div class="form-check">
                                  <input type="checkbox" value="8" name="group[6725][8]" id="mce-group[6725]-6725-3" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-3">Digital Asset Solutions</label>
                                </div>

                                <!-- Trusts -->
                                <div class="form-check">
                                  <input type="checkbox" value="16" name="group[6725][16]" id="mce-group[6725]-6725-4" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-4">Asset Protection Trusts</label>
                                </div>

                                <!-- Other -->
                                <div class="form-check">
                                  <input type="checkbox" value="32" name="group[6725][32]" id="mce-group[6725]-6725-5" class="form-check-input">
                                  <label class="form-check-label" for="mce-group[6725]-6725-5">Other</label>
                                </div>
                              </div>
                            </div>

                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-md-12">
                          <div class="mce-field-group md-form mb-0">
                            <label for="mce-SOURCE">How did you hear about us?</label>
                            <input type="text" value="" placeholder="Google, Conference, Social Media..." name="SOURCE" class="form-control required" id="mce-SOURCE">
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-md-12">
                          <div class="mce-field-group md-form mb-0">
                            <label for="mce-MMERGE3">Your message</label>
                            <textarea  name="MMERGE3" id="mce-MMERGE3" class="form-control md-textarea" rows="2"></textarea>
                          </div>
                        </div>
                      </div>

                      <div id="mce-responses" class="clear">
                            <div class="response" id="mce-error-response" style="display:none"></div>
                            <div class="response" id="mce-success-response" style="display:none"></div>
                        </div>
                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_e2fd61fe121f759db8c8b0856_2f502a2ff1" tabindex="-1" value=""></div>

                      <div class="clear row mt-4">
                        <div class="col-md-12 text-center">
                          <p class="text-center text-dark py-3">By submitting this form, you agree with our <a href="tos" class="blue-text">Terms of Service</a>.</p>

                          <input type="submit" name="subscribe" id="mce-embedded-subscribe" class="btn tang-btn btn-lg text-uppercase z-depth-0 waves-effect waves-light">
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <!-- Contact Form -->

                <!-- Contact Info -->
                <div class="col-lg-5 d-flex align-items-center pt-5" id="contact-info">
                  <div class="card-body contact white-text">

                    <!-- Address Info -->
                    <ul class="text-lg-left list-unstyled ml-4">
                      <!-- Address -->
                      <li class="d-flex">
                        <div class="d-inline-block">
                          <i class="fas fa-map-marker-alt inner-circle"></i>
                        </div>
                        <div class="d-inline-block ml-3">
                          <p>330 S. Rampart Blvd</p>
                          <p>Suite 260</p>
                          <p>Summerlin, NV 89145</p>
                        </div>
                      </li>
                      <!-- /Address -->

                      <!-- Phone -->
                      <li class="d-flex align-items-center mt-3">
                        <div class="d-inline-flex">
                          <i class="fas fa-phone fa-flip-horizontal inner-circle"></i>
                        </div>
                        <div class="d-inline-flex ml-3">
                          <a href="tel:1-702-840-4000">702-840-4000</a>
                        </div>
                      </li>
                      <!-- /Phone -->

                      <!-- Email -->
                      <li class="d-flex align-items-center mt-5">
                        <div class="d-inline-block">
                          <i class="fas fa-envelope inner-circle"></i>
                        </div>
                        <div class="d-inline-block ml-3">
                          <a href="mailto:info@primetrust.com">info@primetrust.com</a>
                        </div>
                      </li>
                      <!-- Email -->
                    </ul>
                    <!-- /Address Info -->

                    <hr class="hr-light mt-5 mb-4">

                    <!-- Social Icons -->
                    <div class="" id="social-icons">
                      <p class="text-center">Be a part of our community</p>
                      <ul class="list-inline text-center list-unstyled align-self-end">
                        <!-- Facebook -->
                        <li class="list-inline-item">
                          <a href="https://www.facebook.com/PrimeTrustLLC/?modal=admin_todo_tour" target="_blank" rel="noreferrer">
                            <i class="fab fa-facebook-f m-1 waves-effect waves-light" style="padding-right: 0.85rem; padding-left: 0.85rem;"></i>
                          </a>
                        </li>

                        <!-- Twitter -->
                        <li class="list-inline-item">
                          <a href="https://twitter.com/PrimeTrustCo" target="_blank" rel="noreferrer">
                            <i class="fab fa-twitter m-1 waves-effect waves-light"></i>
                          </a>
                        </li>

                        <!--Linkedin -->
                        <li class="list-inline-item">
                          <a href="https://www.linkedin.com/company/primetrust?trk=ppro_cprof" target="_blank" rel="noreferrer">
                            <i class="fab fa-linkedin-in m-1 waves-effect waves-light"></i>
                          </a>
                        </li>

                        <!-- Medium -->
                        <!-- <li class="list-inline-item">
                          <a href="https://medium.com/@PrimeTrust" target="_blank">
                            <i class="fab fa-medium-m m-1 waves-effect waves-light"></i>
                          </a>
                        </li> -->

                        <!--Telegram-->
                        <li class="list-inline-item" rel="noreferrer">
                          <a href="https://t.me/primetrust" target="_blank" rel="noreferrer">
                            <i class="fab fa-telegram-plane m-1 waves-effect waves-light"></i>
                          </a>
                        </li>

                        <!-- Reddit -->
                        <li class="list-inline-item">
                          <a href="https://www.reddit.com/user/PrimeTrustCo" target="_blank" rel="noreferrer">
                            <i class="fab fa-reddit-alien m-1 waves-effect waves-light"></i>
                          </a>
                        </li>
                      </ul>
                    </div>
                    <!-- /Social Icons -->
                  </div>

                </div>
                <!-- /Contact Info -->

              </div>
            </div>
          </section>
        </div>
      </div>
    </div>
  </section>
  <!-- /Contact Form -->

  <!-- Footer Links -->
  <section id="footer-links">
    <div class="container text-center text-md-left">
      <div class="row">

        <!-- Logo/Copyright -->
        <div class="col-md-6 mt-md-0 mt-3">
          <img src="img/primetrust-white-logo.png" class="img-fluid pb-3" alt="Prime Trust navigation logo white">
          <p style="line-height: 0; margin-top: 1rem; margin-bottom: 0.75rem;" id="copyright"></p>
          <p>All rights reserved.</p>
        </div>
        <!-- /Logo/Copyright -->

        <!-- Links 1 -->
        <div class="col-md-2 mb-md-0 mb-3">
          <h5 class="text-uppercase">company</h5>
          <ul class="list-unstyled">
            <li>
              <a href="about">About</a>
            </li>
            <li>
              <a href="faq">FAQ</a>
            </li>
            <li>
              <a href="fee-schedules">Fee Schedules</a>
            </li>
            <li>
              <a href="https://blog.primetrust.com" target="_blank" rel="noreferrer">Blog</a>
            </li>
            <li>
              <a href="careers">Careers</a>
            </li>
            <li>
              <a href="contact">Contact</a>
            </li>
          </ul>

        </div>
        <!-- /Links 1 -->

        <!-- Links 2 -->
        <div class="col-md-2 mb-md-0 mb-3">
          <h5 class="text-uppercase">legal</h5>
          <ul class="list-unstyled">
            <li>
              <a href="tos">ToS & EULA</a>
            </li>
            <li>
              <a href="privacy">Privacy Policy</a>
            </li>
            <li>
              <a href="downloads/glba_notice.pdf" target="_blank">Gramm-Leach Notice</a>
            </li>
            <li>
              <a href="downloads/2019_Data_Security.pdf" target="_blank">Data Security Policies</a>
            </li>
          </ul>
        </div>
        <!-- /Links 2 -->

        <!-- Links 3 -->
        <div class="col-md-2 mb-md-0 mb-3">
          <h5 class="text-uppercase">quick link</h5>
          <ul class="list-unstyled">
            <li>
              <a href="fundsprocessing">Funds Processing</a>
            </li>
            <li>
              <a href="apis">API Docs</a>
            </li>
            <li>
              <a href="primex-application">PrimeX Application</a>
            </li>
            <li>
              <a href="http://www.banq.com/" target="_blank" rel="noreferrer">BANQ</a>
            </li>
          </ul>
        </div>
        <!-- /Links 3 -->

      </div>
      <!-- Grid row -->

    </div>
  </section>
  <!-- /Footer Links -->
</div>


Marta Szymanska staff pro premium answered 11 months ago

Hi,

would you reproduce your problem in the snippets here: https://mdbootstrap.com/snippets/ or provide a demo? I can't see preloading with only a screenshot and code, I need some live preview. I'll try to help you after that.

Best, Marta


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.8.1
  • Device: Macbook Pro 13
  • Browser: Chrome
  • OS: Mac OS Mojave
  • Provided sample code: No
  • Provided link: No