header and footer.html

﻿<!DOCTYPE html>
<html>
    <head>
        <title> DART </title>
        <link rel="stylesheet" href="src/styles/header and footer.css">
    </head>
    <body>
        <!-- Header and Nav Bar -->
        <header>
            <!-- Logo Image -->
            <div>
                <img id="logoImage" src="assets\logo\phd-logos.jpg">
            </div>
            <!-- Nav Links -->
            <nav>
                <ul>
                    <li> <a href="#"> Get Started </a> </li>
                    <li> <a href="signup.html"> Sign Up </a> </li>
                    <li> <a href="signin.html"> Sign In </a> </li>
                </ul>
            </nav>
            <!-- Banner Texts -->
            <div id="intro">
                <h1> Find a Research Paper </h1>
                <h5> Search for a Topic </h5>
                <p>We are here to help you publish your desired feild in PhD </p>
            </div>
            <!-- Banner Image -->
            <div>
                <img id="bannerImage" src="assets\illustrations\undraw_Lost_online_re_upmy.png">
            </div>
        </header>


        <!--  
            
            INSERT CONTENT HERE 
        
        -->

        
        <!-- Footer -->
        <footer>
            <p>DART &copy; <script>document.write(new Date().getFullYear());</script> All Rights Reserved!</p>        </footer>
    </body>
</html>