Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@iitsuraj
iitsuraj committed Sep 25, 2024
0 parents commit e7297d1
Show file tree
Hide file tree
Showing 2 changed files with 145 additions and 0 deletions.
18 changes: 18 additions & 0 deletions Readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
# Hindustan Morning Website

Welcome to the official repository for the **Hindustan Morning** github page. Hindustan Morning is an online news platform that brings you the latest and most accurate news from India and around the world.

## Features
- **Latest News:** Real-time updates on the most important events happening globally.
- **In-depth Analysis:** Expert analysis on various topics, including business, economy, sports, culture, and lifestyle.
- **Top News Section:** Automatically fetched and displayed top news articles using an RSS feed.
- **Social Media Integration:** Follow us on Twitter, Facebook, and LinkedIn for daily updates.
- **SEO Optimized:** Includes sitemap and RSS feed links for better SEO and accessibility.

## Website
Check out our live website at [Hindustan Morning](https://hindustanmorning.com)

## Social Media
- **Twitter:** [@HindustanMorning](https://twitter.com/hindustanmor9)
- **Facebook:** [Hindustan Morning](https://facebook.com/hindustanmorning)
- **LinkedIn:** [Hindustan Morning on LinkedIn](https://linkedin.com/company/hindustanmorning)
127 changes: 127 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Hindustan Morning - Your trusted news source for breaking news, business, sports, and global events. Stay informed with expert analysis and insightful stories.">
<meta name="keywords"
content="news, Hindustan Morning, India news, global news, breaking news, business news, journalism">
<meta name="author" content="Hindustan Morning">
<title>Hindustan Morning - Trusted News Source</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" href="https://cdn.hindustanmorning.com/uploads/cropped-HM-logo-1024x1024-dark-bg-192x192.png"
sizes="192x192">
<link rel="apple-touch-icon"
href="https://cdn.hindustanmorning.com/uploads/cropped-HM-logo-1024x1024-dark-bg-180x180.png">
<meta name="msapplication-TileImage"
content="https://cdn.hindustanmorning.com/uploads/cropped-HM-logo-1024x1024-dark-bg-270x270.png">
<link rel="manifest" href="https://hindustanmorning.com/wp-json/wp/v2/web-app-manifest">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

<link rel="apple-touch-startup-image"
href="https://cdn.hindustanmorning.com/uploads/cropped-HM-logo-1024x1024-dark-bg-192x192.png">

<meta name="apple-mobile-web-app-title" content="HM News">
</head>

<body class="bg-gray-100 font-sans leading-normal tracking-normal">

<!-- Navbar -->
<nav class="bg-blue-800 p-4 shadow-md">
<div class="container mx-auto">
<a href="#" class="text-white font-bold text-xl">Hindustan Morning</a>
<ul class="inline-flex float-right space-x-4 text-white">
<li><a href="#about" class="hover:underline">About Us</a></li>
<li><a href="#news" class="hover:underline">Top News</a></li>
<li><a href="https://hindustanmorning.com/sitemap_index.xml" class="hover:underline">Sitemap</a></li>
<li><a href="https://hindustanmorning.com/feed/" class="hover:underline">RSS Feed</a></li>
</ul>
</div>
</nav>

<!-- Hero Section -->
<section class="bg-blue-600 text-white text-center py-20">
<h1 class="text-4xl font-bold mb-4">Welcome to Hindustan Morning</h1>
<p class="text-lg">Delivering trusted news, expert analysis, and in-depth coverage from India and around the
world.</p>
<a href="https://hindustanmorning.com"
class="mt-6 inline-block bg-white text-blue-800 font-semibold py-2 px-4 rounded-lg hover:bg-gray-300">See
Latest News</a>
</section>

<!-- About Us Section -->
<section id="about" class="container mx-auto p-12">
<h2 class="text-3xl font-bold text-blue-800 mb-6">About Hindustan Morning</h2>
<p class="mb-4 text-gray-700">
At Hindustan Morning, we are committed to bringing you the latest and most accurate news from across India
and around the world. Our mission is to deliver timely, insightful, and unbiased news coverage that keeps
you informed and engaged with the issues that matter most.
</p>
<p class="mb-4 text-gray-700">
Hindustan Morning was founded with the vision of creating a reliable and trustworthy news source for the
modern reader. Our team of dedicated journalists, editors, and contributors work tirelessly to ensure that
every story we publish is thoroughly researched and fact-checked.
</p>
<p class="mb-4 text-gray-700">
From breaking news and in-depth analysis to business, economy, culture, and sports, Hindustan Morning brings
you comprehensive coverage that impacts your daily life. Stay informed with real-time updates and expert
insights from the team you trust.
</p>
</section>

<!-- Top News Section -->
<section id="news" class="bg-gray-200 p-12">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-blue-800 mb-6">Latest News</h2>
<div id="newsFeed" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- News articles will be injected here -->
</div>
<a href="https://hindustanmorning.com"
class="text-center mt-6 inline-block bg-white text-blue-800 font-semibold py-2 px-4 rounded-lg hover:bg-gray-300">Read
More</a>
</div>
</section>

<!-- Footer -->
<footer class="bg-blue-800 text-white py-6">
<div class="container mx-auto text-center">
<p>&copy; 2024 Hindustan Morning</p>
<p>
<a href="https://hindustanmorning.com/feed/" class="underline">RSS Feed</a> |
<a href="https://hindustanmorning.com/sitemap_index.xml" class="underline">Sitemap</a>
</p>
<div class="mt-4">
<p>Follow us on:</p>
<a href="https://twitter.com/hindustanmor9" target="_blank"
class="inline-block text-white mx-2 hover:underline">Twitter</a>
<a href="https://facebook.com/hindustanmorning" target="_blank"
class="inline-block text-white mx-2 hover:underline">Facebook</a>
<a href="https://linkedin.com/company/hindustanmorning" target="_blank"
class="inline-block text-white mx-2 hover:underline">LinkedIn</a>
</div>
</div>
</footer>

<!-- Script to Fetch and Display Top News from RSS Feed -->
<script>
async function fetchRSSFeed() {
const rssUrl = 'https://hindustanmorning.com/feed/'; // Replace with your actual RSS feed URL
const response = await fetch(`https://api.rss2json.com/v1/api.json?rss_url=${rssUrl}`);
const data = await response.json();
const newsFeed = document.getElementById('newsFeed');
newsFeed.innerHTML = data.items.slice(0, 6).map(item => `
<div class="bg-white shadow-md p-6 rounded-lg">
<a href="${item.link}" class="text-blue-800 font-bold text-lg hover:underline">${item.title}</a>
<p class="text-gray-700 mt-2">${item.description}</p>
<span class="text-gray-600 text-sm">${new Date(item.pubDate).toLocaleDateString()}</span>
</div>
`).join('');
}
fetchRSSFeed();
</script>
</body>

</html>

0 comments on commit e7297d1

Please sign in to comment.