index.html

<!DOCTYPE html>
<html>
<head>
  <title>MU PHOTO CLUB</title>
  <link rel="stylesheet" type="text/css" href="index.css">
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>
    <header>
        <nav>
            <div class="logo">
                Mu<span> CLI</span>cker
            </div>
            <div class="menu">
                <a href="index.html" style="color: #1bf2bb;">Home</a>
                <a href="about.html">About</a>
                <a href="gallery.html">Gallery</a>
                <a href="contact.html">Contact</a>
                <a href="g2.html">Events</a>
            </div>
            <div class="icon">
                <i class="fa fa-search"></i>
                <a href="login.html">Join </a>
                
            </div>
        </nav>
        <img id="img" src="image/mu.jpg" alt="", style="background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8));">
        <section class="h-text">
            <i class="fa fa-camera" id="camera"></i>
            <h1>Capturing the moments that captivate your heart.</h1>
            <input type="text" name="" placeholder="Search here...">
            <button><i class="fa fa-search"></i></button>
        </section>

    </header>

    </body>
</html>