change index.html
This commit is contained in:
parent
3739e7c8df
commit
14faedec45
@ -1,387 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="utf-8"> <![endif]-->
|
||||
<!--[if IE 8 ]><html class="no-js ie ie8" lang="utf-8"> <![endif]-->
|
||||
<!--[if IE 9 ]><html class="no-js ie ie9" lang="utf-8"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="utf-8"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>일본 최저가 TRi-aBility</title>
|
||||
<meta name="description" content="TRi-aBility">
|
||||
<meta name="author" content="TRi-aBility">
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/media-queries.css">
|
||||
<script src="js/modernizr.js"></script>
|
||||
<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<body class="homepage">
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<img src="images/loader.gif" height="60" width="60" alt="">
|
||||
<div class="loader">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
<header id="main-header">
|
||||
<div class="row header-inner">
|
||||
<!--<div class="logo">
|
||||
<a class="smoothscroll" href="#hero">TRi-aBility</a>
|
||||
</div>-->
|
||||
<nav id="nav-wrap">
|
||||
<ul id="nav" class="nav">
|
||||
<li class="current"><a class="smoothscroll" href="#hero">홈</a></li>
|
||||
<li><a class="smoothscroll" href="#services">서버호스팅</a></li>
|
||||
<li><a class="smoothscroll" href="#company">VPN서버</a></li>
|
||||
<li><a class="smoothscroll" href="#infrastructure">센터소개</a></li>
|
||||
<li><a class="smoothscroll" href="#journal">방어서비스</a></li>
|
||||
<li><a class="smoothscroll" href="#contact">고객지원</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section id="hero">
|
||||
<div class="row hero-content">
|
||||
<div class="twelve columns flex-container">
|
||||
<div id="hero-slider" class="flexslider">
|
||||
<ul class="slides">
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1>일본 최저가 IDC</h1>
|
||||
<font color=white>
|
||||
일본 현존 IDC중 최저가로 모시고 있습니다.<br>
|
||||
타 IDC대 비해 약 20%정도 저렴한 가격으로 서비스를 하고 있습니다.<br>
|
||||
TRi-aBility에서 거품을 확 걷어낸 가격으로 부담없이 서버를 이용해 보세요
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" href="#contact" >스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1 style="font-size:50px;">강력한 Ddos 방어회선</h1>
|
||||
<font color=white>
|
||||
Ddos 공격이 두려우시다고요? <br>저희 TRi-aBility에서는 센터 운영중 최대 200G공격을 막아낸 경험이 있습니다.<br>
|
||||
TRi-aBility와 함께하신다면 Ddos에 대해서는 안심하셔도 됩니다.
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" target="_blank" href="#contact" >스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1 style="font-size:50px;">24시간 365일 연중무휴</h1>
|
||||
<font color=white>
|
||||
TRi-aBility 상담원은 늘 고객님과 함께합니다. <br>언제든지 문의주시면 빠른 시간내에 답변을 드리고 있습니다.<br>
|
||||
궁금하시거나 불편하신 사항이 있으시다면 언제든지 문의 부탁드리겠습니다.
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" target="_blank" href="#contact">스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ##################################서버호스팅 시작 ############################################### -->
|
||||
<section id="services">
|
||||
<div class="row">
|
||||
<h3>SERVER HOSTING SERVICE</h3>
|
||||
<hr />
|
||||
<p>TRi-aBility에서 현재 서비스하고있는 서버들 입니다. <br> 서버 라인업은 HP서버를 호스팅을 하고 있습니다. </p>
|
||||
<div class="bgrid">
|
||||
<img src="./images/serverinfo.png" >
|
||||
</div>
|
||||
<style>
|
||||
.product2 {margin-top:20px; border:1px solid #ccc; padding:25px 25px 20px 25px;width:800px;}
|
||||
.product2.onborder {border:3px solid #2290DB; padding:23px 23px 18px 23px}
|
||||
.product2:after {display:block; clear:both; content:''}
|
||||
.product2 .left {float:left; width:290px}
|
||||
.product2 .right {float:left; width:372px; position:relative}
|
||||
.product2 .right h4 {font-size:18px; color:#444; line-height:30px}
|
||||
.product2 .right h4 .btn_pack {margin-top:3px}
|
||||
.product2 .right li {background:url('/images/bu_guide.gif') no-repeat left 9px; padding-left:11px; line-height:20px}
|
||||
.product2 .right li.dot {background:url('/images/bu_dot.gif') repeat-x left 5px; height:15px; line-height:15px}
|
||||
.product2 .right .btn_pack.xlarge {position:absolute; top:30px; right:-20px;}
|
||||
.product2 .right .btn_pack.xlarge a {width:100px}
|
||||
.mt10 {margin:10px 0 0 0}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Additional service</h1>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h2>서비스 지원을 위한 기본 구성</h2>
|
||||
</div>
|
||||
<style>
|
||||
#index #backup li {
|
||||
list-style: none;
|
||||
width: 400px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#index #backup li h5 {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
padding: 0 0 0 200px;
|
||||
min-height: 5px
|
||||
}
|
||||
|
||||
#index #backup li.point1 h5 {
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#index #backup li.point2 h5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
#index #backup li.point3 h5 {
|
||||
padding-left: 64px;
|
||||
}
|
||||
|
||||
#index #backup li h5 strong {
|
||||
font-size: 34px;
|
||||
color: #ef4d1c;
|
||||
}
|
||||
#index #backup li.point1 h5 strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
#index #backup li.point2 h5 strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
#index #backup li h5 span {
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#index #backup li figure {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 58px;
|
||||
}
|
||||
#index #backup li.point2 figure {
|
||||
top: 5px;
|
||||
left: 52px;
|
||||
}
|
||||
|
||||
#index #backup div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#safety{clear: both; width: 960px; margin-left: auto; margin-right: auto;}
|
||||
#safety .t01{font-size: 24px; color: #fe7800; line-height: 1.4;}
|
||||
#safety .p01{padding-bottom: 30px;}
|
||||
#safety #safeList strong{color: #fe7800 !important;}
|
||||
#safety .toDetail:hover{
|
||||
filter: alpha(opacity=70);
|
||||
opacity:0.7;
|
||||
}
|
||||
</style>
|
||||
<div id=index>
|
||||
<section id="safety">
|
||||
<h1 class="t01"></h1>
|
||||
<p class="p01">
|
||||
TRi-aBility에서는 보다 안정하고 신뢰성있는 서비스를 위해서<br>
|
||||
기본적으로 고객님들에게 제공되고 있는 서비스입니다.<br>
|
||||
|
||||
</p>
|
||||
<div class="bgrid">
|
||||
<img src="./images/server.png" >
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/backup.png" >
|
||||
<br><br><br><br><br>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
|
||||
<style>
|
||||
.service-table {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: solid 3px #b2b2b2;
|
||||
}
|
||||
.service-table th,
|
||||
.service-table td {
|
||||
line-height: 140%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.service-table th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.service-table-item-th-side,
|
||||
.service-table-item-th,
|
||||
.service-table-item {
|
||||
border-bottom: solid 1px #b2b2b2;
|
||||
}
|
||||
|
||||
.service-table-item-th-gray {
|
||||
background-color: #c0cccc;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange {
|
||||
background-color: #e88a11;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange a:hover {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.service-table-item-th-side {
|
||||
border-right: solid 2px #b2b2b2;
|
||||
background: #e6ebeb;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- ##################################서버호스팅 끝 ############################################ -->
|
||||
<!-- ############################VPN 시작 ##################################################### -->
|
||||
<section id="company">
|
||||
<div class="row">
|
||||
<h3>VPN SERVER</h3>
|
||||
<hr />
|
||||
<p>TRi-aBility에서는 한국 일본 IP를 이용한 VPN 서버임대를 운용하고 있습니다. <br> 한 서버에 여러개의 계정을 이용하여 공용으로 사용하는것이 아닌 <br>
|
||||
단독 VPN서버를 제공해드려 보안이 매우 뛰어나고 , VPN서버를 단독으로 임대하는 부분인데도 가격이 저렴합니다. </p>
|
||||
<p> 더 자세한 사항은 상담하기 버튼을 누르시면 보다 빠른 상담이 가능합니다. </p>
|
||||
<div class="bgrid">
|
||||
<img style="border: 8px solid white; border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px;" src="./images/vpninfo.png" >
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################VPN 끝 ##################################################### -->
|
||||
<!-- ################################서비스 시작############################################### -->
|
||||
<section id="infrastructure">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Introduce center</h1>
|
||||
<hr />
|
||||
<p>강력하고 높은 신뢰선을 갖춘 회선 및 시설과 대용량 고속 네트워크를 확보하였으며<br>
|
||||
ISP와 협업 하여 일본내에서 최고의 Ddos 방어서비스를 제공하여 속도 및 방어를 모두 완벽하게 갖춘 상태입니다.<br>
|
||||
<br>
|
||||
<img src="./images/topology.png" border="0" style="max-width: 60%; max-height: 60%;">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="twelve columns">
|
||||
<div class="service-list bgrid-third s-bgrid-half mob-bgrid-whole">
|
||||
<div class="bgrid">
|
||||
<img src="./images/soft.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/kddi.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/usen.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/equinix.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/cisco.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/amazon.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- ##################################서비스 끝 ############################################### -->
|
||||
<!-- ############################방서서비스 시작 ##################################################### -->
|
||||
<section id="journal">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Defense services</h1>
|
||||
<hr />
|
||||
<div class="bgrid">
|
||||
<img src="./images/ddosmain.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################방서서비스 끝 ##################################################### -->
|
||||
<!-- ############################컨택 시작 ######################################################## -->
|
||||
<section id="contact">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>CONTACT US</h1>
|
||||
<hr />
|
||||
<p>
|
||||
TRi-aBility는 항상 대기중에 있습니다. 아래와 같이 내용을 작성해주시면 <br>
|
||||
저희 TRi-aBility에서 궁금한점에 대해서 상담을 도와드리고 있습니다. <br>
|
||||
아래의 스카이프 바로가기 버튼을 누르시면 보다 빠르고 정확한 상담이 가능합니다.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<a href="skype:centermyidc?chat"><img src="./images/skypeclick.png" ></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################컨택 끝 ##################################################### -->
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="six columns tab-whole footer-about">
|
||||
<h3>TRi-aBility</h3>
|
||||
<p>고객님의 서버를 안전하게 지켜주기 위해 , 최첨단 인프라와 최고의 서비스 강력한 네트워크를 기반으로 365일 안정된 서비스를 제공하는 IDC센터입니다. </p>
|
||||
<p>Ddos에 고민이 있으시면 언제든지 연락주세요 <br> TEL 1544-7652 <br> SKYPE : centermyidc</p>
|
||||
</div>
|
||||
<div class="six columns tab-whole right-cols">
|
||||
<div class="row">
|
||||
<div class="columns ">
|
||||
</div>
|
||||
<div class="columns last">
|
||||
<h3 class="contact">Contact Us</h3>
|
||||
<p>서울특별시 관악구 신림로59길 23, 12층 스페이스액트 16에이(신림동,삼모스포렉스)<br> 트라이어빌리티주식회사(영업소) </p>
|
||||
<ul>
|
||||
<li>TEL : 1544-7652</li>
|
||||
<li>SKYPE : centermyidc</li>
|
||||
<li>centermyidc@gmail.com</li>
|
||||
<li>대표자: 김종미</li>
|
||||
<li>법인등록번호: 11018100662865</li>
|
||||
<li>트라이어빌리티주식회사(영업소)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© Copyright 2023 TRi-aBility Co,LTD </p>
|
||||
<div id="go-top">
|
||||
<a class="smoothscroll" title="Back to Top" href="#hero"><span>맨 위로</span><i class="fa fa-long-arrow-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
|
||||
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
|
||||
<script src="js/jquery.flexslider.js"></script>
|
||||
<script src="js/jquery.fittext.js"></script>
|
||||
<script src="js/backstretch.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
net/public/index.html
Symbolic link
1
net/public/index.html
Symbolic link
@ -0,0 +1 @@
|
||||
index_old.html
|
||||
387
net/public/index_new.html
Normal file
387
net/public/index_new.html
Normal file
@ -0,0 +1,387 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="utf-8"> <![endif]-->
|
||||
<!--[if IE 8 ]><html class="no-js ie ie8" lang="utf-8"> <![endif]-->
|
||||
<!--[if IE 9 ]><html class="no-js ie ie9" lang="utf-8"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="utf-8"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>일본 최저가 TRi-aBility</title>
|
||||
<meta name="description" content="TRi-aBility">
|
||||
<meta name="author" content="TRi-aBility">
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/media-queries.css">
|
||||
<script src="js/modernizr.js"></script>
|
||||
<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
|
||||
</head>
|
||||
<body class="homepage">
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<img src="images/loader.gif" height="60" width="60" alt="">
|
||||
<div class="loader">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
<header id="main-header">
|
||||
<div class="row header-inner">
|
||||
<!--<div class="logo">
|
||||
<a class="smoothscroll" href="#hero">TRi-aBility</a>
|
||||
</div>-->
|
||||
<nav id="nav-wrap">
|
||||
<ul id="nav" class="nav">
|
||||
<li class="current"><a class="smoothscroll" href="#hero">홈</a></li>
|
||||
<li><a class="smoothscroll" href="#services">서버호스팅</a></li>
|
||||
<li><a class="smoothscroll" href="#company">VPN서버</a></li>
|
||||
<li><a class="smoothscroll" href="#infrastructure">센터소개</a></li>
|
||||
<li><a class="smoothscroll" href="#journal">방어서비스</a></li>
|
||||
<li><a class="smoothscroll" href="#contact">고객지원</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section id="hero">
|
||||
<div class="row hero-content">
|
||||
<div class="twelve columns flex-container">
|
||||
<div id="hero-slider" class="flexslider">
|
||||
<ul class="slides">
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1>일본 최저가 IDC</h1>
|
||||
<font color=white>
|
||||
일본 현존 IDC중 최저가로 모시고 있습니다.<br>
|
||||
타 IDC대 비해 약 20%정도 저렴한 가격으로 서비스를 하고 있습니다.<br>
|
||||
TRi-aBility에서 거품을 확 걷어낸 가격으로 부담없이 서버를 이용해 보세요
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" href="#contact" >스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1 style="font-size:50px;">강력한 Ddos 방어회선</h1>
|
||||
<font color=white>
|
||||
Ddos 공격이 두려우시다고요? <br>저희 TRi-aBility에서는 센터 운영중 최대 200G공격을 막아낸 경험이 있습니다.<br>
|
||||
TRi-aBility와 함께하신다면 Ddos에 대해서는 안심하셔도 됩니다.
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" target="_blank" href="#contact" >스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex-caption">
|
||||
<h1 style="font-size:50px;">24시간 365일 연중무휴</h1>
|
||||
<font color=white>
|
||||
TRi-aBility 상담원은 늘 고객님과 함께합니다. <br>언제든지 문의주시면 빠른 시간내에 답변을 드리고 있습니다.<br>
|
||||
궁금하시거나 불편하신 사항이 있으시다면 언제든지 문의 부탁드리겠습니다.
|
||||
</font>
|
||||
<p><a class="button stroke smoothscroll" target="_blank" href="#contact">스카이프 상담하기</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ##################################서버호스팅 시작 ############################################### -->
|
||||
<section id="services">
|
||||
<div class="row">
|
||||
<h3>SERVER HOSTING SERVICE</h3>
|
||||
<hr />
|
||||
<p>TRi-aBility에서 현재 서비스하고있는 서버들 입니다. <br> 서버 라인업은 HP서버를 호스팅을 하고 있습니다. </p>
|
||||
<div class="bgrid">
|
||||
<img src="./images/serverinfo.png" >
|
||||
</div>
|
||||
<style>
|
||||
.product2 {margin-top:20px; border:1px solid #ccc; padding:25px 25px 20px 25px;width:800px;}
|
||||
.product2.onborder {border:3px solid #2290DB; padding:23px 23px 18px 23px}
|
||||
.product2:after {display:block; clear:both; content:''}
|
||||
.product2 .left {float:left; width:290px}
|
||||
.product2 .right {float:left; width:372px; position:relative}
|
||||
.product2 .right h4 {font-size:18px; color:#444; line-height:30px}
|
||||
.product2 .right h4 .btn_pack {margin-top:3px}
|
||||
.product2 .right li {background:url('/images/bu_guide.gif') no-repeat left 9px; padding-left:11px; line-height:20px}
|
||||
.product2 .right li.dot {background:url('/images/bu_dot.gif') repeat-x left 5px; height:15px; line-height:15px}
|
||||
.product2 .right .btn_pack.xlarge {position:absolute; top:30px; right:-20px;}
|
||||
.product2 .right .btn_pack.xlarge a {width:100px}
|
||||
.mt10 {margin:10px 0 0 0}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Additional service</h1>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h2>서비스 지원을 위한 기본 구성</h2>
|
||||
</div>
|
||||
<style>
|
||||
#index #backup li {
|
||||
list-style: none;
|
||||
width: 400px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#index #backup li h5 {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
padding: 0 0 0 200px;
|
||||
min-height: 5px
|
||||
}
|
||||
|
||||
#index #backup li.point1 h5 {
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#index #backup li.point2 h5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
#index #backup li.point3 h5 {
|
||||
padding-left: 64px;
|
||||
}
|
||||
|
||||
#index #backup li h5 strong {
|
||||
font-size: 34px;
|
||||
color: #ef4d1c;
|
||||
}
|
||||
#index #backup li.point1 h5 strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
#index #backup li.point2 h5 strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
#index #backup li h5 span {
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#index #backup li figure {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 58px;
|
||||
}
|
||||
#index #backup li.point2 figure {
|
||||
top: 5px;
|
||||
left: 52px;
|
||||
}
|
||||
|
||||
#index #backup div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#safety{clear: both; width: 960px; margin-left: auto; margin-right: auto;}
|
||||
#safety .t01{font-size: 24px; color: #fe7800; line-height: 1.4;}
|
||||
#safety .p01{padding-bottom: 30px;}
|
||||
#safety #safeList strong{color: #fe7800 !important;}
|
||||
#safety .toDetail:hover{
|
||||
filter: alpha(opacity=70);
|
||||
opacity:0.7;
|
||||
}
|
||||
</style>
|
||||
<div id=index>
|
||||
<section id="safety">
|
||||
<h1 class="t01"></h1>
|
||||
<p class="p01">
|
||||
TRi-aBility에서는 보다 안정하고 신뢰성있는 서비스를 위해서<br>
|
||||
기본적으로 고객님들에게 제공되고 있는 서비스입니다.<br>
|
||||
|
||||
</p>
|
||||
<div class="bgrid">
|
||||
<img src="./images/server.png" >
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/backup.png" >
|
||||
<br><br><br><br><br>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
|
||||
<style>
|
||||
.service-table {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: solid 3px #b2b2b2;
|
||||
}
|
||||
.service-table th,
|
||||
.service-table td {
|
||||
line-height: 140%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.service-table th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.service-table-item-th-side,
|
||||
.service-table-item-th,
|
||||
.service-table-item {
|
||||
border-bottom: solid 1px #b2b2b2;
|
||||
}
|
||||
|
||||
.service-table-item-th-gray {
|
||||
background-color: #c0cccc;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange {
|
||||
background-color: #e88a11;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.service-table-item-th-orange a:hover {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.service-table-item-th-side {
|
||||
border-right: solid 2px #b2b2b2;
|
||||
background: #e6ebeb;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- ##################################서버호스팅 끝 ############################################ -->
|
||||
<!-- ############################VPN 시작 ##################################################### -->
|
||||
<section id="company">
|
||||
<div class="row">
|
||||
<h3>VPN SERVER</h3>
|
||||
<hr />
|
||||
<p>TRi-aBility에서는 한국 일본 IP를 이용한 VPN 서버임대를 운용하고 있습니다. <br> 한 서버에 여러개의 계정을 이용하여 공용으로 사용하는것이 아닌 <br>
|
||||
단독 VPN서버를 제공해드려 보안이 매우 뛰어나고 , VPN서버를 단독으로 임대하는 부분인데도 가격이 저렴합니다. </p>
|
||||
<p> 더 자세한 사항은 상담하기 버튼을 누르시면 보다 빠른 상담이 가능합니다. </p>
|
||||
<div class="bgrid">
|
||||
<img style="border: 8px solid white; border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px;" src="./images/vpninfo.png" >
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################VPN 끝 ##################################################### -->
|
||||
<!-- ################################서비스 시작############################################### -->
|
||||
<section id="infrastructure">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Introduce center</h1>
|
||||
<hr />
|
||||
<p>강력하고 높은 신뢰선을 갖춘 회선 및 시설과 대용량 고속 네트워크를 확보하였으며<br>
|
||||
ISP와 협업 하여 일본내에서 최고의 Ddos 방어서비스를 제공하여 속도 및 방어를 모두 완벽하게 갖춘 상태입니다.<br>
|
||||
<br>
|
||||
<img src="./images/topology.png" border="0" style="max-width: 60%; max-height: 60%;">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="twelve columns">
|
||||
<div class="service-list bgrid-third s-bgrid-half mob-bgrid-whole">
|
||||
<div class="bgrid">
|
||||
<img src="./images/soft.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/kddi.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/usen.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/equinix.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/cisco.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<img src="./images/amazon.png" width="210" height="105" border="0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- ##################################서비스 끝 ############################################### -->
|
||||
<!-- ############################방서서비스 시작 ##################################################### -->
|
||||
<section id="journal">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>Defense services</h1>
|
||||
<hr />
|
||||
<div class="bgrid">
|
||||
<img src="./images/ddosmain.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################방서서비스 끝 ##################################################### -->
|
||||
<!-- ############################컨택 시작 ######################################################## -->
|
||||
<section id="contact">
|
||||
<div class="row section-head">
|
||||
<div class="twelve columns">
|
||||
<h1>CONTACT US</h1>
|
||||
<hr />
|
||||
<p>
|
||||
TRi-aBility는 항상 대기중에 있습니다. 아래와 같이 내용을 작성해주시면 <br>
|
||||
저희 TRi-aBility에서 궁금한점에 대해서 상담을 도와드리고 있습니다. <br>
|
||||
아래의 스카이프 바로가기 버튼을 누르시면 보다 빠르고 정확한 상담이 가능합니다.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bgrid">
|
||||
<a href="skype:centermyidc?chat"><img src="./images/skypeclick.png" ></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ############################컨택 끝 ##################################################### -->
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="six columns tab-whole footer-about">
|
||||
<h3>TRi-aBility</h3>
|
||||
<p>고객님의 서버를 안전하게 지켜주기 위해 , 최첨단 인프라와 최고의 서비스 강력한 네트워크를 기반으로 365일 안정된 서비스를 제공하는 IDC센터입니다. </p>
|
||||
<p>Ddos에 고민이 있으시면 언제든지 연락주세요 <br> TEL 1544-7652 <br> SKYPE : centermyidc</p>
|
||||
</div>
|
||||
<div class="six columns tab-whole right-cols">
|
||||
<div class="row">
|
||||
<div class="columns ">
|
||||
</div>
|
||||
<div class="columns last">
|
||||
<h3 class="contact">Contact Us</h3>
|
||||
<p>서울특별시 관악구 신림로59길 23, 12층 스페이스액트 16에이(신림동,삼모스포렉스)<br> 트라이어빌리티주식회사(영업소) </p>
|
||||
<ul>
|
||||
<li>TEL : 1544-7652</li>
|
||||
<li>SKYPE : centermyidc</li>
|
||||
<li>centermyidc@gmail.com</li>
|
||||
<li>대표자: 김종미</li>
|
||||
<li>법인등록번호: 11018100662865</li>
|
||||
<li>트라이어빌리티주식회사(영업소)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© Copyright 2023 TRi-aBility Co,LTD </p>
|
||||
<div id="go-top">
|
||||
<a class="smoothscroll" title="Back to Top" href="#hero"><span>맨 위로</span><i class="fa fa-long-arrow-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
|
||||
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
|
||||
<script src="js/jquery.flexslider.js"></script>
|
||||
<script src="js/jquery.fittext.js"></script>
|
||||
<script src="js/backstretch.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user