Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles/main.css">
    <meta name="author" content="Luka Tavkhelidze">
    <link rel="shortcut icon" href="media/images/favicon.png" type="image/x-icon">
    <title>Luka Tavkhelidze</title>
</head>
<body>
    <header> <!-- <div id="header">  -->
        <nav class="navbar">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main> <!-- <div id="main">  -->
        <div id="bck-img">
            <p>
                I've background image
            </p>
        </div>

        <h2 id="img-eye-heading">This is an image</h2>
        <img src="./media/images/image-map.jpg" alt="eye-image" id="img-eye" usemap="#task9">

        <map name="task9">
            <area
            target="_blank" alt="eye-pupil"
            title="eye-pupil" href="https://www.google.com/search?q=eye%20pupil"
            coords="301,313,98" shape="circle"
            >
        </map>

        <section class="blog">
            <header>
                <h2>I'm heading 2</h2>
            </header>
            <article>
                <p>
                    Lorem ipsum dolor sit amet
                    consectetur adipisicing elit.
                    Quia nostrum sint, eveniet maxime ratione
                    alias sit. Accusamus ex delectus a sequi,
                    iusto incidunt perspiciatis doloribus facilis,
                    dolores eius amet cupiditate.
                    Lorem ipsum dolor sit amet consectetur,
                    adipisicing elit. Soluta molestiae quidem dolor rem,
                    assumenda ut ad nulla amet aliquam, vitae maxime
                    alias necessitatibus odio quod delectus officia natus magnam fuga?
                </p>
            </article>
        </section>
    </main>
    <footer> <!-- <div id="footer">  -->

    </footer>
</body>
</html>