help.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">
    <link rel="stylesheet" href='help.css'>
    <link rel="icon" href='./Images/bb_logo(black).png' type="image/png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>
<title>Connect with us </title>

<body>

    <header>
        <nav>
            <div class="header-logo"><img src="./Images/bb_logo(black).png"></div>
            <div class="header-list">
                <ul>
                    <li><a href="index.html">Get Help</a></li>
                    <li><a href="index.html">Donate</a></li>
                    <li><a href="index.html">Volunteer</a></li>
                    <li><a href="index.html">About Us</a></li>
                </ul>
            </div>
        </nav>
    </header>



    <main>
        <div class="container">
            <div class="contact-box">
                <div class="left"></div>
                <div class="right">
                    <h2>Connect with us </h2>
                    <input type="text" class="field" placeholder="Your Name">
                    <input type="text" class="field" placeholder="Your Email">
                    <input type="text" class="field" placeholder="Phone">
                    <textarea placeholder="Message" class="field"></textarea>
                    <button class="btn">Send</button>
                </div>
            </div>
        </div>
    </main>


    <div class="sec">
        <div class="footer-head">
            <div class="head"> Join Our Cause</div>
            <div class="socials">
                <ul class="sci">
                    <li><a href="https://www.facebook.com/givebloodnhs/" target="_blank"><i
                                class="fab fa-facebook"></i></a></li>
                    <li><a href="https://www.instagram.com/indiablooddonation/?hl=en" target="_blank"><i
                                class="fab fa-instagram"></i></a></li>
                    <li><a href="http://nbtc.naco.gov.in/" target="_blank"><i class="fas fa-globe"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="bout">
            <p>
                Donating blood or platelets can be intimidating and even scary.
                Time to put those hesitations and fears aside. Learn from Blood Buddy
                and platelet donors how simple and easy it is to roll up a sleeve and help save lives.
            </p>
        </div>
    </div>

</body>

</html>