updating apply page

apply.html

@@ -59,18 +59,27 @@
             </div>
         </div>
     </div>
-    <div class="scroll-container">
-        <div class="hero with-bg">
-            <div class="title-container">
-                <h1 class="glitch-header" data-value="APPLY_">APPLY_</h1>
-                <a onclick="lenis.scrollTo('.start');"><img class="hero-button" src="circle_arrow_white.svg" alt=""></a>
+        <div class="scroll-container">
+            <div class="hero with-bg">
+                <div class="title-container">
+                    <h1 class="glitch-header" data-value="APPLY_">APPLY_</h1>
+                    <a onclick="lenis.scrollTo('.start');"><img class="hero-button" src="circle_arrow_white.svg" alt=""></a>
+                </div>
             </div>
         </div>
         <div class="apply-section">
             <p>OUR VISION IS TO OFFER A WELCOMING ENVIRONMENT FOR STUDENTS, MENTORS, VOLUNTEERS AND OTHER EXPERTS. WE WANT TO FOSTER AN ENVIRONMENT OF CREATIVITY, CURIOSITY AND A SPACE WHERE SCIENTIFIC REASONNING CAN BE USED TO EXPLORE THE UNIVERSE AROUND US. FURTHERMORE, WE WANT TO USE SUCH AN ENVIRONMENT TO BUILD SKILLS IN THE REAL WORLD, SUCH AS LEADERSHIP AND TEAM COLLABORATION.</p>
             <p>IF YOU ARE A STUDENT (OR A PARENT) WHO MIGHT BE INTERESTED IN JOINING THE ASTRAL INSTITUTE'S PROGRAMS, THE BEST WAY TO GET STARTED IS TO APPLY VIA THE LINK BELOW.</p>
             <a href="https://form.jotform.com/241187571332859">APPLY HERE</a>
         </div>
+        <div class="scroll-container">
+            <div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
+                <iframe src="flyer.pdf" width="600" height="800" style="border: none;"></iframe>
+            </div>
+        </div>
+
+
+
         <div class="footer">
             <div class="supporters">
                 <h2>A.S.T.R.A.L. is supported by</h2>
@@ -148,4 +157,4 @@ <h2>SITEMAP</h2>
         }
     </script>
 </body>
-</html>
+</html>