अंतरिक्ष तथ्य: ब्रह्मांड अन्वेषण और समयरेखा

70 iroger7

संपादक में खोलें अपना कोड प्रकाशित करें

अंतरिक्ष तथ्य: ब्रह्मांड अन्वेषण और समयरेखा

अनुशंसित

4 July 2025

वॉयस लैब लॉगिन पेज: गूगल साइन-इन और ईमेल फॉर्म

2 September 2025

CSS एनिमेशन कंटेनर: अपवोट और पुरस्कार

25 August 2025

हृदय और कणों के साथ एनिमेटेड 404 त्रुटि पृष्ठ

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>The Infinite Wonders of Space</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Elegant cosmic styling */
    body {
      background: linear-gradient(135deg, #0d1b2a, #1b263b);
      color: #e0e1dd;
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      line-height: 1.6;
    }
    header {
      text-align: center;
      padding: 2rem 1rem;
      background: rgba(27, 38, 54, 0.8);
      box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    }
    h1 {
      color: #ffdd57;
      font-size: 2.5rem;
      margin-bottom: 0.3rem;
    }
    .intro, .section {
      max-width: 900px;
      margin: 2rem auto;
      background: rgba(27, 38, 54, 0.7);
      border-radius: 12px;
      padding: 2rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    h2 {
      color: #a3cef1;
      margin-top: 1.5rem;
      margin-bottom: 1rem;
    }
    .facts-list {
      columns: 2 300px;
      column-gap: 2rem;
      list-style: none;
      padding: 0;
    }
    .facts-list li {
      margin-bottom: 0.8rem;
      padding-left: 0.6rem;
      border-left: 3px solid #a3cef1;
      background: rgba(163, 206, 241, 0.1);
      border-radius: 4px;
      transition: background 0.3s;
    }
    .facts-list li:hover {
      background: rgba(255, 221, 87, 0.2);
    }
    .fact-highlight:hover {
      color: #ffdd57;
      cursor: help;
    }
    footer {
      text-align: center;
      font-size: 1rem;
      padding: 1.5rem 0;
      color: #8892b0;
    }
    /* Subtle fade-in animation for sections */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .intro, .section {
      animation: fadeIn 0.8s ease-in-out;
    }
  </style>
</head>
<body>
  <header>
    <h1>The Infinite Wonders of Space</h1>
    <p>Discover the boundless universe and 130 dazzling facts about space.</p>
  </header>

<div class="intro">
    <p>Space may well be infinite—expanding beyond our observable horizon, filled with mysteries waiting to be uncovered. Explore why scientists believe in its infinity, and journey through 130 mind-bending facts about stars, planets, galaxies, and cosmic phenomena.</p>
  </div>

<div class="section">
    <h2>Why Space Might Be Infinite</h2>
    <ul>
      <li><strong>Flat geometry:</strong> Observations suggest the universe is spatially flat, which supports the idea of infinite extent.</li>
      <li><strong>Cosmological principle:</strong> The universe appears uniform and isotropic at large scales—no edge or center.</li>
      <li><strong>Endless expansion:</strong> Space itself is stretching; there's no known boundary.</li>
      <li><strong>Beyond visibility:</strong> We can see only as far as light has traveled since the Big Bang—what lies beyond remains unknown.</li>
    </ul>
  </div>

<div class="section">
    <h2>21 Amazing Space Facts</h2>
    <ol class="facts-list">
      
      
      <li>Jupiter has the most moons of any planet, with over 67 known (fact 131 in some lists).</li>
      <li>The average journey time for a space shuttle to reach space is about 8 minutes.</li>
      <li>Space officially begins at the Kármán line, about 62 miles (100 km) above Earth.</li>
      <li>Sound cannot travel in space due to the lack of a medium.</li>
      <li>Space telescopes like Hubble help refine the age of the universe.</li>
      <li>The Hubble Space Telescope cost approximately $1.5 billion to build.</li>
      <li>Hubble is powered by solar energy via two large solar panels.</li>
      <li>The Kepler telescope carries the largest camera ever launched into space.</li>
      <li>The James Webb Space Telescope is about 100 times more powerful than Hubble.</li>
      <li>The term “astronaut” comes from Greek, meaning “star sailor.”</li>
      <li>An astronaut’s spacesuit can cost around $12 million each.</li>
      <li>Astronauts often grow up to two inches taller in microgravity.</li>
      <li>The first mission to a comet, Rosetta, occurred in 2014.</li>
      <li>Voyager 1 has been traveling through space for nearly 40 years and is expected to last at least another decade.</li>
      <li>Astronauts typically train for two years before going to space.</li>
      <li>To become a NASA astronaut, one must be a U.S. citizen.</li>
      <li>NASA selects new astronaut candidates approximately every two years.</li>
      <li>Astronauts aboard the ISS experience a sunrise every 90 minutes.</li>
      <li>The longest continuous time spent in space by one person is 438 days.</li>
      <li>The International Space Station was built collaboratively by 14 nations.</li>
      <li>The ISS orbits Earth roughly every 90 minutes.</li>
    </ol>
  </div>

<footer>
    <p>Hover over any fact to highlight it. Feel free to explore, learn, and be inspired by the infinite universe!</p>
  </footer>
</body>
</html>
<div class="section">
  <h2>Timeline of Space Exploration</h2>
  <div class="timeline">
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1957</h3>
        <p><strong>Sputnik 1</strong> - First artificial satellite launched by the Soviet Union.</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>1961</h3>
        <p><strong>Yuri Gagarin</strong> - First human in space (Vostok 1, USSR).</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1969</h3>
        <p><strong>Apollo 11</strong> - First humans on the Moon (Neil Armstrong, Buzz Aldrin).</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>1977</h3>
        <p><strong>Voyager 1 & 2</strong> - Launched to study the outer solar system and interstellar space.</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1990</h3>
        <p><strong>Hubble Space Telescope</strong> - Launched, revolutionizing our view of the cosmos.</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>2012</h3>
        <p><strong>Curiosity Rover</strong> - Successfully lands on Mars.</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>2021</h3>
        <p><strong>James Webb Space Telescope</strong> - Launched to peer deeper into the universe.</p>
      </div>
    </div>
  </div>
</div>

अनुशंसित

वॉयस लैब लॉगिन पेज: गूगल साइन-इन और ईमेल फॉर्म

CSS एनिमेशन कंटेनर: अपवोट और पुरस्कार

हृदय और कणों के साथ एनिमेटेड 404 त्रुटि पृष्ठ

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS