landing.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Landing Page</title>
    <link rel="stylesheet" href="./Css/landing-styles.css">
</head>
<body>

    <div id="landingBody">
        <div class="landing-text"><h1>Welcome to Stayheldy: Your Gateway to Comprehensive Healthcare Solutions</h1>
         
        <p> Unlock a new era in healthcare management with HealthHub- a revolutionary platform offering a complete suite of medical services, all in one place.</p>
        <br>

        <div class="landing-buttons">
            <a href="">
                <div class="landing-buttons1">Sign Up Now</div>
            </a>
            <a href="">
                <div class="landing-buttons2">Learn More</div>

            </a>
           
        </div>
    
        </div>

        <!-- The image on the landing page -->
        <div >
            <img class="landing-image" src="https://images.unsplash.com/photo-1524683745036-b46f52b8505a?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8bWVkaWNhbCUyMGlsbHVzdHJhdGlvbnxlbnwwfHwwfHx8MA%3D%3D" alt="">
        </div>


    </div>
   
   
</body>
</html>