<!DOCTYPE html>
<html>
<head>
<title>My Food Blog</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="index.html">Food Blog</a></h1>
<nav>
<ul>
<li><a href="page1.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
<li><a href="page3.html">Page 3</a></li>
<li><a href="page4.html">Page 4</a></li>
<li><a href="page5.html">Page 5</a></li>
</ul>
</nav>
</header>
<main>
<section id="content">
<h2>Welcome to My Food Blog!</h2>
<p>This is the main content section of my blog where I will be sharing delicious recipes and food experiences.</p>
<p>Feel free to browse through the different pages and explore a variety of mouth-watering dishes.</p>
</section>
</main>
<footer>
<p>© 2022 My Food Blog. All rights reserved.</p>
</footer>
</body>
</html>
Create a code for a 5 page blog with these features
Inter-linked pages ( all pages to be working)
A java script drive page that refreshes and displays different recipe (image and description) anytime you refresh a page
All pages to be managed by a single external css that defines body, paragraphs, headers and footers
Include fieldsets, iframes or bootstraps
Enable google maps to show location
Include banners, tables and images with Hotspot link
1 answer
3 answers