noAnimation

<header class="top-header">
    <div class="header-content">
      <div class="contact-info">
        <a href="mailto:Info@segment-co.com">
          <i class="fas fa-envelope"></i> Info@segment-co.com
        </a>
        <span>|</span>
        <a href="tel:+201126137037">
          <i class="fas fa-phone-alt"></i>+201126137037
        </a>
      </div>
      <span class="title">SEGMENT CO. FOR CONSTRUCTION</span>
    </div>
  </header>
<button onclick="topFunction()" id="myBtn" title="Go to top">▲</button> 

  <script>
    // Get the button
    var mybutton = document.getElementById("myBtn");
    
    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() { scrollFunction() };
    
    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        mybutton.style.display = "block";
      } else {
        mybutton.style.display = "none";
      }
    }
    
    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
  </script>

The site is under maintenance. 

<p style="text-align: center;;text-align:left;direction:ltr"><span style="font-size: 20px; color: rgb(71, 84, 103);">Dear visitor, thank you for visiting us. We apologize that our website is currently down for necessary maintenance.</span></p>

Contact Us

<p><span style="color: rgb(255, 255, 255);">FOR CONSTRUCTION</span></p>

<h1><span style="color: rgb(255, 255, 255);"><strong>Contact Us</strong></span></h1>