diff --git a/js/customElements/header.js b/js/customElements/header.js
index 07a40d367d8ef6504c06b03310c8b9556465ed85..fea69694be076ae5ecbcbd4f61f74468356d0aed 100644
--- a/js/customElements/header.js
+++ b/js/customElements/header.js
@@ -12,9 +12,7 @@ class Header extends HTMLElement {
                         </div >
                     </div >
                     <div class="header-separator header-separator-bottom " >
-                        <svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 1000 100" preserveAspectRatio = "none" >
-                            <path class="svg-white-bg" d = "M737.9,94.7L0,0v100h1000V0L737.9,94.7z" ></path >
-                        </svg >
+                    <jl-svg data-name="banner"></jl-svg>
                     </div >
                 </div >
                 <jl-main_menu id = "mainMenu"></jl-main_menu>
diff --git a/public/img/svg/banner.svg b/public/img/svg/banner.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dfa0ce0aad40c05fc8a670b5e5d8b6aee6f7954c
--- /dev/null
+++ b/public/img/svg/banner.svg
@@ -0,0 +1,3 @@
+<svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 1000 100" preserveAspectRatio = "none" >
+    <path class="svg-white-bg" d = "M737.9,94.7L0,0v100h1000V0L737.9,94.7z" ></path >
+</svg >
\ No newline at end of file