Spaces:
Running
Running
| <html><head><base href="https://m.youtube.com/playlist?list=PLrveqdDSIuGUlaPXhy3LWsCuLaF9F1hzY"/><title>ChemTube3D: Interactive 3D Chemistry Animations</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #f0f0f0; | |
| } | |
| header { | |
| background-color: #4285f4; | |
| color: white; | |
| text-align: center; | |
| padding: 1em; | |
| } | |
| main { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 2em; | |
| background-color: white; | |
| box-shadow: 0 0 10px rgba(0,0,0,0.1); | |
| } | |
| h1 { | |
| margin-top: 0; | |
| } | |
| .video-container { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| height: 0; | |
| overflow: hidden; | |
| max-width: 100%; | |
| } | |
| .video-container iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .playlist { | |
| margin-top: 2em; | |
| } | |
| .playlist-item { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 1em; | |
| padding: 0.5em; | |
| background-color: #f9f9f9; | |
| border-radius: 5px; | |
| } | |
| .playlist-item img { | |
| width: 120px; | |
| height: 67px; | |
| margin-right: 1em; | |
| } | |
| .playlist-item-info { | |
| flex-grow: 1; | |
| } | |
| .playlist-item-title { | |
| font-weight: bold; | |
| margin-bottom: 0.5em; | |
| } | |
| .playlist-item-description { | |
| font-size: 0.9em; | |
| color: #666; | |
| } | |
| </style> | |
| </head><body> | |
| <header> | |
| <h1>ChemTube3D: Interactive 3D Chemistry Animations</h1> | |
| </header> | |
| <main> | |
| <p>Welcome to ChemTube3D, your gateway to understanding complex chemical concepts through stunning 3D animations. Our curated playlist brings chemistry to life, making it easier than ever to visualize molecular structures, reactions, and processes.</p> | |
| <div class="video-container"> | |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrveqdDSIuGUlaPXhy3LWsCuLaF9F1hzY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | |
| </div> | |
| <div class="playlist"> | |
| <h2>Playlist: Chemistry and Chemicals</h2> | |
| <div class="playlist-item"> | |
| <img src="https://img.youtube.com/vi/dQw4w9WgXcQ/mqdefault.jpg" alt="Thumbnail for Atomic Orbitals" width="120" height="67"> | |
| <div class="playlist-item-info"> | |
| <div class="playlist-item-title">Atomic Orbitals: 3D Visualization</div> | |
| <div class="playlist-item-description">Explore the shapes and energies of atomic orbitals in stunning 3D detail.</div> | |
| </div> | |
| </div> | |
| <div class="playlist-item"> | |
| <img src="https://img.youtube.com/vi/xvFZjo5PgG0/mqdefault.jpg" alt="Thumbnail for Chemical Bonding" width="120" height="67"> | |
| <div class="playlist-item-info"> | |
| <div class="playlist-item-title">Chemical Bonding: Covalent, Ionic, and Metallic</div> | |
| <div class="playlist-item-description">Understand the three main types of chemical bonds through interactive 3D models.</div> | |
| </div> | |
| </div> | |
| <div class="playlist-item"> | |
| <img src="https://img.youtube.com/vi/xvFZjo5PgG0/mqdefault.jpg" alt="Thumbnail for Organic Reactions" width="120" height="67"> | |
| <div class="playlist-item-info"> | |
| <div class="playlist-item-title">Organic Reactions in Motion</div> | |
| <div class="playlist-item-description">Watch step-by-step 3D animations of common organic chemistry reactions.</div> | |
| </div> | |
| </div> | |
| <div class="playlist-item"> | |
| <img src="https://img.youtube.com/vi/dQw4w9WgXcQ/mqdefault.jpg" alt="Thumbnail for Crystal Structures" width="120" height="67"> | |
| <div class="playlist-item-info"> | |
| <div class="playlist-item-title">Crystal Structures Unveiled</div> | |
| <div class="playlist-item-description">Dive into the fascinating world of crystallography with interactive 3D models.</div> | |
| </div> | |
| </div> | |
| </div> | |
| <p>Explore our full range of chemistry animations at <a href="https://www.chemtube3d.com">www.chemtube3d.com</a>. Don't forget to subscribe to our channel for weekly updates on new animations and chemistry concepts!</p> | |
| <h3>Related Resources:</h3> | |
| <ul> | |
| <li><a href="https://websim.ai/c/periodicTable">Interactive Periodic Table</a></li> | |
| <li><a href="https://websim.ai/c/molecularModeling">3D Molecular Modeling Tool</a></li> | |
| <li><a href="https://websim.ai/c/chemistryQuiz">Chemistry Quiz Challenge</a></li> | |
| </ul> | |
| </main> | |
| </body></html> |