Home.html

<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cook Finder</title>
    <link rel="stylesheet" type="text/css" href="home_css/my.css">
    <link href='https://fonts.googleapis.com/css?family=Quintessential' rel='stylesheet'>
</head>

<body>
    <header>
        <div class="main">
            <div class="logo">
                <img src="logo.png" alt="cook finder logo">
            </div>

            <ul>
                <li class="active"><a href="#">Home</a></li>
                <li><a href="recipes/recipes.html" target="_self">Recipes</a></li>
                <li><a href="Follow_Us/follow.html" target="_self">Follow Us</a></li>
                <li><a href="Terms/TandC.html" target="_self">T & C s</a></li>
                <li><a href="#"
                        onClick="window.open('Share/share.html','Share','resizable,height=260,width=370'); return false;">Share</a>
                </li>
            </ul>
        </div>

        <div class="title">
            <h1>Cook Finder</h1>
        </div>
        <div class="button">
            <a href="Find/find.html" target="_self" class="btn">Find Cook</a>
            <a href="Register/register.html" class="btn">Register as a Chef</a>
        </div>
    </header>
</body>

</html>