iframe video

index.html

@@ -41,6 +41,15 @@ <h1>OPTICA v0.3.0</h1>
       <section id="about-us">
           <h1>About Us</h1>
           <p>OPTICA is an <b>optical education platform</b>. </p>
+          <p>Follow the demo video to understand the platform.</p>
+          <iframe src="https://www.youtube.com/embed/HYVLx2RlLTg?si=ErkH0xFesNvBtWIB" title="OPTICA DEMO"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
+          </iframe>
+      </section>
+
+      <section id="background">
+          <h1>Background</h1>
           <p>We focus on wave optics, a branch of optics that explores</p>
           <p>the electromagnetic wave propagation of light and related physical phenomena, </p>
           <p>including polarization, interference, etc.</p>

stylesheet/home.css

@@ -43,6 +43,12 @@ h2{
     transition: all 0.3s ease;
 }
 
+iframe{
+    margin: var(--mb-2) auto;
+    width: 1120px;
+    height: 630px;
+}
+
 .about-gallery,
 .tutorial-gallery{
     position: relative;