Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>     <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="wrap"> <aside class="lnb"></aside> <div class="site-cont"> <ul class="breadcrumb"> <li><a href="#none" class="home">홈</a></li> <li><a href="#none">1depth</a></li> <li><a href="#none">2depth</a></li> </ul> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">SMS 보내기</h2> </div> </div> <div class="bg-box"> <strong class="box-tit">이용 가이드</strong> <ul class="bullet"> <li>해당 과정에 등록된 멤버들에게 SMS를 전송할 수 있습니다.</li> <li>학부모는 자동으로 리스트에 표시 됩니다. (학생들이 회원정보에 등록)</li> <li>최종적으로 SMS 보내기 버튼을 누르면 선택된 멤버들에게 메시지가 전송됩니다.</li> <li>SMS 발송은 여러가지 원인(수신거부, 통신오류, 전화번호 오류 등)으로 인해 수신 되지 않을 수 있습니다.</li> </ul> </div> <section class="section"> <h3 class="txt-hide">송신 정보 입력</h3> <div class="write-type"> <table> <caption>송신 정보 입력</caption> <colgroup> <col style="width: 160px" /> <col /> </colgroup> <tbody> <tr> <th scope="row">송신번호</th> <td><input type="text" title="송신번호 입력" placeholder="예)010-1234-5678" /></td> </tr> <tr> <th scope="row">예약시간</th> <td> <div class="checkradio"> <input type="checkbox" id="time" name="time" /> <label for="time">사용하기</label> <fieldset class="checkradio-option"> <legend>예약시간 입력</legend> <input type="date" title="날짜 입력" /> <div class="input-flex-area"> <div class="input-box flex1"> <input type="number" class="input q0" title="시 입력" /> <span>시</span> </div> <div class="input-box flex1"> <input type="number" class="input q0" title="분 입력" /> <span>분</span> </div> </div> </fieldset> </div> </td> </tr> </tbody> </table> </div> </section> <section class="section sms-write-area"> <h3 class="txt-hide">수신인 및 내용 입력</h3> <div class="user-area"> <div class="fnc-area"> <div class="l-area"> <fieldset class="checkradio-area"> <legend>수신인 선택</legend> <div class="checkradio"> <input type="checkbox" id="userAll" /> <label for="userAll">전체(52)</label> </div> <div class="checkradio"> <input type="checkbox" id="user1" /> <label for="user1">수강생(52)</label> </div> <div class="checkradio"> <input type="checkbox" id="user2" /> <label for="user2">청강생(52)</label> </div> <div class="checkradio"> <input type="checkbox" id="user3" /> <label for="user3">학부모(52)</label> </div> <div class="checkradio"> <input type="checkbox" id="user4" /> <label for="user4">팀티쳐(3)</label> </div> </fieldset> </div> </div> <div class="user-box"> <section> <header> <div class="l-area"> <div class="checkradio"> <input type="checkbox" id="type1UserAll" /> <label for="type1UserAll"> <h4>공지능과 수학</h4> <span>(25명)</span> </label> </div> </div> </header> <div class="box-body"> <ul class="item-txt-list"> <li> <div class="checkradio"> <input type="checkbox" id="type1User1" /> <label for="type1User1"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">학생명</strong> <span>세종미래고등학교 2학년1반 3번</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학생(수강생)</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User2" /> <label for="type1User2"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나부모</strong> <span>홍길동</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학부모</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User3" /> <label for="type1User3"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나선생</strong> <span>세종미래고등학학교</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">팀티쳐</span> </div> </li> </ul> </div> </section> <section> <header> <div class="l-area"> <div class="checkradio"> <input type="checkbox" id="type1UserAll" /> <label for="type1UserAll"> <h4>공지능과 수학</h4> <span>(25명)</span> </label> </div> </div> </header> <div class="box-body"> <ul class="item-txt-list"> <li> <div class="checkradio"> <input type="checkbox" id="type1User1" /> <label for="type1User1"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">학생명</strong> <span>세종미래고등학교 2학년1반 3번</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학생(수강생)</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User2" /> <label for="type1User2"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나부모</strong> <span>홍길동</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학부모</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User3" /> <label for="type1User3"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나선생</strong> <span>세종미래고등학학교</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">팀티쳐</span> </div> </li> </ul> </div> </section> <section> <header> <div class="l-area"> <div class="checkradio"> <input type="checkbox" id="type1UserAll" /> <label for="type1UserAll"> <h4>공지능과 수학</h4> <span>(25명)</span> </label> </div> </div> </header> <div class="box-body"> <ul class="item-txt-list"> <li> <div class="checkradio"> <input type="checkbox" id="type1User1" /> <label for="type1User1"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">학생명</strong> <span>세종미래고등학교 2학년1반 3번</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학생(수강생)</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User2" /> <label for="type1User2"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나부모</strong> <span>홍길동</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">학부모</span> </div> </li> <li> <div class="checkradio"> <input type="checkbox" id="type1User3" /> <label for="type1User3"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">나선생</strong> <span>세종미래고등학학교</span> </div> </div> </label> </div> <div class="fnc"> <span class="label">팀티쳐</span> </div> </li> </ul> </div> </section> </div> </div> <div class="sms-area"> <div class="sms-box"> <div class="sms-txt-count-area"> <textarea placeholder="전송할 내용을 입력하세요." title="내용 입력"></textarea> <div class="fnc"> <div class="l-area"> <div class="txt-count"> <strong>0</strong>/<span>19990</span>Byte </div> </div> <div class="r-area"> <button type="button" class="btn-text"> 다시쓰기 <i class="ico-refresh"></i> </button> </div> </div> </div> <div class="bg-box"> <h4 class="tit-xsm margin-bottom-sm">이용 가이드</h4> <ul class="bullet font-size-sm"> <li>80자 이상은 LMS문자로 전송됩니다.</li> <li>1990Byte 이상은 입력하지 못합니다.</li> </ul> </div> </div> </div> </section> <div class="btn-cont"> <button class="btn lg primary">SMS보내기</button> </div> </div> </div> </div> <footer class="site-footer"></footer> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function () { $('.rubric-write-list').sortable({ handle: $('.rubric-write-list .item').find('.ico-move'), containment: 'parent', }); }); </script> </body> </html>