index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
    <title>Starter Template - Materialize</title>

    <!-- CSS  -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <link href="css/main.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  </head>

  <body>
    <nav class="teal lighten-2">
      <div class="nav-wrapper">
        <a href="#!" class="brand-logo" style="margin-left: 20px;">Say No To Narcotics</a>
        <ul class="right hide-on-med-and-down">
          <li><a href="sass.html"><i class="material-icons">perm_identity</i></a></li>
        </ul>
      </div>
    </nav>

    <div class="content">
      <div class="row">
        <div class="col m5 home-left">
                <h4>“Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br>
                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”</h4>
                <br><br>
                <a href="#" class="btn">SIGN UP</a>
                <a href="#" class="btn">LOG IN</a>
                <a href="#" class="btn">Demo</a>
        </div>

        <div class="col m7">

        </div>
      </div>

    <!--  Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="js/materialize.js"></script>
    <script src="js/main.js"></script>
    <script src="js/main.js"></script>
  </body>