main.html

<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" href="farmi.css">
    <link rel="stylesheet" href="farmer.html">
    <link rel="stylesheet" href="login.html"> <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>farmi</title>
    </head>

    <body>
        <style>
            body {
                background-image: url('https://images.pexels.com/photos/1443867/pexels-photo-1443867.jpeg?auto=compress&cs=tinysrgb&w=600');
                background-size: cover;
            }

        </style>
        <h1>Farmi</h1>
         <a href="farmer.html">
                    <button id="farmer"> farmer</button>
                </a>
                <button>transpoter</button>
           <button>consumer</button>










    </body>

</html>