DEV Community

Jay Ramoliya
Jay Ramoliya

Posted on

Republic Day of India

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Republic Day of India - Honoring the Constitution</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f5f5f5;
      color: #333;
    }
    header {
      background-color: #ff9933;
      color: white;
      padding: 20px;
      text-align: center;
    }
    header h1 {
      margin: 0;
    }
    header p {
      margin: 5px 0 0;
    }
    .content {
      padding: 20px;
    }
    .content h2 {
      color: #006400;
    }
    .content p {
      line-height: 1.6;
    }
    .dynamic-message {
      margin-top: 20px;
      padding: 15px;
      background-color: #dff0d8;
      border: 1px solid #c3e6cb;
      border-radius: 5px;
      color: #155724;
    }
    footer {
      background-color: #138808;
      color: white;
      text-align: center;
      padding: 10px;
      position: fixed;
      bottom: 0;
      width: 100%;
    }
  </style>
</head>
<body>

<header>
  <h1>Republic Day of India</h1>
  <p>Honoring the Constitution and Celebrating Democracy</p>
</header>

<div class="content">
  <h2>History of Republic Day</h2>
  <p>Republic Day is celebrated every year on January 26th to commemorate the adoption of the Constitution of India in 1950. This historic day marked the transition of India from a British Dominion to a fully sovereign Republic. The date was chosen to honor the declaration of Purna Swaraj (complete independence) made in 1930.</p>
  <p>The Constitution, drafted by the Constituent Assembly and chaired by Dr. B.R. Ambedkar, took nearly three years to complete. It embodies the principles of justice, equality, liberty, and fraternity. Republic Day is celebrated with grandeur across the country, with the grandest celebrations taking place in New Delhi, featuring a parade that showcases India's cultural diversity and military prowess.</p>

  <div id="dynamicMessage" class="dynamic-message">
    <!-- Dynamic message will be injected here -->
  </div>
</div>

<footer>
  &copy; 2025 | Proudly celebrating Republic Day
</footer>

<script>
  // JavaScript to display a dynamic message
  const today = new Date();
  const day = today.getDate();
  const month = today.getMonth() + 1;
  const year = today.getFullYear();

  let message;

  if (day === 26 && month === 1) {
    message = `Today is Republic Day! Let's honor our Constitution and remember our freedom fighters.`;
  } else {
    message = `Republic Day is celebrated every year on 26th January. Let's always cherish our nation's rich heritage.`;
  }

  document.getElementById('dynamicMessage').innerText = message;
</script>

</body>
</html>

Enter fullscreen mode Exit fullscreen mode

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay