CINXE.COM
데이터넷
<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>데이터넷</title> <link rel="stylesheet" href="/css/foundation.min.css"> <link rel="stylesheet" href="/css/custom.foundation.min.css"> <link rel="stylesheet" href="/css/webfonts.min.css"> <link rel="stylesheet" href="/css/style.min.css"> <link rel="stylesheet" href="/com/css/com.style.css"> <link rel="stylesheet" href="/css/design.style.css"> <link rel="shortcut icon" href="/image/logo/favicon.ico"> <script src="/script/jquery.min.js"></script> <script src="/script/what-input.js"></script> <script src="/script/foundation.min.js"></script> <script src="/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="/css/style.ie9.css"> <script src="/script/html5shiv.min.js"></script> <![endif]--> <script type="text/javascript"> <!-- $(document).ready(function(){ // com navigation var $comWrap = $('#user-wrap.user-com') , $comHeader = $comWrap.find('.com-header') , $comNavBtn = $comHeader.find('#com-nav-btns') , $comNavOpen = $comNavBtn.find('.fa') , $comNav = $comWrap.find('#com-nav'); // button $comNavBtn.on({ click: function() { if($comNav.css("display") == "none") { $comNav.slideDown('fast'); $comNavOpen.removeClass("fa-bars").addClass("fa-times"); } else { $comNav.slideUp('fast'); $comNavOpen.removeClass("fa-times").addClass("fa-bars"); } } }); // responsive nav $(window).resize(function(){ var $winSize = $(window).width(); if($winSize > 1024) { $comNav.css("display","block"); if($comNav.css("display") == "block") { $comNavOpen.removeClass("fa-bars").addClass("fa-times"); } else { $comNavOpen.removeClass("fa-times").addClass("fa-bars"); } } }); $(window).trigger("resize"); }); //--> </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point, #com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item.current-page a {color:#f46d21} .user-bg,.button.user-bg,.button.user-bg:hover,.button.user-bg:active,.menu li.is-accordion-submenu-parent[aria-expanded="true"] > a,#com-nav .menu li.nav-only.current-page > a, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label::before,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label::before, .switch-group.for-ios > .nd-switch.user-bg input[type="checkbox"]:checked + label,.switch-group.for-ios > .nd-switch.user-bg input[type="radio"]:checked + label, .switch-group.for-ios > .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.switch-group.for-ios > .nd-switch.user-bg input[type="radio"]:checked + label::before {background-color:#f46d21 !important} .user-border,.button.user-bg {border-color:#f46d21 !important} .user-border-bottom {border-bottom-color:#f46d21 !important} .nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#f46d21 !important;border-color:#f46d21 !important} </style> </head> <body> <!--[if lt IE 10]> <div id="ie9-guide"> <div class="ie9-wrapper border-box"> <p class="guide-txt"> 잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다! </p> <div class="guide-right"> <dl class="ie9-down nobr"> <dt><i class="icon ie-logo">ie</i></dt> <dd> <span>인터넷 익스플로러 11</span> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon cr-logo">chrome</i></dt> <dd> <span>구글 크롬</span> <a href="http://www.google.com/chrome/" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon ff-logo">firefox</i></dt> <dd> <span>모질라 파이어폭스</span> <a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a> </dd> </dl> </div> </div> </div> <![endif]--> <!-- wrap //--> <div id="user-wrap" class="user-com"> <div class="row expanded"> <!-- header //--> <header class="com-header user-border-bottom"> <div class="com-header-wrapper float-center max-width-1080"> <!-- 로고 //--> <div class="com-logo"><a href="https://www.datanet.co.kr" target="_top"><img src="/image/logo/toplogo_20190719114400.png" alt="데이터넷" /></a></div> <!-- 메뉴버튼 //--> <button type="button" id="com-nav-btns" class="com-nav-btns user-bg hide-for-large"><i class="fa fa-bars fa-fw fa-lg"></i><span class="sr-only">메뉴</span></button> </div> </header> <!-- header //--> <!-- section //--> <section class="com-container"> <div class="float-center max-width-1080"> <article class="small-12 large-3 columns text-left"> <nav id="com-nav"> <ul class="vertical menu" data-accordion-menu data-multi-open="false"> <li class="nav-only"> <a href="/com/com-1.html"><strong>매체소개</strong></a> <ul class="menu vertical nested"> <li><a href="com-1.html">매체소개</a></li> <li><a href="com-2.html">찾아오시는길</a></li> </ul> </li> <li> <a href="#link"><strong>고객센터</strong></a> <ul class="menu vertical nested is-active"> <li><a href="https://www.datanet.co.kr/com/jb.html">기사제보</a></li> <!--<li><a href="/com/kd.html">구독신청</a></li>--> <li class="current-page"><a href="https://www.datanet.co.kr/com/subscription.html">정기구독신청</a></li> <!--<li><a href="https://www.datanet.co.kr/com/image/ad_down.pdf">광고문의</a></li>--> <li><a href="https://www.datanet.co.kr/com/ad.html">광고문의</a></li> <li><a href="https://www.datanet.co.kr/com/bp.html">불편신고</a></li> <li><a href="https://www.datanet.co.kr/com/tg.html">독자투고</a></li> <li><a href="https://www.datanet.co.kr/com/jh.html">제휴문의</a></li> <li><a href="https://www.datanet.co.kr/com/copy.html">저작권문의</a></li> </ul> </li> <li class="nav-only"><a href="/com/service.html"><strong>이용약관</strong></a></li> <li class="nav-only"><a href="/com/privacy.html"><strong>개인정보취급방침</strong></a></li> <li class="nav-only"><a href="/com/youthpolicy.html"><strong>청소년보호정책</strong></a></li> <li class="nav-only"><a href="/com/emailno.html"><strong>이메일무단수집거부</strong></a></li> <!-- <li class="nav-only"><a href="/rss/"><strong>RSS</strong></a></li> --> </ul> </nav> </article> <article class="small-12 large-9 columns text-left"> <header class="com-container-header"> <strong class="float-left com-container-title">정기구독신청</strong> <ul class="float-right breadcrumbs"> <li><a href="https://www.datanet.co.kr"><i class="fa fa-home fa-fw"></i><span class="sr-only">HOME</span></a></li> <li><a href="/com/com-1.html">안내데스크</a></li> <li class="disabled"><strong class="user-point">정기구독신청</strong></li> </ul> </header> <style type="text/css"> .com-subscription .content .sub-title::before {border-color:#f46d21} </style> <script type="text/javascript"> function app_chk() { fm = document.times; if(fm.magazine_name2.value == ""){ alert("신청자명을 입력하세요."); fm.magazine_name2.focus(); return false; } if(fm.magazine_company.value == ""){ alert("회사명 입력하세요."); fm.magazine_company.focus(); return false; } if(fm.magazine_address.value == ""){ alert("주소를 입력하세요."); fm.magazine_address.focus(); return false; } if(fm.magazine_email.value == ""){ alert("이메일을 입력하세요."); fm.magazine_email.focus(); return false; } if (!email_check(fm.magazine_email.value)){fm.magazine_email.focus();return false;} if(fm.magazine_phone.value == ""){ alert("연락처를 입력하세요."); fm.magazine_phone.focus(); return false; } if (!phone_check(fm.magazine_phone.value)){fm.magazine_phone.focus();return false;} if(fm.magazine_nwttime.value == ""){ alert("구독기간을 선택하세요."); fm.magazine_nwttime.focus(); return false; } var agree = document.getElementsByName('agree'); var agree_value; // 여기에 선택된 radio 버튼의 값이 담기게 된다. for(var i=0; i<agree.length; i++) { if(agree[i].checked) { agree_value = agree[i].value; } } if(agree_value != "Y"){ alert("개인정보 취급방침에 동의해주세요."); fm.agree.focus(); return false; } if (fm.pay_types[0].checked) { if(fm.magazine_bank.value == ""){ alert("입금하실 은행명을 선택하세요."); fm.magazine_bank.focus(); return false; } if(fm.magazine_name.value == ""){ alert("입금자명을 입력하세요."); fm.magazine_name.focus(); return false; } fm.action="https://www.datanet.co.kr/com/subscription.php"; fm.submit(); } else { fm.action="https://www.datanet.co.kr/com/subscription_lgdacom.html"; fm.submit(); } } function email_check(str) { var isEmail = /[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+(\.[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+)*@[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+(\.[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+)*/; if( !isEmail.test(str) ) { alert("이메일 형식이 잘못 되었습니다."); return 0; } if( str.length > 60 ) { alert("이메일 주소는 60자까지 유효합니다."); return 0; } return 1; } function phone_check( str ) { var isPhone = /^\d{3}-\d{3,4}-\d{4}$/; var isTel = /^\d{2,3}-\d{3,4}-\d{4}$/; if( !isPhone.test(str) && !isTel.test(str) ) { alert("연락처 형식이 잘못 되었습니다. \n* 예시 ) 010-0000-0000, 041-123-4567"); return 0; } return 1; } </script> <form id="times" name="times" method="POST" enctype="multipart/form-data"> <article class="com-subscription"> <section> <!-- pay info //--> <div class="content"> <div class="sub-title user-point">정기구독신청 안내</div> <div class="pay-info"> <div class="info-con"> <strong>잡지명</strong> <span>NETWORK TIMES</span> </div> <div class="info-con"> <strong>권당</strong> <span>9,000원</span> </div> <div class="info-con"> <strong>6개월 구독</strong> <span>50,000원</span> </div> <div class="info-con"> <strong>1년 구독</strong> <span>99,000원</span> </div> <div class="info-con"> <strong>2년 구독</strong> <span>180,000원</span> </div> </div> </div> <!--// pay info --> <!-- 주문정보입력 //--> <div class="content order-info"> <div class="sub-title user-point">주문정보입력</div> <!-- 신청자명 --> <fieldset id="fieldset_name" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_name2"><strong>신청자명</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_name2" name="magazine_name2"></div> </fieldset> <!-- 회사명 --> <fieldset id="fieldset_company" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_company"><strong>회사명</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_company" name="magazine_company"></div> </fieldset> <!-- 주소 --> <fieldset id="fieldset_address" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_address"><strong>주소</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_address" name="magazine_address"></div> </fieldset> <!-- 이메일 --> <fieldset id="fieldset_email" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_email"><strong>이메일</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_email" name="magazine_email"></div> </fieldset> <!-- 연락처 --> <fieldset id="fieldset_tel" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_phone"><strong>연락처</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_phone" name="magazine_phone"></div> </fieldset> <!-- 구독기간 --> <fieldset id="fieldset_date" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_nwttime"><strong>구독기간</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <select id="magazine_nwttime" name="magazine_nwttime"> <option value="" selected>선택하세요</option> <option value="1개월">1개월</option> <option value="6개월">6개월</option> <option value="1년">1년</option> <option value="2년">2년</option> </select> </div> </fieldset> <!-- 요청사항 --> <fieldset id="fieldset_comment" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_info"><strong>요구사항</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <textarea id="magazine_info" name="magazine_info" rows="5" placeholder="요구사항을 입력해주세요"></textarea> </div> </fieldset> </div> <!--// 주문정보입력 --> <hr> <!-- 결제방식선택 //--> <div class="content pay-select"> <div class="sub-title user-point">결제방식선택</div> <div class="pay-kind-radio nd-group"> <label class="nd-radio" for="pay_types_b"> <input type="radio" id="pay_types_b" name="pay_types" value="bank" onclick="checkPayKind(this.value)" checked> <span class="nd-checked">무통장입금</span> </label> <label class="nd-radio" for="pay_types_c"> <input type="radio" id="pay_types_c" name="pay_types" value="SC0010" onclick="checkPayKind(this.value)"> <span class="nd-checked">전자결제(신용카드)</span> </label> <label class="nd-radio" for="pay_types_p"> <input type="radio" id="pay_types_p" name="pay_types" value="SC0060" onclick="checkPayKind(this.value)"> <span class="nd-checked">전자결제(휴대폰 소액결제)</span> </label> </div> <!-- 무통장입금 //--> <div class="pay-kind-bank"> <!-- 예금주 --> <fieldset id="fieldset_pay_name" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="payName"><strong>예금주</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="payName" name="payName" value="(주)화산미디어" readonly></div> </fieldset> <!-- 은행명 --> <fieldset id="fieldset_bank_name" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_bank"><strong>은행명</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <select id="magazine_bank" name="magazine_bank"> <option value="국민은행 : 445701-01-213568">국민은행 : 445701-01-213568</option> </select> </div> </fieldset> <!-- 입금자명 --> <fieldset id="fieldset_send_ame" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_name"><strong>입금자명</strong></label> </div> <div class="small-12 medium-9 large-9 columns"><input type="text" id="magazine_name" name="magazine_name"></div> </fieldset> <!-- 입금예정일 --> <fieldset id="fieldset_pay_date" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_year"><strong>입금예정일</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <!-- 년도 --> <select id="magazine_year" class="small-12 medium-3" name="magazine_year"> <option value="2024" selected>2024년</option><option value="2025">2025년</option><option value="2026">2026년</option><option value="2027">2027년</option><option value="2028">2028년</option> </select> <!-- 월 --> <select id="magazine_month" class="small-12 medium-3" name="magazine_month"> <option value="1">1월</option><option value="2">2월</option><option value="3">3월</option><option value="4">4월</option><option value="5">5월</option><option value="6">6월</option><option value="7">7월</option><option value="8">8월</option><option value="9">9월</option><option value="10">10월</option><option value="11" selected>11월</option><option value="12">12월</option> </select> <!-- 일 --> <select id="magazine_day" class="small-12 medium-3" name="magazine_day"> <option value="1">1일</option><option value="2">2일</option><option value="3">3일</option><option value="4">4일</option><option value="5">5일</option><option value="6">6일</option><option value="7">7일</option><option value="8">8일</option><option value="9">9일</option><option value="10">10일</option><option value="11">11일</option><option value="12">12일</option><option value="13">13일</option><option value="14">14일</option><option value="15">15일</option><option value="16">16일</option><option value="17">17일</option><option value="18">18일</option><option value="19">19일</option><option value="20">20일</option><option value="21">21일</option><option value="22">22일</option><option value="23">23일</option><option value="24" selected>24일</option><option value="25">25일</option><option value="26">26일</option><option value="27">27일</option><option value="28">28일</option><option value="29">29일</option><option value="30">30일</option><option value="31">31일</option> </select> </div> </fieldset> <!-- 계산서 발행 --> <fieldset id="fieldset_pay_bill" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for=""><strong>계산서 발행</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <div class="pay-kind-radio nd-group"> <label class="nd-radio radio-primary" for="magazine_pay_y"> <input type="radio" id="magazine_pay_y" name="magazine_pay" value="1"> <span class="nd-checked">예</span> </label> <label class="nd-radio" for="magazine_pay_n"> <input type="radio" id="magazine_pay_n" name="magazine_pay" value="2" checked> <span class="nd-checked">아니오</span> </label> </div> </div> </fieldset> <!-- 사업자등록증 첨부 --> <fieldset id="fieldset_file" class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle" for="magazine_file"><strong>사업자등록증 첨부</strong></label> </div> <div class="small-12 medium-9 large-9 columns"> <input type="file" id="magazine_file" name="magazine_file"> </div> </fieldset> </div> <!--// 무통장입금 --> <!-- 전자결제 //--> <div class="pay-kind-ep"> <fieldset id="fieldset_pay_ep_card" class="row expanded small-collapse medium-uncollapse"> <div class="row expanded small-collapse medium-uncollapse auto-marbtm-10"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle"><strong>신용카드</strong></label> </div> <div class="small-12 medium-9 large-9 columns auto-pady-6 size-14 auto-fontB">신용카드로 결제가 가능합니다.</div> </div> </fieldset> <fieldset id="fieldset_pay_ep_phone" class="row expanded small-collapse medium-uncollapse"> <div class="row expanded small-collapse medium-uncollapse"> <div class="small-12 medium-3 large-3 columns"> <label class="text-left medium-middle"><strong>휴대폰</strong></label> </div> <div class="small-12 medium-9 large-9 columns auto-pady-6 size-14 auto-fontB">휴대폰 소액결제로 결제가 가능합니다.</div> </div> </fieldset> </div> <!--// 전자결제 --> </div> <!--// 결제방식선택 --> <!-- 개인정보 처리 동의 //--> <div class="privacy"> <strong>개인정보 처리에 관한 동의</strong> <p>귀하는 아래의 내용을 확인하고 네트워크 타임즈/데이터넷(당사), 그리고 세미나 후원사가 다음과 같이 귀하의 개인정보를 처리하는 것에 동의합니다.</p> <strong>개인정보의 선택적 수집 및 이용에 대한 동의</strong> <div class="privacy-content"> <p> 당사와 후원사가 다음과 같이 귀하의 개인정보를 선택적으로 수집 및 이용하는바,<br> 이에 동의하는 경우 아래 동의란에 표시해 주시기 바랍니다. </p> <p> (1) 수집항목<br> 성명, 회사명, 전화번호, 휴대전화번호, 이메일주소 </p> <p> (2) 수집 및 이용목적<br> 제품, 행사 및 세미나 정보 제공, 세일즈 및 마케팅 활용, 서비스 제공, 고객관리 </p> <p> (3) 보유 및 이용기간<br> 관계 법령의 규정에 따라 개인정보를 보존할 의무가 있는 경우가 아닌 한 귀하의 개인정보는 수집 및 이용 목적을 달성할 때까지 보유 및 이용합니다. </p> <p>* 동의거부 및 불이익: 귀하는 동의를 거절할 수 있는 권리를 보유하며, 동의를 거절하는 경우 상기 이용 목적에 명시된 서비스가 제공되지 않습니다.</p> </div> <div class="nd-group"> <label class="nd-radio radio-primary"> <input type="radio" name="agree" value="Y" style="display:none"> <span class="nd-checked">동의</span> </label> <label class="nd-radio"> <input type="radio" name="agree" value="N" style="display:none"> <span class="nd-checked">동의하지 않음</span> </label> </div> <p class="auto-martop-30"> 귀하의 개인정보는 관련 법령에 의하여 안전하게 보호되며, 상기 고지된 목적을 위하여 사용하게 됩니다.<br> 개인정보 열람, 정정, 삭제 요청이나 문의 사항은 네트워크 타임즈/데이터넷(070-8282-6180 / <a href="mailto:"pia@datanet.co.kr">pia@datanet.co.kr</a>)로 연락주시면 됩니다. </p> </div> <!--// 개인정보 처리 동의 --> <!-- 문의 //--> <div class="content"> <div class="sub-title user-point">문의</div> <div class="dis-table question-info"> <div class="dis-table-row"> <div class="dis-table-cell">전화</div> <div class="dis-table-cell">02-6397-3100</div> </div> <div class="dis-table-row"> <div class="dis-table-cell">이메일</div> <div class="dis-table-cell"><a href="mailto:pia@datanet.co.kr">pia@datanet.co.kr</a></div> </div> </div> </div> <!--// 문의 --> <!-- submit & cancel btn --> <div class="auto-martop-30 text-center"> <a href="javascript:app_chk();" class="btn-submit">정기구독신청</a> <a href="javascript:document.subscripForm.reset();" class="btn-cancel">취소</a> </div> </section> </article> </form> <script type="text/javascript"> $(function(){ // 결제방식 초기화 if($(".pay-kind-bank").css("display") == "block") { $("#payKind_bank").prop("checked", true); } }); // 결제방식선택 function checkPayKind(payTypes){ if(payTypes == "bank") { $(".pay-kind-ep").hide(); $(".pay-kind-bank").show(); } else { $(".pay-kind-bank").hide(); $(".pay-kind-ep").show(); } } </script> </article> </div> </section> <!-- section //--> <footer class="com-footer"> <div class="float-center max-width-1080"> <ul class="com-footer-info text-left no-bullet"> <li><strong>© 데이터넷</strong></li> <li>서울특별시 강남구 강남대로124길 26 유성빌딩 2층</li> <li>대표전화 : 02-6397-3100</li> <li>팩스 : 02-3446-6170</li> </ul> </div> </footer> </div> </div> </body> </html>