introduction.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'/>
        <title> Farmex | Online shopping</title>
        <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link rel="stylesheet" href="css/trial_style.css"/>
        <link rel="sty;esheet" href="introduction.css"/>
        
    </head>
      
    <header>
      <ul class="topnav">
        <li><a class="active" href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="display.html">Browse Items</a></li>
        <li class="right"><a href="login.html">LOGIN</a></li>
      </ul>
    </header>

    <body class="img">
       
        <div class="img">
          <div id="bottom-area">
            <h1> FARMEX - BUY AND SELL USING CRYPTOCURRENCY</h1>
              <br/><H2>LOG IN TO BUY DIRECTLY FROM FARMERS USING CRYPTOCURRENCY! </h2><br/>
            <div>
              <img src="images/fruitbasket.jpg"/>
              

            </div >
           <div class="button"> <a href="login.html">LOGIN</a> </div>
          </div>
        </div>
        <div id="root"></div> 
    </body>
</html>