index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jihad</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="style.css">

</head>
<body>
    

    <div class="header">
        <ul>
            <li><a href="#" class="uline">Gmail</a></li>
            <li><a href="#" class="uline">Images</a></li>
            <li><a href="#" class="bgh"><i class="fa fa-flask" ></i></span></a></li>
            <li><a href="#" class="bgh"><i class="fa fa-bars" ></i></span>
                </a></li>
            <li><a href="#" class="bgh"><i class="fa fa-sign-out" ></i>
            </a></li>
        </ul>

    </div>

    <div class="google">
        <h1 class="g-text">Google</h1>
    </div>



    <div class="search-section">
        <form action="#">
            <div class="input-field">
                <span class="s-icon"><i class="fa fa-search" aria-hidden="true"></i>
                </span>

                <span class="camera"><i class="fa fa-camera-retro" aria-hidden="true"></i>
                </span>
                <span class="microphone"><i class="fa fa-microphone" aria-hidden="true"></i>

                </span>

                <input class="field" type="text" placeholder="Search Google or type a URL">
            </div>
        </form>
    </div>

</body>
</html>