images.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css" />
    <title>Image Search</title>
</head>

<body>

    <div class="header">
        <div class="header-links">
            <a href="index.html">Google Search</a>
            <a href="advanced.html">Google Advanced Search</a>
        </div>
    </div>


    <div class="search-container">
        <img style="height: 92px;" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
            alt="Google logo" />
        <div class="logo">
            <span>images</span>
        </div>

        <form action="https://www.google.com/search" method="get">
            <div class="search-field">
                <svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" fill-rule="evenodd" stroke="#808080" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="8.5" cy="8.5" r="5" />
                        <path d="m17.571 17.5-5.571-5.5" />
                    </g>
                </svg>
                <input type="text" name="q">
            </div>
            <input type="hidden" name="tbm" value="isch" />
        </form>

    </div>

</body>

</html>