diff --git a/src/asset/example.pdf b/src/asset/example.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..db03f1ea9379dc930ec175d8b846776e1a1ecd8a
Binary files /dev/null and b/src/asset/example.pdf differ
diff --git a/src/contents/experiments.tsx b/src/contents/experiments.tsx
index c477f42bfc21cb85d84935791bcc96e267dbb708..10797a2525218a35fe92b8024fe07a193947e201 100644
--- a/src/contents/experiments.tsx
+++ b/src/contents/experiments.tsx
@@ -58,11 +58,12 @@ export function Experiments() {
               <Element name="section1" className="element rounded-border" id='section1'>
                  <h2>Section 1</h2>
                  <p>Content for section 1.</p>
-                 <img 
-                src="https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp"
-                alt="example"
-                className="responsive-img"
-              />
+                 
+              <iframe 
+              src="https://static.igem.wiki/teams/5378/pdf/example.pdf" 
+              style={{ width: '100%', height: '1000px' }}
+              title="PDF Viewer"
+              ></iframe>
                </Element>