-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (116 loc) · 6.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
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>© 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>