<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>World News and Reviews</title>
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #1e2a38;
color: #ffffff;
margin: 0;
padding: 20px;
}
.news-container {
max-width: 400px;
margin: 0 auto;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.header a {
color: #80bfff;
text-decoration: none;
}
.main-news, .reviews {
background-color: #2a3b4c;
padding: 15px;
border-radius: 10px;
margin-bottom: 20px;
}
.main-news img, .reviews img {
width: 100%;
border-radius: 10px;
}
.main-news h2, .reviews h2 {
margin: 10px 0;
font-size: 18px;
line-height: 1.4;
}
.main-news p, .reviews p {
font-size: 14px;
color: #a0b9ce;
}
.secondary-news, .review-item {
display: flex;
margin-bottom: 15px;
}
.secondary-news img, .review-item img {
width: 80px;
height: 80px;
border-radius: 10px;
margin-right: 10px;
}
.secondary-news div, .review-item div {
flex: 1;
}
.secondary-news h3, .review-item h3 {
margin: 0 0 5px;
font-size: 16px;
line-height: 1.2;
}
.secondary-news p, .review-item p {
font-size: 12px;
color: #a0b9ce;
}
</style>
</head>
<body>
<div class="news-container">
<div class="header">
<h1>World News</h1>
<a href="#">View all →</a>
</div>
<div class="main-news">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="Main News">
<h2>How to Get COVID-19 Related Alerts on Your Phone</h2>
<p>John Doe - July 31, 2022</p>
</div>
<div class="secondary-news">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="News Image">
<div>
<h3>How We Know Disinfectants Should Kill the Covid-19</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="secondary-news">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="News Image">
<div>
<h3>Car Safety Tips to Protect you and your Family</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="secondary-news">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="News Image">
<div>
<h3>Know-How to Protect Your Health When Going Out</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="header">
<h1>Reviews</h1>
<a href="#">View all →</a>
</div>
<div class="reviews">
<div class="review-item">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="Review Image">
<div>
<h3>The Best Xbox 360 Co-Op Offline Split-Screen...</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="review-item">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="Review Image">
<div>
<h3>Great Local Multiplayer Games to Play o...</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="review-item">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="Review Image">
<div>
<h3>How to Equip Your Studio Like the Top Tech</h3>
<p>July 31, 2022</p>
</div>
</div>
<div class="review-item">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtjK77mcEE_Qsm4FVRuYbsFp0NDrYNOy6bejg2c1qKSwLaDDwIqOMTgMGyZjUXPN3YG0OrkMYV-9A1wyXQ2BOJLTQKJZgGHQ40m6mIPfJJT2yBNSjMJsZwHO1Thgy55CxoqDaOTiTAdTHUgqHCjaB2dNevVA6FP5eDGP7SJJKluMXrXfGFcqfdcMLacU7/s736/122806966a15c0e1d5232ce5c55b1fd5.jpg" alt="Review Image">
<div>
<h3>The Best Wired and Wireless Gaming Headset</h3>
<p>July 31, 2022</p>
</div>
</div>
</div>
</div>
</body>
</html>