News html template
Here is a basic HTML template for a news website:
<!DOCTYPE html>
<html>
<head>
<title>News Website</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a rel="nofollow" target="_blank" href="#">Home</a></li>
<li><a rel="nofollow" target="_blank" href="#">About</a></li>
<li><a rel="nofollow" target="_blank" href="#">Contact</a></li>
</ul>
</nav>
<h1>News Website</h1>
</header>
<main>
<section class="news-section">
<h2>Latest News</h2>
<ul>
<li>
<h3><a rel="nofollow" target="_blank" href="#">News Article 1</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p>
<p><a rel="nofollow" target="_blank" href="#">Read More</a></p>
</li>
<li>
<h3><a rel="nofollow" target="_blank" href="#">News Article 2</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p>
<p><a rel="nofollow" target="_blank" href="#">Read More</a></p>
</li>
<li>
<h3><a rel="nofollow" target="_blank" href="#">News Article 3</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p>
<p><a rel="nofollow" target="_blank" href="#">Read More</a></p>
</li>
</ul>
</section>
<section class="categories-section">
<h2>Categories</h2>
<ul>
<li><a rel="nofollow" target="_blank" href="#">Politics</a></li>
<li><a rel="nofollow" target="_blank" href="#">Business</a></li>
<li><a rel="nofollow" target="_blank" href="#">Sports</a></li>
<li><a rel="nofollow" target="_blank" href="#">Entertainment</a></li>
</ul>
</section>
</main>
<footer>
<p>© 2023 News Website</p>
</footer>
<script src="script.js"></script>
</body>
</html>
This template includes:
- A basic HTML structure with a header, main section, and footer
- A navigation menu with links to home, about, and contact pages
- A section for displaying news articles, with a title, summary, and link to read more
- A section for displaying categories, with links to different categories
- A footer with a copyright notice
- A script tag for adding JavaScript functionality (not included in this example)
You can customize this template by adding your own content, styles, and JavaScript code. You can also add more sections, such as a search bar, a newsletter sign-up form, or a social media feed.
Note: This is just a basic template, and you will need to add your own content and styling to make it look and function as you want.