<!doctype html> <html lang="ko" xml:lang="ko"> <head> <meta charset="UTF-8"> <!-- css --> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/common_version02.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/swiper.css"> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="stylesheet" href="css/swiper-bundle.css"> <!-- js --> <script src="js/jquery-3.6.0.min.js"></script> <script src="js/common.js"></script> <script src="js/wow.min.js"></script> <script src="js/swiper.js"></script> <script src="js/swiper.min.js"></script> <script src="js/swiper-bundle.js"></script> <title>jieun</title> </head> <script type="text/javascript"> $(document).ready( function() { $("#header").load("include/header_version02.html"); $("#footer").load("include/footer.html"); }); </script> <body> <!--header--> <header id="header"></header> <!--//header--> <!--main--> <div class="main-v"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide slide-box">Slide 1</div> <div class="swiper-slide slide-box">Slide 2</div> <div class="swiper-slide slide-box">Slide 3</div> </div> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> <!--//main--> <!--footer--> <footer id="footer"></footer> <!--//footer--> </body> </html>