Check out example codes for "materialize css". It will help you in understanding the concepts better.

Code Example 1

<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="">

    <!-- Compiled and minified JavaScript -->
    <script src=""></script>

Code Example 2

<div class="row">
    <div class="col s12 m6">
      <div class="card blue-grey darken-1">
        <div class="card-content white-text">
          <span class="card-title">Card Title</span>
          <p>I am a very simple card. I am good at containing small bits of information.
          I am convenient because I require little markup to use effectively.</p>
        <div class="card-action">
          <a href="#">This is a link</a>
          <a href="#">This is a link</a>

Code Example 3

<link href="[email protected]^1.0/dist/tailwind.min.css" rel="stylesheet">

Code Example 4

<!DOCTYPE html>
      <!--Import Google Icon Font-->
      <link href="" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>

Code Example 5

<link rel="stylesheet" href="">
<script src=""></script>

Learn ReactJs, React Native from