so im not really sure how to explain todays part of the project but ill try
httpt://127.0.0.1:5500/index.html here how u can get to my website just copy and pate
this video explain and shows the news part of it and whille recording it i made changes so
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>THE AURADON TIMES - Royal Edition</title>
</head>
<body style="margin: 0; background-color: #f0f2f5; font-family: 'Georgia', serif;">
<!-- Navigation Bar -->
<nav style="background: #1a3a6d; padding: 15px; text-align: center; border-bottom: 4px solid #d4af37; position: sticky; top: 0; z-index: 1000;">
<a href="index.html" style="color: gold; text-decoration: none; margin: 0 15px; font-weight: bold;">Home</a>
<a href="#news" style="color: white; text-decoration: none; margin: 0 15px;">News</a>
<a href="#sports" style="color: white; text-decoration: none; margin: 0 15px;">Sports</a>
<a href="#events" style="color: white; text-decoration: none; margin: 0 15px;">Events</a>
<a href="#quotes" style="color: white; text-decoration: none; margin: 0 15px;">Voices of Auradon</a>
</nav>
<div style="max-width: 950px; margin: 20px auto; background-color: #fcf9f2; border: 6px double #1a3a6d; padding: 35px; color: #222; box-shadow: 0 4px 20px rgba(0,0,0,0.3);">
<!-- Header -->
<header style="text-align: center; border-bottom: 3px solid #d4af37; margin-bottom: 30px;">
<div style="display: flex; justify-content: space-between; font-size: 14px; font-weight: bold; color: #1a3a6d; text-transform: uppercase;">
<span>Royal Edition</span>
<span>Auradon City Daily</span>
<span>Friday, April 17, 2026</span>
</div>
<h1 style="font-size: 65px; margin: 15px 0; color: #1a3a6d; text-transform: uppercase; font-family: 'Times New Roman', serif;">The Auradon Times</h1>
<p style="font-style: italic; font-size: 20px; color: #444; margin-top: -10px;">"Goodness doesn’t get any better."</p>
</header>
<!-- LEAD NEWS: BEN & THE ROYALS -->
<div id="news" style="margin-bottom: 40px;">
<h2 style="background: #1a3a6d; color: gold; padding: 8px; text-align: center; text-transform: uppercase; letter-spacing: 2px;">Front Page News</h2>
<div style="display: flex; gap: 30px; margin-top: 20px;">
<div style="flex: 2; border-right: 1px solid #ddd; padding-right: 20px;">
<h3 style="font-size: 28px; margin-top: 0;">KING BEN PROCLAIMS: "WE GET TO CHOOSE"</h3>
<p><strong>King Ben</strong> addressed the council today, standing firm on his integration program. <strong>"I can look into your eyes, and I can tell you're not evil,"</strong> Ben told the press. <strong>"We are who we choose to be."</strong></p>
<p><strong>Queen Belle</strong> smiled at her son’s progress, reminding the court, <strong>"A library is the heart of a kingdom."</strong> Meanwhile, <strong>King Beast</strong> was overheard grunting with pride, admitting, <strong>"I'm not exactly a 'people person,' but I know a good leader when I see one."</strong></p>
</div>
<div style="flex: 1; background: #fff9e6; padding: 15px; border: 1px solid #d4af37;">
<h4 style="color: #1a3a6d; margin: 0 0 10px 0;">Mal's Message</h4>
<p style="font-style: italic;">"The strength of evil is good as none, when stands before four hearts as one!"</p>
<p><strong>Mal</strong> adds: <strong>"I choose good, you guys. It’s actually really amazing."</strong></p>
</div>
</div>
</div>
<hr style="border: 0; border-top: 2px solid #ccc; margin: 30px 0;">
<!-- VOICES OF AURADON (CARLOS & EVIE) -->
<div id="quotes" style="margin-bottom: 40px;">
<div style="display: flex; gap: 40px;">
<div style="flex: 1;">
<h3 style="color: #1a3a6d; border-bottom: 2px solid #d4af37;">Evie’s Fashion Desk</h3>
<p><strong>Evie</strong> was spotted at 4 Hearts Boutique today. When asked about her success, she simply said: <strong>"You can't have a happily ever after without a little bit of fashion!"</strong></p>
<p>She also gave a shoutout to her best friend: <strong>"M, you're the best friend a girl could ever have. Even if you are a dragon."</strong></p>
</div>
<div style="flex: 1;">
<h3 style="color: #1a3a6d; border-bottom: 2px solid #d4af37;">Carlos's Corner</h3>
<p><strong>Carlos</strong> and Dude the dog were playing on the lawn. <strong>"I used to be afraid of everything,"</strong> Carlos admitted. <strong>"Now? I'm just afraid of running out of chocolate!"</strong></p>
<p>He was later heard yelling to the Tourney team: <strong>"We're free! Look out! You're going down!"</strong></p>
</div>
</div>
</div>
<hr style="border: 0; border-top: 2px solid #ccc; margin: 30px 0;">
<!-- SPORTS & EVENTS -->
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px;">
<section id="sports">
<h2 style="border-bottom: 3px solid #1a3a6d; color: #1a3a6d; text-transform: uppercase;">Sports News</h2>
<p><strong>Jay</strong> is leading the Tourney team to victory. His secret? <strong>"There’s no 'team' in 'I'—wait, I mean there's no 'I' in 'Team'!"</strong></p>
<p>He also had some advice for the rookies: <strong>"Nice grip! Do you play sports? You should come to practice!"</strong></p>
</section>
<section id="events">
<h2 style="border-bottom: 3px solid #d4af37; color: #d4af37; text-transform: uppercase;">Upcoming Events</h2>
<p><strong>Fairy Godmother</strong> reminds everyone about the curfew: <strong>"The doors of wisdom are never shut! But the library hours are from 8 to 11."</strong></p>
<p>She also noted: <strong>"Don’t focus on the past or you’ll miss the future! Bibbidi-Bobbidi-Boo!"</strong></p>
</section>
</div>
<!-- Footer -->
<footer style="margin-top: 50px; border-top: 2px solid #1a3a6d; padding-top: 20px; text-align: center; font-size: 13px; color: #666; text-transform: uppercase; letter-spacing: 1px;">
Official Publication of the United States of Auradon | © 2026 <br>
</footer>
</div>
</body>
</html>
the code is above to make the news page
it took all class for me to figure this out
breakdown of the day:
frist 15 mins fix things and inprove things because i want this to be the best site
10 mins come up with a new idea for the website aka the news page
35 mins code the news page into what you see today
One response to “desendants site news days”
It looks great. Only gripe I have is that you have your css inside your html.