Home Page.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HeartMyHeart</title>
    <link rel="stylesheet" href="Style Home.css">
</head>
<body>
    <header>
        <img src="Heart my Heart cropped.png" alt="HeartMyHeart Logo" height="52px" id="mainlogo">
        <ul class="navlinks">
            <li><a href="Home Page.html">Home</a></li>
            <li><a href="">Diet</a></li>
            <li><a href="">Exercise</a></li>
        </ul>
        <a href="" class="register"><button id="register">Register</button></a>
        <a href="" class="login"><button id="login">Login</button></a>
    </header>


    
    <div class="intro">
        <img src="introbg.png" alt="Background Image" id="introbg">
    </div>
    <div class="section">
        <h1>Did You Know??</h1>
        <img src="did you know.png" alt="Illustration">
        <div class="slider">
        </div>
    </div>
    <div class="check">
        <h1>But why care for heart?</h1>
        <img src="Why.png" alt="Illustration">
        <p class="importance">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem quidem maiores molestias nesciunt. Deleniti dignissimos id doloremque blanditiis vel corporis qui. Molestiae natus fugit deleniti animi rerum. Quis, fugit minima nihil cupiditate aperiam distinctio praesentium unde eos suscipit ad, hic maxime autem commodi nemo molestias ex ipsam, fuga dolor ipsum.
        </p>
        <div class="calltoaction">
            <a href="" class="check">Check Your Health</a>
        </div>
    </div>
</body>
</html>