Created
May 28, 2025 09:46
-
-
Save NysaPahari/03988366e2858f3c95b5e478f264d4fc to your computer and use it in GitHub Desktop.
template10
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Daily News Brief</title> | |
</head> | |
<body style="margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6f9; line-height: 1.6;"> | |
<!-- Main Container --> | |
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f4f6f9;"> | |
<tr> | |
<td align="center" style="padding: 20px 0;"> | |
<!-- Email Container --> | |
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);"> | |
<!-- Header --> | |
<tr> | |
<td style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px 12px 0 0; padding: 30px; text-align: center;"> | |
<h1 style="margin: 0; color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: -0.5px;">Daily News Brief</h1> | |
<p style="margin: 8px 0 0 0; color: #e8eaff; font-size: 14px; opacity: 0.9;">Wednesday, May 28, 2025</p> | |
</td> | |
</tr> | |
<!-- Welcome Message --> | |
<tr> | |
<td style="padding: 30px 30px 20px 30px;"> | |
<p style="margin: 0; font-size: 16px; color: #4a5568; line-height: 1.5;">Good morning! Here are today's top stories to keep you informed.</p> | |
</td> | |
</tr> | |
<!-- Top Story --> | |
<tr> | |
<td style="padding: 0 30px 30px 30px;"> | |
<div style="background-color: #f8fafc; border-left: 4px solid #667eea; border-radius: 8px; padding: 20px; margin-bottom: 25px;"> | |
<h2 style="margin: 0 0 12px 0; font-size: 20px; color: #2d3748; font-weight: 600; line-height: 1.3;">π₯ Breaking News</h2> | |
<h3 style="margin: 0 0 10px 0; font-size: 18px; color: #1a202c; font-weight: 600; line-height: 1.4;">Major Technology Breakthrough Announced</h3> | |
<p style="margin: 0 0 12px 0; font-size: 14px; color: #4a5568; line-height: 1.5;">Scientists at leading research institutions have announced a significant breakthrough in quantum computing technology that could revolutionize data processing capabilities...</p> | |
<a href="#" style="color: #667eea; text-decoration: none; font-weight: 600; font-size: 14px; border-bottom: 1px solid #667eea;">Read Full Story β</a> | |
</div> | |
</td> | |
</tr> | |
<!-- News Categories --> | |
<tr> | |
<td style="padding: 0 30px;"> | |
<!-- Politics Section --> | |
<div style="margin-bottom: 25px; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px;"> | |
<h3 style="margin: 0 0 15px 0; font-size: 18px; color: #2d3748; font-weight: 600; display: flex; align-items: center;"> | |
<span style="background-color: #fed7d7; color: #c53030; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-right: 10px; font-weight: 700;">POLITICS</span> | |
Global Summit Addresses Climate Action | |
</h3> | |
<p style="margin: 0 0 10px 0; font-size: 14px; color: #4a5568; line-height: 1.5;">World leaders convene for crucial discussions on environmental policies and international cooperation strategies...</p> | |
<a href="#" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Continue Reading β</a> | |
</div> | |
<!-- Business Section --> | |
<div style="margin-bottom: 25px; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px;"> | |
<h3 style="margin: 0 0 15px 0; font-size: 18px; color: #2d3748; font-weight: 600; display: flex; align-items: center;"> | |
<span style="background-color: #c6f6d5; color: #22543d; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-right: 10px; font-weight: 700;">BUSINESS</span> | |
Stock Markets React to Economic Indicators | |
</h3> | |
<p style="margin: 0 0 10px 0; font-size: 14px; color: #4a5568; line-height: 1.5;">Major indices show mixed responses following the release of quarterly economic data and employment statistics...</p> | |
<a href="#" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Continue Reading β</a> | |
</div> | |
<!-- Technology Section --> | |
<div style="margin-bottom: 25px; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px;"> | |
<h3 style="margin: 0 0 15px 0; font-size: 18px; color: #2d3748; font-weight: 600; display: flex; align-items: center;"> | |
<span style="background-color: #bee3f8; color: #2c5282; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-right: 10px; font-weight: 700;">TECH</span> | |
AI Development Reaches New Milestone | |
</h3> | |
<p style="margin: 0 0 10px 0; font-size: 14px; color: #4a5568; line-height: 1.5;">Artificial intelligence researchers announce breakthrough in natural language processing with practical applications...</p> | |
<a href="#" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Continue Reading β</a> | |
</div> | |
<!-- Sports Section --> | |
<div style="margin-bottom: 25px; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px;"> | |
<h3 style="margin: 0 0 15px 0; font-size: 18px; color: #2d3748; font-weight: 600; display: flex; align-items: center;"> | |
<span style="background-color: #fbb6ce; color: #97266d; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-right: 10px; font-weight: 700;">SPORTS</span> | |
Championship Finals Draw Record Viewership | |
</h3> | |
<p style="margin: 0 0 10px 0; font-size: 14px; color: #4a5568; line-height: 1.5;">Yesterday's championship match broke streaming records with unprecedented global audience engagement...</p> | |
<a href="#" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Continue Reading β</a> | |
</div> | |
</td> | |
</tr> | |
<!-- Weather Widget --> | |
<tr> | |
<td style="padding: 0 30px 30px 30px;"> | |
<div style="background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); border-radius: 10px; padding: 20px; color: white; text-align: center;"> | |
<h3 style="margin: 0 0 10px 0; font-size: 16px; font-weight: 600; color: #ffffff;">Today's Weather</h3> | |
<div style="display: flex; align-items: center; justify-content: center; margin-bottom: 10px;"> | |
<span style="font-size: 32px; font-weight: 700; margin-right: 15px;">25Β°C</span> | |
<div style="text-align: left;"> | |
<div style="font-size: 14px; opacity: 0.9;">Partly Cloudy</div> | |
<div style="font-size: 12px; opacity: 0.8;">High: 28Β° Low: 22Β°</div> | |
</div> | |
</div> | |
<p style="margin: 0; font-size: 12px; opacity: 0.8;">Perfect weather for outdoor activities!</p> | |
</div> | |
</td> | |
</tr> | |
<!-- Quick Links --> | |
<tr> | |
<td style="padding: 0 30px 30px 30px;"> | |
<div style="background-color: #f7fafc; border-radius: 8px; padding: 20px;"> | |
<h3 style="margin: 0 0 15px 0; font-size: 16px; color: #2d3748; font-weight: 600;">Quick Links</h3> | |
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> | |
<tr> | |
<td width="50%" style="padding-right: 10px;"> | |
<a href="#" style="display: block; background-color: #ffffff; padding: 12px; border-radius: 6px; text-decoration: none; color: #4a5568; font-size: 13px; font-weight: 500; border: 1px solid #e2e8f0;">π Market Updates</a> | |
</td> | |
<td width="50%" style="padding-left: 10px;"> | |
<a href="#" style="display: block; background-color: #ffffff; padding: 12px; border-radius: 6px; text-decoration: none; color: #4a5568; font-size: 13px; font-weight: 500; border: 1px solid #e2e8f0;">π World News</a> | |
</td> | |
</tr> | |
</table> | |
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-top: 10px;"> | |
<tr> | |
<td width="50%" style="padding-right: 10px;"> | |
<a href="#" style="display: block; background-color: #ffffff; padding: 12px; border-radius: 6px; text-decoration: none; color: #4a5568; font-size: 13px; font-weight: 500; border: 1px solid #e2e8f0;">β½ Sports Center</a> | |
</td> | |
<td width="50%" style="padding-left: 10px;"> | |
<a href="#" style="display: block; background-color: #ffffff; padding: 12px; border-radius: 6px; text-decoration: none; color: #4a5568; font-size: 13px; font-weight: 500; border: 1px solid #e2e8f0;">π Entertainment</a> | |
</td> | |
</tr> | |
</table> | |
</div> | |
</td> | |
</tr> | |
<!-- Footer --> | |
<tr> | |
<td style="background-color: #2d3748; border-radius: 0 0 12px 12px; padding: 25px 30px; text-align: center;"> | |
<p style="margin: 0 0 15px 0; font-size: 14px; color: #a0aec0; line-height: 1.5;"> | |
Thank you for reading Daily News Brief! | |
<br>Stay informed, stay ahead. | |
</p> | |
<div style="margin-bottom: 15px;"> | |
<a href="#" style="display: inline-block; margin: 0 8px; color: #667eea; text-decoration: none; font-size: 12px; font-weight: 500;">Website</a> | |
<span style="color: #4a5568;">|</span> | |
<a href="#" style="display: inline-block; margin: 0 8px; color: #667eea; text-decoration: none; font-size: 12px; font-weight: 500;">Archive</a> | |
<span style="color: #4a5568;">|</span> | |
<a href="#" style="display: inline-block; margin: 0 8px; color: #667eea; text-decoration: none; font-size: 12px; font-weight: 500;">Preferences</a> | |
<span style="color: #4a5568;">|</span> | |
<a href="#" style="display: inline-block; margin: 0 8px; color: #667eea; text-decoration: none; font-size: 12px; font-weight: 500;">Unsubscribe</a> | |
</div> | |
<p style="margin: 0; font-size: 11px; color: #718096; line-height: 1.4;"> | |
Β© 2025 Daily News Brief. All rights reserved. | |
<br>123 News Street, Media City, MC 12345 | |
</p> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment