Skip to content

Instantly share code, notes, and snippets.

@NysaPahari
Created May 28, 2025 09:46
Show Gist options
  • Save NysaPahari/03988366e2858f3c95b5e478f264d4fc to your computer and use it in GitHub Desktop.
Save NysaPahari/03988366e2858f3c95b5e478f264d4fc to your computer and use it in GitHub Desktop.
template10
<!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