home.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>Sparks Foundation | Home</title>
    <link rel="stylesheet" href="home.css">
</head>

<body>
    <header>
        <div class="title" >
            <img src="logo_small.png" alt="" style="width: 100px; height: 60px;">
               <a class="titlee" href="about.html" style="font-size:x-large;" >SPARKS FOUNDATION</a>
        </div>
    </header>

    <div class="navbar">
        <a class="nav-link" href="home.html" >Home</a>
        <a class="nav-link" href="contact.html">Contact</a>
        <a class="nav-link" href="about.html">About</a>
        <a class="nav-link" href="donates.html">Donate</a>
        <a class="nav-link" href="gallery.html">Gallery</a>
        </div>


        <header class="jumbotron">
            <div class="container">
                      <div class="row">
                             <div class="col-12">
                                 <h1></h1>
                                <p>Payment Gateway Integration</p>
                             </div>
                       </div>
            
            
            
            <div class="row">
                         <div class="col-12">
                                  <a href="donates.html" class="button" style="text-decoration:none;">Donate and make someone Smile</a>
                         </div>
            </div> 
            </div>
            </header>
            
                
                <footer style="background-color: khaki; text-align: center; height: 80px; padding-top: 50px;">
                    <a href="" style="font-size: larger; text-decoration: none;">&copy; 2021 | Srinivas Shanti</a>
                </footer>
                
                
                <!-- jQuery library -->
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
                <!-- Popper JS -->
                <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
                <!-- Latest compiled JavaScript -->
                <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
                <script src="https://kit.fontawesome.com/c252d9c8b4.js" crossorigin="anonymous"></script>
    
</body>
</html>