Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement