518 lines
20 KiB
HTML
518 lines
20 KiB
HTML
<div class="flex flex-col flex-auto min-w-0">
|
||
<!-- Main -->
|
||
<div class="wrapper">
|
||
<div>
|
||
<img class="banner-bg" src="assets/images/beteran/banner-bg.jpg" />
|
||
</div>
|
||
<!-- Header -->
|
||
<!-- Header -->
|
||
<div
|
||
class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-8 px-6 md:px-8 border-b"
|
||
>
|
||
<!-- Title -->
|
||
<div class="text-4xl font-extrabold tracking-tight">
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">입금신청</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">출금신청</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">공지사항</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">콤프</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">고객센터</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">입금내역</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">출금내역</span>
|
||
</button>
|
||
</div>
|
||
<!-- Actions -->
|
||
<div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
|
||
<!-- Search -->
|
||
|
||
<!-- Add product button -->
|
||
|
||
<input
|
||
class="ml-4"
|
||
type="text"
|
||
placeholder="아이디"
|
||
name="IU_ID"
|
||
id="IU_ID"
|
||
/>
|
||
<input
|
||
class="ml-4"
|
||
type="text"
|
||
placeholder="아이디"
|
||
name="IU_ID"
|
||
id="IU_ID"
|
||
/>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">로그인</span>
|
||
</button>
|
||
<button class="ml-4" mat-flat-button [color]="'primary'">
|
||
<mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
|
||
<span class="ml-2 mr-1">회원가입</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<mat-tab-group class="sm:px-2" [animationDuration]="'0'">
|
||
<!-- Home -->
|
||
<mat-tab label="라이브카지노">
|
||
<ng-template matTabContent>
|
||
<!-- Cards -->
|
||
<div class="flex justify-center mt-10 sm:mt-20">
|
||
<div class="w-full max-w-sm md:max-w-7xl">
|
||
<div
|
||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
|
||
>
|
||
<ng-container *ngFor="let component of components">
|
||
<a
|
||
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
|
||
[href]="
|
||
'https://material.angular.io/components/' + component.id
|
||
"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
>
|
||
<img
|
||
class="w-full object-cover border-b"
|
||
[src]="'assets/images/beteran/' + component.id + '.jpg'"
|
||
/>
|
||
<div class="py-4 px-5">
|
||
<div class="text-xl font-semibold">
|
||
{{ component.name }}
|
||
</div>
|
||
<div class="mt-1 text-secondary">
|
||
{{ component.summary }}
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ng-template>
|
||
</mat-tab>
|
||
|
||
<!-- Budget -->
|
||
<mat-tab label="호텔카지노">
|
||
<ng-template matTabContent>
|
||
<!-- Cards -->
|
||
<div class="flex justify-center mt-10 sm:mt-20">
|
||
<div class="w-full max-w-sm md:max-w-7xl">
|
||
<div
|
||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
|
||
>
|
||
<ng-container *ngFor="let component of components">
|
||
<a
|
||
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
|
||
[href]="
|
||
'https://material.angular.io/components/' + component.id
|
||
"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
>
|
||
<img
|
||
class="w-full object-cover border-b"
|
||
[src]="'assets/images/beteran/' + component.id + '.jpg'"
|
||
/>
|
||
<div class="py-4 px-5">
|
||
<div class="text-xl font-semibold">
|
||
{{ component.name }}
|
||
</div>
|
||
<div class="mt-1 text-secondary">
|
||
{{ component.summary }}
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ng-template>
|
||
</mat-tab>
|
||
|
||
<!-- Team -->
|
||
<mat-tab label="슬롯게임">
|
||
<ng-template matTabContent>
|
||
<!-- Cards -->
|
||
<div class="flex justify-center mt-10 sm:mt-20">
|
||
<div class="w-full max-w-sm md:max-w-7xl">
|
||
<div
|
||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
|
||
>
|
||
<ng-container *ngFor="let component of components">
|
||
<a
|
||
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
|
||
[href]="
|
||
'https://material.angular.io/components/' + component.id
|
||
"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
>
|
||
<img
|
||
class="w-full object-cover border-b"
|
||
[src]="'assets/images/beteran/' + component.id + '.jpg'"
|
||
/>
|
||
<div class="py-4 px-5">
|
||
<div class="text-xl font-semibold">
|
||
{{ component.name }}
|
||
</div>
|
||
<div class="mt-1 text-secondary">
|
||
{{ component.summary }}
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ng-template>
|
||
</mat-tab>
|
||
</mat-tab-group>
|
||
</div>
|
||
<div
|
||
class="flex flex-col items-center px-6 py-10 sm:px-16 sm:pt-18 sm:pb-20 bg-white dark:bg-gray-800 sm:mt-20"
|
||
>
|
||
<div class="w-full max-w-7xl">
|
||
<!-- Features grid -->
|
||
<div
|
||
class="grid grid-cols-1 gap-x-6 gap-y-12 sm:grid-cols-2 lg:grid-cols-3 lg:gap-16 w-full mt-12 sm:mt-16"
|
||
>
|
||
<div>
|
||
<span
|
||
class="flex items-center justify-center w-12 h-12 rounded bg-primary"
|
||
>
|
||
<!-- <mat-icon
|
||
class="text-white"
|
||
[svgIcon]="'heroicons_outline:pencil-alt'"
|
||
></mat-icon> -->
|
||
<img class="icon" src="assets/images/beteran/deposit-icon.png" />
|
||
</span>
|
||
<div class="mt-4 text-xl font-medium">실시간출금</div>
|
||
<div class="mt-2 leading-6 text-secondary">
|
||
Create and edit projects, upload images via drag drop, add
|
||
categories, add custom fields, create interactive forms and more.
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<span
|
||
class="flex items-center justify-center w-12 h-12 rounded bg-primary"
|
||
>
|
||
<!-- <mat-icon
|
||
class="text-white"
|
||
[svgIcon]="'heroicons_outline:filter'"
|
||
></mat-icon> -->
|
||
|
||
<img class="icon" src="assets/images/beteran/withdraw-icon.png" />
|
||
</span>
|
||
<div class="mt-4 text-xl font-medium">실시간입금</div>
|
||
<div class="mt-2 leading-6 text-secondary">
|
||
Search and filter within the projects, categories and custom
|
||
fields. Save search and filter details for easy access.
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<span
|
||
class="flex items-center justify-center w-12 h-12 rounded bg-primary"
|
||
>
|
||
<!-- <mat-icon
|
||
class="text-white"
|
||
[svgIcon]="'heroicons_outline:refresh'"
|
||
></mat-icon> -->
|
||
<img class="icon" src="assets/images/beteran/notice-icon.png" />
|
||
</span>
|
||
<div class="mt-4 text-xl font-medium">공지사항</div>
|
||
<div class="mt-2 leading-6 text-secondary">
|
||
<!-- Schedule -->
|
||
<div
|
||
class="sm:col-span-2 md:col-span-2 lg:col-span-2 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
|
||
>
|
||
<div class="flex flex-col mt-1 divide-y">
|
||
<ng-container
|
||
*ngFor="
|
||
let scheduleItem of data.schedule['today'];
|
||
trackBy: trackByFn
|
||
"
|
||
>
|
||
<div
|
||
class="flex flex-row items-center justify-between py-4 px-0.5"
|
||
>
|
||
<div class="flex flex-col">
|
||
<div class="font-medium">{{ scheduleItem.title }}</div>
|
||
<div
|
||
class="flex flex-col sm:flex-row sm:items-center -ml-0.5 mt-2 sm:mt-1 space-y-1 sm:space-y-0 sm:space-x-3"
|
||
>
|
||
<ng-container *ngIf="scheduleItem.time">
|
||
<div class="flex items-center">
|
||
<mat-icon
|
||
class="icon-size-5 text-hint"
|
||
[svgIcon]="'heroicons_solid:clock'"
|
||
></mat-icon>
|
||
<div class="ml-1.5 text-md text-secondary">
|
||
{{ scheduleItem.time }}
|
||
</div>
|
||
</div>
|
||
</ng-container>
|
||
<!-- <ng-container *ngIf="scheduleItem.location">
|
||
<div class="flex items-center">
|
||
<mat-icon
|
||
class="icon-size-5 text-hint"
|
||
[svgIcon]="'heroicons_solid:location-marker'"
|
||
></mat-icon>
|
||
<div class="ml-1.5 text-md text-secondary">
|
||
{{ scheduleItem.location }}
|
||
</div>
|
||
</div>
|
||
</ng-container> -->
|
||
</div>
|
||
</div>
|
||
<button mat-icon-button>
|
||
<mat-icon
|
||
[svgIcon]="'heroicons_solid:chevron-right'"
|
||
></mat-icon>
|
||
</button>
|
||
</div>
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <header class="header-section w-ba">
|
||
<div class="container dflex-ac-jc h-100">
|
||
<ul class="bs-ul main-menu sidebar-left">
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="deposit-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-piggy-bank"></i> <20>Աݽ<D4B1>û</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="withdraw-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-vault"></i> <20><>ݽ<EFBFBD>û</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="notice-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-bell"></i> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="comp-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-comment-dots"></i> <20><><EFBFBD><EFBFBD></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="faq-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-comment-dots"></i> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="depositlist-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-piggy-bank"></i> <20>Աݳ<D4B1><DDB3><EFBFBD></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:void(0);"
|
||
onclick="mes_login();"
|
||
class="withdrawlist-link dflex-ac-jc w-ba"
|
||
><i class="fa-solid fa-vault"></i> <20><>ݳ<EFBFBD><DDB3><EFBFBD></a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</header> -->
|
||
|
||
<!-- <section class="board-section w-ba">
|
||
<div class="container">
|
||
<div class="row dflex-ac-jc align-items-start">
|
||
<div class="board-panel event-board">
|
||
<div class="header dflex-ac-jc w-ba">
|
||
<div class="title-panel dflex-ac-js">
|
||
<div class="icon-panel dflex-ac-jc align-content-end">
|
||
<img
|
||
class="icon"
|
||
src="assets/images/beteran/deposit-icon.png"
|
||
/>
|
||
</div>
|
||
<span data-text="<22>̺<EFBFBD>Ʈ" class="title"><3E>ǽð<C7BD><C3B0><EFBFBD><EFBFBD></span>
|
||
</div>
|
||
</div>
|
||
<div class="content btm-event-section">
|
||
<table>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="board-panel event-board">
|
||
<div class="header dflex-ac-jc w-ba">
|
||
<div class="title-panel dflex-ac-js">
|
||
<div class="icon-panel dflex-ac-jc align-content-end">
|
||
<img
|
||
class="icon"
|
||
src="assets/images/beteran/withdraw-icon.png"
|
||
/>
|
||
</div>
|
||
<span data-text="<22>̺<EFBFBD>Ʈ" class="title"><3E>ǽð<C7BD><C3B0>Ա<EFBFBD></span>
|
||
</div>
|
||
</div>
|
||
<div class="content btm-event-section">
|
||
<table>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="board-panel notice-board">
|
||
<div class="header dflex-ac-jc w-ba">
|
||
<div class="title-panel dflex-ac-jc">
|
||
<div class="icon-panel dflex-ac-jc align-content-end">
|
||
<img
|
||
class="icon"
|
||
src="assets/images/beteran/notice-icon.png"
|
||
/>
|
||
</div>
|
||
<span data-text="<22>̺<EFBFBD>Ʈ" class="title"><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span>
|
||
</div>
|
||
</div>
|
||
<div class="content btm-notice-section">
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-left">
|
||
<a
|
||
href="javascript:mes_login();"
|
||
style="width: 360px; overflow-x: hidden"
|
||
>CQ9 <20><><EFBFBD>˾ȳ<CBBE> <20><EFBFBD>Ʈ <20>Դϴ<D4B4>.</a
|
||
>
|
||
</td>
|
||
<td class="date-td">2022-06-24</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="text-left">
|
||
<a
|
||
href="javascript:mes_login();"
|
||
style="width: 360px; overflow-x: hidden"
|
||
>- <20><><EFBFBD><EFBFBD> <20><><EFBFBD> <20>ȳ<EFBFBD> -</a
|
||
>
|
||
</td>
|
||
<td class="date-td">2022-06-08</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="text-left">
|
||
<a
|
||
href="javascript:mes_login();"
|
||
style="width: 360px; overflow-x: hidden"
|
||
>- <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>α<CEB1> <20>̿<EFBFBD> <20>ȳ<EFBFBD> -</a
|
||
>
|
||
</td>
|
||
<td class="date-td">2022-06-08</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="text-left">
|
||
<a
|
||
href="javascript:mes_login();"
|
||
style="width: 360px; overflow-x: hidden"
|
||
>- <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20>ȳ<EFBFBD> -</a
|
||
>
|
||
</td>
|
||
<td class="date-td">2022-06-08</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="text-left">
|
||
<a
|
||
href="javascript:mes_login();"
|
||
style="width: 360px; overflow-x: hidden"
|
||
>- <20><><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>) <20><><EFBFBD> <20>ȳ<EFBFBD> -</a
|
||
>
|
||
</td>
|
||
<td class="date-td">2022-06-08</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
|
||
<!-- <footer class="footer-section w-ba">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="provider-logo">
|
||
<img src="assets/images/beteran/ag(2).png" />
|
||
<img src="assets/images/beteran/microgaming(2).png" />
|
||
<img src="assets/images/beteran/evolution(1).png" />
|
||
<img src="assets/images/beteran/pragmatic(2).png" />
|
||
<img src="assets/images/beteran/oriental(1).png" />
|
||
<img class="no-shadow" src="assets/images/beteran/sexygaming.png" />
|
||
<img src="assets/images/beteran/dreamgaming(1).png" />
|
||
<img src="assets/images/beteran/cq9(1).png" />
|
||
<img src="assets/images/beteran/bng(1).png" />
|
||
<img src="assets/images/beteran/habanero(1).png" />
|
||
<img src="assets/images/beteran/bgaming.png" />
|
||
<img src="assets/images/beteran/stargame.png" />
|
||
<img src="assets/images/beteran/evoplay.png" />
|
||
<img src="assets/images/beteran/aristocrat.png" />
|
||
<img src="assets/images/beteran/playngo(1).png" />
|
||
<img src="assets/images/beteran/genesis.png" />
|
||
</div>
|
||
</div>
|
||
<div class="copyright w-ba">
|
||
<img
|
||
src="assets/images/beteran/Nova_logo(1).png"
|
||
style="width: 200px"
|
||
/>
|
||
<p class="mb-0 mt-3"><3E><> COPYRIGHT Nova 2022 ALL RIGHTS RESERVED.</p>
|
||
</div>
|
||
</div>
|
||
</footer> -->
|
||
<div class="sn-overlay"></div>
|
||
<button class="scroll-top w-ba" style="display: none">
|
||
<i class="fas fa-caret-up" aria-hidden="true"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|