<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Light/Dark Mode Toggle</title>

  <style>

    body {

      font-family: Arial, sans-serif;

      transition: background-color 0.4s, color 0.4s;

      text-align: center;

      padding: 50px;

    }


    body.light-mode {

      background-color: #ffffff;

      color: #000000;

    }


    body.dark-mode {

      background-color: #121212;

      color: #ffffff;

    }


    button {

      padding: 10px 20px;

      font-size: 16px;

      border: none;

      border-radius: 8px;

      cursor: pointer;

      background-color: #007BFF;

      color: white;

      transition: background-color 0.3s;

    }


    button:hover {

      background-color: #0056b3;

    }

  </style>

</head>

<body class="light-mode">

  <h1>Website Front Mode</h1>

  <p>Click the button to switch between Light and Dark Mode.</p>

  <button onclick="toggleMode()">Toggle Mode</button>


  <script>

    function toggleMode() {

      document.body.classList.toggle("dark-mode");

      document.body.classList.toggle(

"light-mode");

    }

  </script>

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

เคฎुเคฆ्เคฐा เคฏोเคœเคจा เคจे เค•เคˆ เคธเคชเคจों เค•ो เคนเค•ीเค•เคค เคฎें เคฌเคฆเคฒा'

เคฎुเคฆ्เคฐा เคฏोเคœเคจा เคจे เค•เคˆ เคธเคชเคจों เค•ो เคนเค•ीเค•เคค เคฎें เคฌเคฆเคฒा' เคชीเคเคฎ เคฎोเคฆी เคจे เคฒिเค–ा, 'เค†เคœ, เคœเคฌ เคนเคฎ เคฎुเคฆ्เคฐा เคฏोเคœเคจा เค•े 10 เคธाเคฒ เคชूเคฐे เค•เคฐ เคฐเคนे เคนैं, เคฎैं เค‰เคจ เคธเคญी เค•ो เคฌเคงाเคˆ เคฆेเคจा เคšाเคนเคคा เคนूं, เคœिเคจเค•े เคœीเคตเคจ เคฎें เค‡เคธ เคฏोเคœเคจा เค•ी เคฌเคฆौเคฒเคค เคฌเคฆเคฒाเคต เค†เคฏा เคนै। เค‡เคธ เคฆเคถเค• เคฎें เคฎुเคฆ्เคฐा เคฏोเคœเคจा เคจे เค•เคˆ เคธเคชเคจों เค•ो เคนเค•ीเค•เคค เคฎें เคฌเคฆเคฒा เคนै। เคเคธे เคฒोเค—ों เค•ो เคธเคถเค•्เคค เคฌเคจाเคฏा เคนै, เคœिเคจ्เคนें เคชเคนเคฒे เคตिเคค्เคคीเคฏ เคธเคนाเคฏเคคा เคธे เคตंเคšिเคค เคฐเค–ा เค—เคฏा เคฅा। เคฏเคน เคฆเคฐ्เคถाเคคा เคนै เค•ि เคญाเคฐเคค เค•े เคฒोเค—ों เค•े เคฒिเค เค•ुเค› เคญी เค…เคธंเคญเคต เคจเคนीं เคนै!'  เคชीเคเคฎ เคจे เค†เค—े เค•เคนा, เคญाเคฐเคค เค•े เคฒोเค—ों เค•े เคฒिเค เค•ुเค› เคญी เค…เคธंเคญเคต เคจเคนीं เคนै, 33 เคฒाเค– เค•เคฐोเคก़ เคฆेเคถ เค•े เคฒोเค—ों เค•ो เคฌिเคจा เค—ाเคฐंเคŸी เคฆिเค เค—เค, เค‡เคธเคธे เคœीเคตเคจ เคฌเคฆเคฒा เคนै, เคธเคฌเคธे เคœ्เคฏाเคฆा เคฎเคนिเคฒाเคं เค†เค—े เค†เคˆ เคนैं। 'เคฆेเคถ เค•े เคจौเคœเคตाเคจों เค•े เคฒिเค เคนै เคฏोเคœเคจा' เคชीเคเคฎ เคฎोเคฆी เคจे เค•เคนा เค•ि เคฎुเคฆ्เคฐा เคฏोเคœเคจा เคฎोเคฆी เค•े เคฒिเค เคจเคนीं เคนै,
Read more

8 morning habits to boost focus and ace your exams

Image
Mornings used to be my least favorite time of day. I’d hit the snooze button until I was practically sprinting out the door, coffee sloshing over the sides of my to-go cup. By 9 A.M., I was already stressed and feeling behind. Over time, though, I realized that if I wanted to set myself up for a productive day, I couldn’t allow my first waking moments to be an unorganized scramble. So I started experimenting—borrowing tips from books, talking to friends, and testing out all kinds of routines. Little by little, I found myself becoming more focused, less stressed, and, yes, far more productive. I don’t believe in one-size-fits-all morning routines. But if you’re looking for habits that can give you a powerful productivity boost before the day even really begins, keep reading. I’m about to share eight that have worked wonders for me—and might just do the same for you. 1. Hydrate as soon as you wake up Let’s start with the simplest one: drink water first thing in th...
Read more

เคตिเคฆेเคถ เคธे เคธोเคจा เค”เคฐ เคจเค•เคฆी เคฒाเคจे เค•े เค•्‍เคฏा เคนैं เคจिเคฏเคฎ; เค•ाเคจूเคจ เคคोเคก़เคจे เคชเคฐ เค•िเคคเคจी เคธเคœा

Image
เคตिเคฆेเคถ เคธे เคธोเคจा เค”เคฐ เคจเค•เคฆी เคฒाเคจे เค•े เค•्‍เคฏा เคนैं เคจिเคฏเคฎ; เค•ाเคจूเคจ เคคोเคก़เคจे เคชเคฐ เค•िเคคเคจी เคธเคœा เคตिเคฆेเคถ เคธे เค•िเคคเคจा เคธोเคจा เคฒा เคธเค•เคคे เคนैं? เค…เค—เคฐ เค†เคช เคฏा เค†เคชเค•ा เค•ोเคˆ เคœाเคจเคจे เคตाเคฒा เคตिเคฆेเคถ เคฏाเคค्เคฐा เคชเคฐ เค—เคฏा เคนै เคคो เคตเคนां เคธे เคฒौเคŸเคคे เคตเค•्เคค เค†เคช 20 เค—्เคฐाเคฎ (2 เคคोเคฒा) เค”เคฐ เค†เคชเค•ी เคฎเคนिเคฒा เคฎिเคค्เคฐ 40 เค—्เคฐाเคฎ (4 เคคोเคฒा) เคธोเคจा เคฒा เคธเค•เคคी เคนै। เคฏाเคจी เคตिเคฆेเคถ เคธे เคชुเคฐुเคท เคฏाเคค्เคฐी 20 เค—्เคฐाเคฎ เค”เคฐ เคฎเคนिเคฒा เคฏाเคค्เคฐी 40 เค—्เคฐाเคฎ เคธोเคจा เคฒा เคธเค•เคคी เคนै। เค‡เคคเคจा เคธोเคจा เคฒाเคจा เคก्เคฏूเคŸी เคซ्เคฐी เคนै। เค‡เคธเค•े เค…เคฒाเคตा, 15 เคธाเคฒ เคธे เค•เคฎ เค‰เคฎ्เคฐ เค•े เคฌเคš्เคšों เค•ो เคญी 40 เค—्เคฐाเคฎ (4 เคคोเคฒा) เคธोเคจा เคฒाเคจे เค•ी เค›ूเคŸ เคฎिเคฒเคคी เคนै। เคนाเคฒांเค•ि, เค‡เคธเค•े เคฒिเค เค†เคชเค•ा เคฐिเคถ्‍เคคा เคธाเคฌिเคค เค•เคฐเคจा เคนोเคคा เคนै। เคญाเคฐเคคीเคฏ เคชाเคธเคชोเคฐ्เคŸ เค…เคงिเคจिเคฏเคฎ 1967 เค•े เค…เคจुเคธाเคฐ, เคญाเคฐเคคीเคฏ เคจाเค—เคฐिเค• (เค†เคญूเคทเคฃ, เคฌिเคธ्เค•िเคŸ เคต เคธिเค•्เค•ा) เคธเคญी เคช्เคฐเค•ाเคฐ เค•ा เคธोเคจा เคจिเคฐ्เคงाเคฐिเคค เคฎाเคค्เคฐा เคฎें เคฒा เคธเค•เคคे เคนै। เคœ्เคฏाเคฆा เคธोเคจा เคฒाเคจे เคชเคฐ เค•िเคคเคจा เคก्เคฏूเคŸी เคšाเคฐ्เคœ เคฒเค—เคคा เคนै? เคตिเคฆेเคถ เคธे เคฒौเคŸเคจे เคชเคฐ เคจिเคฐ्เคงाเคฐिเคค เคฎाเคค्เคฐा เคธे เคœ्เคฏाเคฆा เคธोเคจा เคฒाเคจे เคชเคฐ  เคœ्เคตेเคฒเคฐी เคชเคฐ 6% เคถुเคฒ्เค• ( เคชเคนเคฒे 15% เคฅा, เคœिเคธे 2024 เคฌเคœเคŸ เคฎें เค˜เคŸाเคฏा เค—เคฏा)। เคฌिเคธ्เค•िเคŸ /เคธिเค•्เค•ों เคชเคฐ 12.5% เค•เคธ्เคŸเคฎ เคก्เคฏूเคŸी + 1.25% เคธोเคถเคฒ เคตेเคฒเคซेเคฏเคฐ เคธเคฐเคšाเคฐ्เคœ। เคฆेเคถ เคฎें เคคเคธ्เค•เคฐी เค•ा เคธोเคจा เคธเคฌเคธे เคœ्เคฏाเคฆा เค•เคนां เคธे เค†เคคा เคนै ? เคฆेเคถ เคฎें เคธเคฌเคธे เคœ्เคฏाเคฆा เคคเคธ्เค•เคฐी เค•ा เคธोเคจा เคธंเคฏुเค•्‍เคค เค…เคฐเคฌ เค…เคฎीเคฐ...
Read more