load svg banner from api

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>

public/img/svg/banner.svg

+<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