<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>영상과 텍스트</title>
<!-- 폰트 URL 선언 -->
<style>
@font-face {
font-family: 'HeirofLightBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff');
}
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nXi0ItGf3ki5g3I2AkiRGDIwTO6XjC4pYM6lxU79segpiP7qAPc52-SkRXzUUMeAqWRW3VKy7q8RhqcwF6zssR8HJDOeynHNGHBKVDbqTWjkP3FX-IsvLNH0cxvhyphenhyphenKm23K0EXvSTQCJxqp0gchD5Ww_APWsBemeFC-lVkGn3wiKJu5yMhV7uOk-1Pko/s16000/woods.webp') no-repeat center center fixed;
background-size: cover;
}
.video-section {
position: relative;
max-width: 1200px;
margin: 0 auto 10px;
overflow: hidden;
background: #000;
}
.custom-video {
width: 100%;
height: 280px;
object-fit: cover;
object-position: 0 -290px;
}
.video-top-text,
.video-center-text,
.video-bottom-text {
font-family: 'HeirofLightBold';
font-weight: bold;
}
.video-top-text {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
color: #2cf5ab;
}
.video-center-text {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 27px;
color: #fff;
text-align: center;
}
.video-bottom-text {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
font-size: 23px;
background-image: linear-gradient(#2cf5ab, #2cf5ab);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
html, body {
height: auto !important;
min-height: 100vh;
background-color: #000 !important;
overflow-x: hidden;
}
.video-section {
margin-bottom: 20px;
max-width: 100% !important;
}
.custom-video {
height: 200px !important;
object-position: center center !important;
transform: scale(1) !important;
}
.video-top-text {
top: 30px !important;
font-size: 20px !important;
text-align: center;
}
.video-center-text {
top: 55% !important;
font-size: 13px !important;
padding: 0 !important;
}
.video-bottom-text {
bottom: 20px !important;
font-size: 13px !important;
}
.bt {
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-size: 12px !important;
padding: 8px 0px !important;
}
.bt-copy {
font-size: 14px !important;
padding: 8px 12px !important;
margin-left: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
}
}
</style>
</head>
<body>
<!-- 영상 + 텍스트 영역 -->
<div class="video-section">
<video class="custom-video" autoplay loop muted playsinline>
<source src="https://cdn.jsdelivr.net/gh/j2-design/videos@main/fox_Loop.mp4" type="video/mp4" />
브라우저가 비디오 태그를 지원하지 않습니다.
</video>
<div class="video-top-text">홍보 정보</div>
<div class="video-center-text">애프터서버에 오신 걸 환영합니다.</div>
<div class="video-bottom-text">Lineage 2.0: 애프터 서버</div>
</div>
<style>
.inform_area {
margin-top: 0;
padding-top: 5px;
}
.extra_area {
margin-top: 10px;
margin-bottom: 10px;
padding: 20px;
border: 1px solid #616161;
background-color: #1e1e1e;
font-size: 16px;
font-weight: bold;
color: #2cf5ab;
text-align: center;
}
.info-title::after {
content: "서버 홍보";
}
.extra_area, .inform_area {
border: 1px solid #555;
border-radius: 0px;
padding: 20px;
background-color: #1e1e1e;
margin: 30px 0;
}
.container1 {
grid-template-columns: 1fr 1fr 1fr;
}
p a {
color: #2cf5ab;
}
.button-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
justify-items: center;
margin-top: 20px;
}
.bt {
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
background-color: #f9f9f9;
border-radius: 6px;
border: 1px solid #dcdcdc;
cursor: pointer;
color: #666666;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 10px 10px;
text-align: center;
width: 80%;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.bt:hover {
background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
}
.bt:active {
position: relative;
top: 1px;
}
.bt-copy {
font-size: 18px;
padding: 10px 25px;
margin-left: 40px;
margin-top: 2px;
}
.copy-button-container {
display: flex;
justify-content: flex-start;
align-items: center;
}
#textDiv {
color: #ffffff;
text-align: left;
}
.bt-description {
margin-top: 20px;
font-size: 20px;
color: red;
font-weight: bold;
line-height: 1.6;
}
</style>
<div class="extra_area">
<div style="color: #2cf5ab; font-size: 20px; font-weight: bold; margin-bottom: 10px;">
🎬 유튜브 영상보상 및 홍보보상 안내 👇
</div>
<div id="textDiv">
✅ 영상홍보는 별도의 보상이 없습니다.<br><br>
✅ 오로지 본인 의사에 의해 영상 제작 및 라이브 방송하시면 됩니다.<br><br>
✅ 동일 사이트 홍보 불가입니다.<br><br>
✅ 1일 3개 사이트 홍보시 홍보코인1개, 하루 총 2회까지 인정됩니다.<br><br>
✅ 홍보코인은 경험치200%물약2개+홍보마법인형주머니가 지급됩니다.<br>
</div>
</div>
<div class="extra_area">
<div style="color: #2cf5ab; font-size: 20px; font-weight: bold; margin-bottom: 10px;">
홍보 참고 사이트
</div>
<div class="button-container">
<a class="bt" href="https://uami5.net/bbs/board.php?bo_table=manu5_5">우아미넷</a>
<a class="bt" href="https://play-linfree.com/">프리서버</a>
<a class="bt" href="https://www.todaycp.com/index.php?mid=best">투데이서버</a>
<a class="bt" href="https://loveserver.net/">러브넷</a>
<a class="bt" href="https://freebene.com/lineage">프리베네</a>
<a class="bt" href="https://oraksil.cc/bbs/board.php?bo_table=lin">투데이프리</a>
<a class="bt" href="https://linfreemoa.com/">린모아</a>
<a class="bt" href="https://lingal.net/">린갤</a>
<a class="bt" href="https://linworlds.com/">리니지월드</a>
<a class="bt" href="https://www.funlin.net/">펀린넷</a>
<a class="bt" href="https://gamejjom.com/">게임쫌</a>
<a class="bt" href="https://retrosv.com/">레트로</a>
<a class="bt" href="https://linpop2025.com/">린팝</a>
<a class="bt" href="https://todaync.com/">투데이NC</a>
<a class="bt" href="https://todayfrlin02.com/bbs/board.php?bo_table=nav01_04">투데이포럼</a>
<a class="bt" href="https://lineagefreeserver.com/">프서홍</a>
<a class="bt" href="https://xn--oy2b11o0qft9m.com/etc">시즌프리</a>
<a class="bt" href="https://www.freemania.one/">프리매니아</a>
</div>
<div class="bt-description">
아래 홍보글 복사 후 각 사이트 이동하여 홍보 가능
</div>
</div>
<!-- ✅ 서버 홍보 영역 -->
<div class="inform_area" style="background-color: #1e1e1e; padding: 20px; border: 1px solid #616161; border-radius: 8px; margin-bottom: 30px;">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsPvVOpP5Qfr3qNxzjmHm6jMEPYr_CpNkRF0FzSX2_aqLaaap5aWRxZTyE0oeGsZcgDySm9_e_5QqHqnxBlRkNgur1R5Yt0dUh09pLeWD0kFXzF_ziwE3jvRPdJ3unx8s2agMdwv7Bd8rBNOWP1usNO1tOiVBSWtFAhas59Qov-SxdXeS1pwmnJgnio4J/s1600/%EB%A6%AC%EB%8B%88%EC%A7%80%20%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C2.png" alt="아이콘" style="width: 30px; height: 30px; transform: translateY(10px);">
<span style="color: #2cf5ab; font-size: 1.5rem; font-weight: bold;">애프터서버 홍보</span>
<div style="position: relative; left: 20px;">
<a class="bt bt-copy" href="javascript:void(0);" onclick="copyText()">복사하기 클릭</a>
</div>
</div>
<hr>
<div id="textDiv" id="copyTarget">
<p id="copyTarget">
✡️✡️ [2.0애프터서버]반하자/전투특화/신규,단체지원/자율거래 ✡️✡️<br><br><br>
✅ 2026.1.24(토) 17:00 오픈대기 - 19:00 오픈<br><br>
✅ 순차적 업데이트 컨텐츠<br><br>
✅ 애프터서버는2.0 버전 유저자율거래/올아데나/전투특화 서버입니다.<br><br>
✅ 측근,비리 없는 서버입니다. 시간이 오래 걸리더라도 깨끗하고 투명한 서버로 운영하겠습니다.<br><br>
✅ 최상급 FX 접속기로 렉 최소화 전투특화 서버입니다.<br><br>
✅ 최적화된 서버 환경으로 인벤에 칼렉풀기가 없으며, 쾌적한 흑단막대 사용 및 양질의 전투를 체험하실 수 있습니다.<br><br>
✅ 애프터서버는 복잡하지않고 심플한 아이템 셋팅이고, 제작/합성 시스템입니다.<br><br>
✅ 서버 중요재화는 모든 사냥터에서 파밍하실수 있습니다. 중요재화로 모든 아이템 제작이 가능합니다.<br><br>
✅ 후원을 하지 않아도, 시간만 투자한다면 충분히 전투참여 및 게임을 즐기실 수 있습니다.<br><br>
✅ 유저간 편의사항으로 자동칼질, 무한버프를 제공합니다.<br><br>
✅ 신규 지원 / 단체 지원으로 보다 쉽고 빠르게 서버에 적응할 수 있습니다.<br><br>
✅ 공성전,테베,기감,악영,지옥,마족신전,오만정상 등 꿀잼 컨텐츠 다수 준비해 두었습니다.<br><br>
✅ 꾸준한 업데이트와 실시간 밸런스 개선으로 불편함을 최소화 하였습니다.<br><br>
✅ 유저간의 모든 거래 가능합니다. 단, 운영자가 책임지지는 않습니다.<br><br>
✅ 홈페이지 : https://aftersv001.blogspot.com/<br><br>
✅ 오픈톡: https://open.kakao.com/o/sz1gpkbi<br>
</p>
</div>
</div>
<!-- 📋 복사 스크립트 -->
<script>
function copyText() {
const textToCopy = document.querySelector('#copyTarget').innerText;
const tempTextArea = document.createElement('textarea');
tempTextArea.value = textToCopy;
document.body.appendChild(tempTextArea);
tempTextArea.select();
document.execCommand('copy');
document.body.removeChild(tempTextArea);
alert('텍스트가 복사되었습니다!');
}
</script>
</body>
</html>