YNICTE/FO/Views/Home/IndexSample.cshtml

@model NP.Model.VMHome
@{
    ViewBag.IsMain = true;
    //ViewBag.HideSubTitle = true;
    var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
    var em = new NP.Model.MenuPage();
    var boardnotice = menus.Where(w => (w.refcode ?? "").Contains("board.notice")).FirstOrDefault() ?? em;
    var boardfaq = menus.Where(w => w.refcode == "board.faq").FirstOrDefault() ?? em;
}
@section main{
    <div id="mainTop">
        <div class="container">
            <ul>
                <li><a href="/Course/Offs"><span>오프라인 교육과정</span></a></li>
                <li><a href="/Course/Ons"><span>온라인 교육과정</span></a></li>
                <li><a href="/My/Lecture"><span>수료증 발급</span></a></li>
            </ul>
        </div>
    </div>
}
<h2 class="mainTitle">모집중인 <span>교육과정</span></h2>
<div class="mainEdu">
    <div class="meTitle">
        <h3>오프라인</h3><a href="/Course/Offs">더보기</a>
    </div>
    <ul class="meList">
        @foreach (var d in Model.Datas.Where(w => w.dtype == 0))
        {
            <li>
                <a data-no="@d.intval" href="#" onclick="gocm('Off', @d.intval)">
                    <div class="melThumb" style="background:url('/img/main/main_edu_thumb01.jpg')no-repeat center center;">
                        <div><div><div><h5>@(string.IsNullOrEmpty(d.strval3) ? "-" : d.strval3)</h5></div></div></div>
                        <span>OFFLINE</span>
                    </div>
                    <div class="melCont">
                        <h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
                        <h6>@d.strval2</h6>
                        <h5>@d.strval</h5>
                        <dl>
                            <dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
                            <dd><b>교육일</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
                        </dl>
                    </div>
                </a>
            </li>
        }
    </ul>
</div>
<div class="mainLine"></div>
<div class="mainEdu">
    <div class="meTitle">
        <h3>온라인</h3><a href="/Course/Ons">더보기</a>
    </div>
    <ul class="meList">
        @foreach (var d in Model.Datas.Where(w => w.dtype == 1))
        {
            <li>
                <a data-no="@d.intval" href="#" onclick="gocm('On', @d.intval)">
                    <div class="melThumb" style="background-size:cover; background:url(@(d.strval5 == null ? "/img/main/main_edu_thumb02.jpg" : (Model.Files + d.strval5)))no-repeat center center">
                        @*<div><div><div><h5>@d.strval3</h5></div></div></div>*@
                        <span>ONLINE</span>
                    </div>
                    <div class="melCont">
                        <h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
                        <h6 class="@(d.strval6 == ViewBag.OnCode1 ? "red" : "")">@d.strval2</h6>
                        <h5>@d.strval</h5>
                        <dl>
                            <dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
                            <dd><b>학습</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
                        </dl>
                    </div>
                </a>
            </li>
        }
    </ul>
</div>
<div id="mainBot">
    <div class="mbCs">
        <div>
            <p>고객 상담문의</p>
            <h5><a href="tel:02-310-3344">02-310-3344(오프라인)</a></h5>
            <h5><a href="tel:02-310-3312">02-310-3312(온라인)</a></h5>
            <ul>
                <li>평일 9:00 AM ~ 6:00 PM</li>
                <li>토요일/일요일/공휴일 휴무</li>
            </ul>
        </div>
    </div>
    <div class="mbCont mbNotice">
        <div class="meTitle"><h3>공지사항</h3><a href="#" onclick="gomenu(@(boardnotice.pno), @(boardnotice.pagetype), '@(boardnotice.pageurl??"")', this);">더보기</a></div>
        <ul class="mbList">
            @foreach (var d in Model.Datas.Where(w => w.dtype == 2))
            {
                <li><a href="#" onclick="gomenu(@(boardnotice.pno), @((boardnotice).pagetype), '@((boardnotice).pageurl ?? "")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
            }
        </ul>
    </div><!-- mbCont -->
    <div class="mbCont">
        <div class="meTitle"><h3>FAQ</h3><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">더보기</a></div>
        <ul class="mbList">
            @foreach (var d in Model.Datas.Where(w => w.dtype == 3))
            {
                <li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
                @*<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>*@
            }
        </ul>
    </div>
</div>
<form id="thisform" action="" method="post">
    <input type="hidden" id="cmno" name="cmno" />
</form>
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
@section scriptsHeader{
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
}
@section scripts{
    <script>
        $(document).ready(function () {
            if (!ismobile()) {
                if ($("#texthide01").val() != '') {
                    $.each($($("#texthide01").val().split('nptechpopuplistseparator')), function (i, p) {
                        var p = p.split('nptechpopupseparator');
                        if ('p@(ViewBag.POPUPXS)p'.indexOf('p' + p[0] + 'p') < 0) {
                            $("body").append("<div data-zindex=\"" + p[8] + "\" style=\"z-index: " + p[8] + "; left: " + p[4] + "px; top: " + p[3] + "px; width: " + (getint(p[5])) + "px; height: " + (getint(p[6])) + "px;\" class=\"draggablethis ui-widget-content popupitem\" id=\"popbox" + p[0] + "\">" +
                                "<div class=\"inner\"><div class=\"poptitlebox\"><span>" + p[1] + "</span>" +
                                "<a class=\"closepopa\" href=\"#\" onclick=\"hidepop();$('#popbox" + p[0] + "').remove();\">✖</a></div>" +
                                "<div class=\"iframebox\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + p[6] + "px; width: " + (getint(p[5])) + "px;\"></iframe></div>" +
                                "<div class=\"iframeclosebox\"></div></div></div>");
                                //"<div class=\"iframeclosebox\"><a class=\"\" style=\"border: 1px solid #ddd; padding: 5px 15px;\" onclick=\"hide7('popbox" + p[0] + "', " + p[0] + ")\"> 7일간 숨기기</a></div></div></div>");
                            $("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
                            $("#popbox" + p[0]).show();
                            //$("html").css("overflow", "hidden");
                        }
                    });
                    $(".poptitlebox").on("click", function () {
                        $.each($(".popupitem"), function (i, d) {
                            $(d).css("z-index", $(d).attr("data-zindex"));
                        });
                        $(this).closest(".popupitem").css("z-index", 130);
                    });
                }
            $(".draggablethis").draggable();
            }
        });
        function hppopclick(url) {
                url = url.toLowerCase().replace('http//', 'http://').replace('https//', 'https://');
                if (url.toLowerCase().indexOf("http://") == 0 || url.toLowerCase().indexOf("http://") == 0) {
                    window.open(url);
                }
                else if (url != "") {
                    location.href = url;
                }
        }
        var _hide7;
        function hide7(id, pno) {
            _hide7 = id;
            capp("/focommon/hidepop", { pno: pno }, "cbhide7");
        }
        function cbhide7() {
            hidepop();
            $("#" + _hide7).remove();
        }
        function hidepop() {
            if ($(".popupitem").length == 1) {
                $("html").css("overflow", "auto");
            }
        }
        function gocm(view, cmno) {
            setv("cmno", cmno);
            $("#thisform").attr("action", "/Course/"+view+"Detail");
            submit("thisform");
        }
    </script>
}