1 line
2.2 KiB
HTML
1 line
2.2 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>My Awesome Project</title><script type="module" crossorigin src="/js/BNkdDhu2.js"></script><link rel="stylesheet" crossorigin href="/css/BxK0uY0G.css"></head><body><h1>My Awesome Project</h1><p>Welcome to my Vite + Twig + SCSS + JS + Linters setup!</p><button class="button primary-button" type="button">Click Me!</button> <button class="button secondary-button" type="button">Dynamic Button</button> <button id="openModalBtn" class="button">Open Modal</button><div class="micromodal-slide" id="myModal" aria-hidden="true"><div class="modal__overlay" tabindex="-1" data-micromodal-close><div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="myModal-title"><header class="modal__header"><h2 class="modal__title" id="myModal-title">My Awesome Modal</h2><button class="modal__close" aria-label="Close modal" data-micromodal-close></button></header><div class="modal__content" id="myModal-content"><p>This is the content of my awesome modal window!</p></div></div></div></div><div class="accordion"></div><div class="tabs"><div class="tab-headers"><button class="tab-header" data-tab-target="#tab1">Tab 1</button> <button class="tab-header" data-tab-target="#tab2">Tab 2</button> <button class="tab-header" data-tab-target="#tab3">Tab 3</button></div><div class="tab-contents"><div id="tab1" class="tab-content"><p>Content for Tab 1.</p></div><div id="tab2" class="tab-content"><p>Content for Tab 2.</p></div><div id="tab3" class="tab-content"><p>Content for Tab 3.</p></div></div></div><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide"><img src="https://via.placeholder.com/600x300/FF5733/FFFFFF?text=Slide+1" alt="Slide 1"><p>This is the first slide.</p></div><div class="swiper-slide"><img src="https://via.placeholder.com/600x300/33FF57/FFFFFF?text=Slide+2" alt="Slide 2"><p>This is the second slide.</p></div><div class="swiper-slide"><img src="https://via.placeholder.com/600x300/3357FF/FFFFFF?text=Slide+3" alt="Slide 3"><p>This is the third slide.</p></div></div><div class="swiper-pagination"></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div></div></body></html> |