// 
//    ###  header_maker.js  ###
//    ¸ð¹ÙÀÏ À¥ÆäÀÌÁö »ó´ÜÀÇ ·Î°í¿Í ³×ºñ°ÔÀÌ¼Ç ¸Þ´º(hammenu)¸¦ »ý¼ºÇÏ´Â jsÀÔ´Ï´Ù.
//




$(document).ready(function()
{
    var m_header =
    `
    <div id="header" class="mobheader">   
    <button class="hambtn" onclick="$('.mobheader').toggleClass('ham_open'); $('body').toggleClass('ov');"><span></span></button>



    <!-- mobile logo -->
    <div id="logo">
        <div class="logomob_wrap">
            <a href="index.php"><img src="img/mobile_header/brandLogo3-black.png" alt="logo-MYUS" /></a>
        </div>
    </div>
    <!-- mobile logo -->



    <!-- mobile hammenu -->
    <div class="hammenu">
        <ul>
            <li>
                <a href="index.php">   
                <i class="fa-solid fa-house"></i></a>                             
            </li>


            <li>
                <a href="brand.php">Brand</a>
                <ul class="hamsub">
                    <li>
                        <a href="brand.php">ºê·£µå ½ºÅ丮</a>
                    </li>
                    <li>
                        <a href="location.php">ã¾Æ¿À½Ã´Â ±æ</a>
                    </li>
                </ul>
            </li>


            <li>
                <a href="bday.php">Birthday Party</a>
                <ul class="hamsub">
                    <li>
                        <a href="bday.php">µ¹ÀÜÄ¡ Àü¿ë·ë</a>
                    </li>
                    <li>
                        <a href="bday_pay.php">µ¹ÀÜÄ¡ ÀÌ¿ë¾È³»</a>
                    </li>
                </ul>
            </li>

   		 <li>
                <a href="wedding.php">Wedding</a>
            </li>

            <li>
                <a href="menu.php">Menu</a>
            </li>


            <li >
                <a href="event.php">Event</a>
            </li>


            <li>
                <a href="news.php">News</a>
            </li>


            <li class="address">
                <h4>ADDRESS</h4>
                <h6>°æ±âµµ ¾È»ê½Ã ´Ü¿ø±¸ È­¶û·Î 260<br>(ÃÊÁöµ¿ 666-1¹øÁö)<br>¾È»ê ¿Í~½ºÅ¸µð¿ò ÁöÇÏ1Ãþ</h6>
            </li>
        </ul>
    </div>
    <!-- mobile hammenu -->


</div>
    `


    $("#m_header").append(m_header);


})