Untitled

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <title>tri</title>
  </head>
  <body>
    <!--header-->
    <header class="header">
      <div class="container-fluid">
        <div class="row menu">
          <div class="col-sm-4 logo">
            <img src="assets/img/logo-rectangle.png" alt="logo" class="triange-logo">
            <p class="trigonium">TRIGONIUM</p>
          </div>
          <div class="col-sm-8">
            <nav class="navbar navbar-expand-lg">
              <ul class="navbar-nav menu">
                <li class="menu-items"><a href="#">HOME</a></li>
                <li class="menu-items"><a href="#">SERVICES</a></li>
                <li class="menu-items"><a href="#">ABOUT US</a></li>
                <li class="menu-items"><a href="#">PORTFOLIO</a></li>
                <li class="menu-items"><a href="#">BLOG</a></li>
                <li class="menu-items"><a href="#">CONTACTS</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
      <div class="container-fluid asalways">
          <div class="main-bg">
            <div class="textarea">
              <p class="aam-text AS">AS</p>
              <p class="aam-text ALWAYS">ALWAYS</p>
              <p class="aam-text MATTERS">MATTERS</p>
            </div>
          </div>
      </div>
    </header>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  </body>
</html>