Savings. Shopping.Get Checkmate
<p><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/js/bootstrap.min.js" integrity="sha512-8qmis31OQi6hIRgvkht0s6mCOittjMa9GMqtK9hes5iEQBQE/Ca6yGE5FsW36vyipGoWQswBj/QBm2JR086Rkw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/css/bootstrap.min.css" integrity="sha512-oc9+XSs1H243/FRN9Rw62Fn8EtxjEYWHXRvjS43YtueEewbS6ObfXcJNyohjHqVKFPoXXUxwc+q1K7Dee6vv9g==" crossorigin="anonymous" referrerpolicy="no-referrer"></p>
<style>
@media (max-width: 768px) {
.tab-panel {
padding: 0;
}
}
/*------- be3600-main-container --------*/
.be3600-main-container {
.carousel-indicators,
.carousel-control-next,
.carousel-control-prev {
filter: invert(20%);
}
.gl-rounded {
border-radius: 15px !important;
}
.text-be3600 {
font-size: 1.5rem;
color: #4cafe2;
}
.btn-round-be3600 {
background-color: #4cafe2;
color: #FFF;
border-radius: 50px;
padding: 1rem 2rem;
text-transform: uppercase;
font-weight: bold;
@media (max-width: 768px) {
min-height: 50px;
border-radius: 50px;
padding: 12px 2rem;
text-transform: uppercase;
font-weight: bold;
}
}
.btn-round-be3600:hover {
background-color: #FFF;
color: #4cafe2;
border-color: #4cafe2;
}
/*------- 1st video background --------*/
.video-header-be3600 {
position: relative;
background-color: black;
height: 55rem;
min-height: 25rem;
width: 100%;
overflow: hidden;
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.4;
z-index: 1;
}
video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.container {
position: relative;
z-index: 2;
#mc-embedded-subscribe-form {
@media (max-width: 991px) {
width: 70%;
}
@media (max-width: 576px) {
margin: auto;
width: 80%;
}
}
#mailchimp-be3600 input {
border: medium none;
color: gray;
font-size: 16px;
padding: 8px 25px;
width: auto;
height: 50px;
border-radius: 25px 0px 0px 25px;
@include media-breakpoint-down(xs) {
width: 100%;
height: 40px;
font-size: 13px;
}
}
#mailchimp-be3600 input.email {
background: #fff;
}
#mailchimp-be3600 input[type="submit"] {
background: #1290cf;
color: #fff;
cursor: pointer;
font-size: 15px;
width: 135px;
height: 50px;
padding: 8px 3px;
border-radius: 0px 25px 25px 0px;
text-transform: uppercase;
font-weight: bold;
@include media-breakpoint-down(xs) {
width: 100%;
height: 40px;
font-size: 13px;
padding: 8px 13px;
}
}
#mailchimp-be3600 input[type="submit"]:hover {
background-color: #0e71a3;
color: #FFF;
}
}
}
@media (pointer: coarse) and (hover: none) {
.video-header-be3600 {
background: url('https://static.gl-inet.com/www/images/products/gl-be3600/be3600_bg_teaser.mp4') black no-repeat center center scroll;
}
.video-header-be3600 video {
display: none;
}
}
.carousel-control-next,
.carousel-control-prev {
opacity: 1;
}
.grid {
display: grid;
grid-auto-rows: 6rem;
@media (max-width:991px) {
grid-auto-rows: 7rem;
}
@media (max-width:768px) {
grid-auto-rows: 6.5rem;
}
@media (max-width:400px) {
grid-auto-rows: 5.2rem;
}
.grid-item {
position: relative;
margin: 0.3rem;
overflow: hidden;
}
.grid-cell {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
height: 100%;
width: 100%;
background-color: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
h2 {
font-size: 2rem;
@media (max-width:1199px) {
font-size: 1.5rem;
}
@media (max-width:768px) {
font-size: 1.25rem;
}
@media (max-width:576px) {
font-size: 1rem;
}
}
img {
width: 50%;
}
p {
margin-bottom: 0;
@media (max-width:576px) {
font-size: 0.75rem;
}
}
}
.item-1 {
.grid-cell {
@media (max-width:768px) {
background-size: 100%;
background-position-y: 80%;
}
@media (max-width:576px) {
background-position-y: 90%;
}
h2 {
position: relative;
top: 2rem;
@media (max-width:1280px) {
top: 1.5rem;
font-size: 1.75rem;
}
@media (max-width:991px) {
top: 1rem;
font-size: 2rem;
}
@media (max-width:768px) {
top: 0;
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
}
}
.item-2 {
.grid-cell {
@media (max-width:1280px) {
background-position-x: 40%;
}
@media (max-width:768px) {
background-size: 110%;
background-position-x: 0%;
}
h2 {
position: relative;
top: 2rem;
@media (max-width:1280px) {
top: 1.5rem;
font-size: 1.75rem;
}
@media (max-width:991px) {
top: 1rem;
font-size: 2rem;
}
@media (max-width:768px) {
top: 0;
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
}
}
.item-3 {
.grid-cell {
@media (max-width:991px) {
background-position-y: 72%;
}
@media (max-width:576px) {
background-position-y: 100%;
}
h2 {
position: relative;
top: 2rem;
@media (max-width:1280px) {
top: 1.5rem;
font-size: 1.75rem;
}
@media (max-width:991px) {
top: 1rem;
font-size: 2rem;
}
@media (max-width:768px) {
top: 0;
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
}
}
.item-4 {
.grid-cell {
align-content: start;
>div {
position: relative;
top: 2rem;
@media (max-width:1280px) {
top: 1.5rem;
}
@media (max-width:991px) {
top: 0.5rem;
}
@media (max-width:768px) {
top: 0;
}
@media (max-width:576px) {
top: 1.5rem;
}
@media (max-width:400px) {
top: 0.75rem;
}
h2 {
font-size: 2rem;
@media (max-width:1280px) {
font-size: 1.75rem;
}
@media (max-width:991px) {
font-size: 1.75rem;
}
@media (max-width:768px) {
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
img {
width: auto;
height: 3.5rem;
@media (max-width:1199px) {
height: 3.5rem;
}
@media (max-width:576px) {
height: 4.2rem;
}
@media (max-width:460px) {
height: 3.3rem;
}
}
}
}
}
.item-5 {
.grid-cell {
@media (max-width:1199px) {
background-position-x: 100%;
background-size: 115%;
}
@media (max-width:991px) {
background-size: 80%;
}
h2 {
font-size: 1.75rem;
@media (max-width:768px) {
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
img {
width: 7.2rem;
@media (max-width:991px) {
width: 6.2rem;
}
@media (max-width:768px) {
width: 4.5rem;
}
@media (max-width:576px) {
width: 5.5rem;
}
@media (max-width:400px) {
width: 4rem;
}
}
}
}
.item-6 {
.grid-cell {
align-content: end;
background-position-y: 70%;
@media (max-width:991px) {
background-position-y: 55%;
background-position-x: 30%;
background-size: 106%;
}
@media (max-width:576px) {
align-content: start;
background-position-x: 10%;
background-position-y: 35%;
background-size: 105%;
}
h2 {
@media (max-width:1280px) {
top: 1.5rem;
font-size: 1.75rem;
}
@media (max-width:991px) {
top: 1rem;
font-size: 1.75rem;
}
@media (max-width:768px) {
top: 0;
font-size: 1.5rem;
}
@media (max-width:576px) {
font-size: 1.25rem;
}
}
}
}
.item-7,
.item-8,
.item-9 {
.grid-cell {
>div {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
}
/* grid control*/
.item-1 {
grid-area: 1 / 1 / span 4 / span 3;
}
.item-2 {
grid-area: 1 / 4 / span 4 / span 3;
}
.item-3 {
grid-area: 1 / 7 / span 3 / span 3;
}
.item-4 {
grid-area: 1 / 10 / span 3 / span 3;
}
.item-5 {
grid-area: 4 / 7 / span 3 / span 3;
}
.item-6 {
grid-area: 4 / 10 / span 3 / span 3;
}
.item-7 {
grid-area: 5 / 1 / span 2 / span 2;
}
.item-8 {
grid-area: 5 / 3 / span 2 / span 2;
}
.item-9 {
grid-area: 5 / 5 / span 2 / span 2;
}
@media (max-width:991px) {
.item-1 {
grid-area: 1 / 1 / span 4 / span 6;
}
.item-2 {
grid-area: 5 / 7 / span 4 / span 6;
}
.item-3 {
grid-area: 1 / 7 / span 2 / span 6;
}
.item-4 {
grid-area: 3 / 7 / span 2 / span 6;
}
.item-5 {
grid-area: 5 / 1 / span 2 / span 6;
}
.item-6 {
grid-area: 7 / 1 / span 2 / span 6;
}
.item-7 {
grid-area: 9 / 1 / span 2 / span 4;
}
.item-8 {
grid-area: 9 / 5 / span 2 / span 4;
}
.item-9 {
grid-area: 9 / 9 / span 2 / span 4;
}
}
@media (max-width:768px) {
.item-1 {
grid-area: 1 / 1 / span 3 / span 12;
}
.item-2 {
grid-area: 6 / 1 / span 3 / span 12;
}
.item-3 {
grid-area: 4 / 1 / span 2 / span 6;
}
.item-4 {
grid-area: 4 / 7 / span 2 / span 6;
}
.item-5 {
grid-area: 9 / 1 / span 2 / span 6;
}
.item-6 {
grid-area: 9 / 7 / span 2 / span 6;
}
.item-7 {
grid-area: 11 / 1 / span 2 / span 4;
}
.item-8 {
grid-area: 11 / 5 / span 2 / span 4;
}
.item-9 {
grid-area: 11 / 9 / span 2 / span 4;
}
}
@media (max-width:576px) {
.item-1 {
grid-area: 1 / 1 / span 3 / span 12;
}
.item-2 {
grid-area: 8 / 1 / span 3 / span 12;
}
.item-3 {
grid-area: 6 / 1 / span 2 / span 6;
}
.item-4 {
grid-area: 4 / 1 / span 2 / span 12;
}
.item-5 {
grid-area: 6 / 7 / span 2 / span 6;
}
.item-6 {
grid-area: 11 / 1 / span 2 / span 12;
}
.item-7 {
grid-area: 13 / 1 / span 2 / span 4;
}
.item-8 {
grid-area: 13 / 5 / span 2 / span 4;
}
.item-9 {
grid-area: 13 / 9 / span 2 / span 4;
}
}
}
.wifi7 {
padding-top: 8rem;
padding-bottom: 9rem;
@media (max-width:768px) {
padding-top: 3rem;
padding-bottom: 3rem;
}
.txt-clip {
font-size: 10.5rem;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
background-color: #17a2b8;
background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/wifi-wave.jpg');
background-repeat: no-repeat;
background-size: 200%;
background-position: calc(50% - .32em) calc(50% - .3em);
line-height: 1;
margin-bottom: 1rem;
@media (max-width:1199px) {
font-size: 11rem;
margin-top: 3rem;
}
@media (max-width:768px) {
font-size: 7.5rem;
margin-top: 1.5rem;
margin-bottom: 0.25rem;
}
@media (max-width:460px) {
font-size: 5rem;
}
}
.progress {
color: #e2e2e2;
height: 1.25rem;
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(191, 255, 241, 0.8) 25%, transparent 25%, transparent 50%, rgba(191, 255, 241, 0.8) 50%, rgba(191, 255, 241, 0.8) 75%, transparent 75%, transparent);
}
}
h5 {
line-height: 1;
}
}
.animate {
.row {
>div {
transition: opacity 0.5s ease;
opacity: 0;
}
}
&.in-view {
.row {
>div {
opacity: 1;
&.animate__animated {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
}
}
}
/* .animate__animated p{
width: 400px!important;
} */
}
.vid {
height: 300vh;
position: relative;
z-index: 0;
@media (max-width: 991px) {
height: 300vh;
}
video {
width: 100%;
height: 100vh;
object-fit: cover;
}
.holder {
position: sticky;
top: 0;
margin-bottom: -0.5rem;
}
.story {
position: absolute;
top: 0;
left: 0;
width: 100%;
.story_container {
text-shadow: 0 .25rem 0.5rem rgba(0, 0, 0, .45);
display: flex;
justify-content: center;
text-align: center;
height: 100vh;
@media (max-width: 991px) {
height: 100vh;
}
.row {
position: fixed;
top: 0;
height: 100vh;
display: none;
h2 {
font-size: 5vh;
margin-bottom: 0.5rem;
@media (max-width: 991px) {
font-size: 5vh;
}
@media (max-width:768px) {
font-size: 4.2vh;
}
@media (max-width:576px) {
font-size: 8vw;
}
@media (max-width:400px) {
font-size: 8vw;
}
}
h3 {
font-size: 3vh;
margin-bottom: 0.5rem;
@media (max-width: 991px) {
font-size: 3vh
}
@media (max-width:768px) {
font-size: 3vh
}
@media (max-width:576px) {
font-size: 5vw;
}
@media (max-width:400px) {
font-size: 5vw;
}
}
p {
font-size: clamp(16px, 1.25vh, 32px);
@media (max-width:768px) {
font-size: clamp(14px, 1.25vh, 32px);
}
}
}
&#story-1 {
.row {
>div {
&.align-content-start {
padding-top: 23vh;
}
}
}
}
&#story-2 {
.row {
>div {
&.align-content-start {
padding-top: 23vh;
}
}
}
p {
width: 80%;
}
}
&#story-3 {
.row {
>div {
&.align-content-start {
padding-top: 30vh;
}
&.align-content-end {
padding-bottom: 20vh;
}
h3 {
font-size: 2vh;
}
}
}
}
}
}
}
.devices {
clip-path: circle(0%);
width: 80%;
aspect-ratio: 1 / 1;
margin: auto;
transform: scale(0.8);
transition: opacity 0.5s ease;
background-size: cover;
background-position: 50% center;
img {
object-fit: cover;
}
}
.in-view {
.devices {
clip-path: circle(50%);
transform: scale(1);
transition: all 1s ease-in-out
}
>.row{
display: flex!important;
}
}
.in-sticky {
&.story_container {
/* .row { */
position: sticky !important;
/* } */
}
}
}
</style>
<main class="be3600-container be3600-main-container">
<section class="video-header-be3600">
<div class="overlay"><br></div>
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_bg_teaser.mp4" type="video/mp4"></video>
<div class="container h-100">
<div class="d-flex h-100 text-center align-items-center">
<div class="w-100 text-white" style="padding-bottom: 200px;">
<h1 class="font-weight-bold text-uppercase">MEET Slate 7</h1>
<h3 class="mb-0">Dual-band Wi-Fi 7 Travel Router</h3>
</div>
</div>
</div>
</section>
<section class="p-4 py-lg-5">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-12 col-lg-7 col-xl-7 mb-4">
<h2 class="font-weight-bold text-left">GL.iNet's First Dual-band Wi-Fi 7 Travel Router</h2>
<p>Slate 7 delivers faster speeds and more stable connections, ensuring you stay connected in any environment. Equipped with dual 2.5G high-speed ports, it offers lightning-fast network performance, perfect for demanding tasks such as streaming, gaming, and video calls. Its compact and portable design makes it the ideal choice for business trips and vacations, providing secure internet access wherever you go.</p>
<div>
<span>Max. <span class="txt-lg text-info">688</span> Mbps (2.4GHz) + <span class="txt-lg text-info">2882</span> Mbps (5GHz) Fast Wi-Fi Speeds</span><br><span><span class="txt-lg text-info">Dual 2.5G</span> WAN Ports (1x WAN and 1x LAN Port)</span><br><span>Supports <span class="txt-lg text-info">Type-C power with PD</span> compatibility, featuring a lighter adapter</span>
</div>
</div>
<div class="col-12 col-md-10 col-lg-5 py-4">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active">
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="1" class="">
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="2" class="">
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="3" class="">
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="4" class="">
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="5" class="">
</li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_1.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_1.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_1.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<div class="carousel-item"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_2.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_2.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_2.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<div class="carousel-item"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_3.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_3.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_3.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<div class="carousel-item"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_4.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_4.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_4.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<div class="carousel-item"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_5.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_5.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_5.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<div class="carousel-item"><picture> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_6.webp" type="image/webp"> <source srcset="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_6.jpg" type="image/jpg"> <img class="d-block w-100" src="https://static.gl-inet.com/www/images/products/gl-be3600/gl_be3600_6.jpg" alt="Slate 7 (GL-BE3600)"></source></picture></div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon text-dark" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-0 py-4 py-lg-5 bg-light">
<div class="container">
<div class="grid w-100">
<div class="grid-item item-1">
<div class="grid-cell gl-rounded text-center px-3 px-md-4 pt-4" style="background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/wifi-7.jpg');">
<h2 class="font-weight-bold">Wi-Fi 7 <br><span class="text-info">3600</span>Mbps</h2>
</div>
</div>
<div class="grid-item item-2">
<div class="grid-cell gl-rounded text-left text-md-center px-4 pt-4" style="background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/vpn-server.jpg');">
<h2 class="font-weight-bold">VPN Server</h2>
</div>
</div>
<div class="grid-item item-3">
<div class="grid-cell gl-rounded text-center px-3 px-md-4 pt-4" style="background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/dual-port.jpg');">
<h2 class="font-weight-bold mb-0">Dual <span class="text-info">2.5G</span> Ports</h2>
</div>
</div>
<div class="grid-item item-4">
<div class="grid-cell gl-rounded text-center text-lg-center px-2 px-lg-2 py-3 py-md-4">
<div>
<h2 class="font-weight-bold mb-3 mb-md-2 mb-lg-3">
<span class="text-info">30+</span> VPN Services</h2>
<img class="mr-n2 pb-2" src="https://static.gl-inet.com/www/images/products/gl-be3600/vpn_services_1.png"> <br class="d-none d-md-block"><img class="ml-n2 ml-md-0 pb-2" src="https://static.gl-inet.com/www/images/products/gl-be3600/vpn_services_2.png">
</div>
</div>
</div>
<div class="grid-item item-5">
<div class="grid-cell gl-rounded text-center text-md-right text-lg-center px-2 px-md-4 py-4">
<div class="text-center text-md-left text-lg-center pb-0 pb-lg-3">
<h2 class="font-weight-bold mb-0 mb-md-n3 mb-lg-2">
<span class="text-info">OpenWrt</span> <br>Pre-installed</h2>
</div>
<img class="pb-2 mt-2 mt-md-0 mr-0 mr-md-n2 mr-lg-0" src="https://static.gl-inet.com/www/images/products/gl-be3600/icon_openwrt.svg">
</div>
</div>
<div class="grid-item item-6">
<div class="grid-cell gl-rounded text-left text-sm-center p-4" style="background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/type-c-port.jpg');">
<h2 class="font-weight-bold">
<span class="text-info">PD</span> Power Port</h2>
</div>
</div>
<div class="grid-item item-7">
<div class="grid-cell gl-rounded text-center">
<div>
<img class="pb-2" src="https://static.gl-inet.com/www/images/products/gl-be3600/icon_adguard-home.svg">
<p class="font-weight-bold">AdGuard Home</p>
</div>
</div>
</div>
<div class="grid-item item-8">
<div class="grid-cell gl-rounded text-center">
<div>
<img class="pb-2" src="https://static.gl-inet.com/www/images/products/gl-be3600/icon_dns.svg">
<p class="font-weight-bold">DNS</p>
</div>
</div>
</div>
<div class="grid-item item-9">
<div class="grid-cell gl-rounded text-center">
<div>
<img class="" src="https://static.gl-inet.com/www/images/products/gl-be3600/icon_usb-port.svg">
<p class="font-weight-bold">USB 3.0 Port</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-4 wifi7 bg-white" style="position: relative; z-index: 6;">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-11 col-md-12 col-lg-12 col-xl-6 text-center px-0 order-2 order-xl-1">
<h1 class="txt-clip">Wi-Fi 7</h1>
<div class="col-12 col-md-10 col-xl-12 text-left px-0 pt-3 pt-md-0 pb-3 m-auto">
<div class="row justify-content-center align-items-center">
<div class="col-9">
<p class="font-weight-bold mb-1">5GHz</p>
</div>
<div class="col-8 col-lg-7">
<div class="progress rounded-pill">
<div class="progress-bar progress-bar-striped progress-bar-animated rounded-pill bg-info" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><br></div>
</div>
</div>
<div class="col-2 px-0">
<h5 class="font-weight-bold text-info text-right mb-0">2882 Mbps</h5>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-9">
<p class="font-weight-bold mt-1 mt-md-3 mb-1">2.4GHz</p>
</div>
<div class="col-8 col-lg-7">
<div class="progress rounded-pill">
<div class="progress-bar progress-bar-striped progress-bar-animated rounded-pill bg-info" role="progressbar" style="width: 30%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><br></div>
</div>
</div>
<div class="col-2 px-0">
<h5 class="font-weight-bold text-info text-right mb-0">668 Mbps</h5>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12 col-xl-6 text-center text-xl-left order-1 order-xl-2">
<h2 class="font-weight-bold">Lightning-Fast Wi-Fi 7 Speeds</h2>
<p>Powered by Wi-Fi 7 technology, Slate 7 delivers speeds of up to 688 Mbps on 2.4GHz and 2882 Mbps on 5GHz, ensuring smooth 4K video streaming, secure access to public Wi-Fi while traveling, and efficient connectivity for business trips.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid vid px-0">
<div class="holder w-100"><video autoplay="autoplay" muted="" playsinline="">
<source media="(max-width: 991px)" src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_story_mobile.mp4" type="video/mp4">
<source src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_story_desktop.mp4" type="video/mp4"></source></video></div>
<div class="story text-white m-auto">
<!-- 1 -->
<div class="container-xxl story_container animate" id="story-1">
<div class="row justify-content-center w-100">
<div class="col-12 col-md-10 col-lg-8 align-content-start text-center">
<h2 class="font-weight-bold animate__animated">Compact Convenience</h2>
<h3 class="font-weight-bold animate__animated">for Modern Travelers</h3>
<p class="m-auto pt-3 animate__animated">Measuring just 130 x 91 x 34 mm, its compact design makes it a convenient companion for seamless on-the-go internet access.</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-xxl story_container animate" id="story-2">
<div class="row justify-content-center w-100">
<div class="col-12 col-md-8 col-lg-7 align-content-start text-center">
<h3 class="font-weight-bold animate__animated">A Masterpiece of</h3>
<h2 class="font-weight-bold animate__animated">Hardware Engineering</h2>
<p class="m-auto pt-3 animate__animated">Slate 7 features a Type-C power interface with PD compatibility, paired with a lightweight adapter to enhance convenience and portability. <br>With 1GB of DDR4 memory and 512MB of NAND Flash storage, the Slate 7 ensures smooth operation and ample space for essential configurations.</p>
</div>
</div>
</div>
<!-- 3 -->
<div class="container-xxl story_container animate animate_sticky" id="story-3">
<div class="row justify-content-center w-100">
<div class="col-12 col-md-10 col-lg-9 align-content-start text-center">
<h3 class="font-weight-bold m-auto animate__animated">Secured Internet with your favourite</h3>
<h2 class="font-weight-bold mt-3 animate__animated">VPN services <br>24/7</h2>
</div>
<div class="col-12 col-md-8 col-lg-5 align-content-end text-center animate__animated">
<p class="m-auto pt-3">Slate 7 includes over 30 built-in VPN services, supporting OpenVPN and WireGuard®. This integrated VPN enhances security by encrypting your internet connection, safeguarding sensitive data from threats, and providing safe access to public Wi-Fi. Allowing you to browse, stream, and communicate with peace of mind, no matter where your travels take you.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-4 py-lg-5 bg-white animate_one" style="position: relative; z-index: 6;">
<div class="container">
<div class="row justify-content-center align-items-center py-4">
<div class="col-11 col-lg-6 order-md-1 order-lg-2 text-center text-lg-left pl-4 pb-3">
<h2 class="font-weight-bold">Connecting to 120+ devices simultaneously</h2>
<p>Powered by advanced enhanced OFDMA technology, Slate 7 optimizes bandwidth by efficiently allocating resources across multiple devices, ensuring seamless data transmission with minimal latency. Whether in high-density environments or demanding applications, Slate 7 delivers stable, high-speed connectivity, making it the ideal solution for handling numerous connections without compromise.</p>
</div>
<div class="col-12 col-lg-6 order-md-2 order-lg-1">
<div class="devices background-cover-center" style="background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/120_devices_simultaneously.jpg');"><br></div>
</div>
</div>
</div>
</section>
<section class="py-4 py-lg-5 bg-light">
<div class="container">
<div class="text-center">
<h2 class="font-weight-bold pb-3">Maximize Your Internet Potential with Slate 7</h2>
<p>Slate 7 exemplifies the future of wireless technology, offering blazing-fast speeds, diminished latency, and enhanced connectivity in crowded environments through advancements such as Multi-Link Operation (MLO), refined OFDMA, 4K QAM, and preamble puncture.</p>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-lg-10 p-0">
<div id="carouselExampleIndicators-2" class="carousel slide pb-4" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators-2" data-slide-to="0" class="active">
</li>
<li data-target="#carouselExampleIndicators-2" data-slide-to="1">
</li>
<li data-target="#carouselExampleIndicators-2" data-slide-to="2">
</li>
<li data-target="#carouselExampleIndicators-2" data-slide-to="3">
</li>
</ol>
<a class="carousel-control-prev" href="#carouselExampleIndicators-2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators-2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
<div class="carousel-inner py-4">
<div class="carousel-item active">
<div class="card bg-light h-100 border-0 text-center m-auto">
<img class="w-75 m-auto" src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_scene_public-networks.jpg" alt="Slate 7 Accessing Public Wi-Fi">
<div class="card-body m-auto">
<h4 class="card-title font-weight-bold">Stay Connected Anywhere with PD-Powered Convenience</h4>
<p class="mb-0">Slate 7 is designed for modern travelers, featuring PD protocol support for efficient power input. It seamlessly works with 5V/3A, 9V/3A, and 12V/2.5A power sources, ensuring compatibility with a wide range of devices. Paired with a lightweight adapter, this router combines ultimate portability and convenience, keeping you connected on the go without the burden of bulky power supplies.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card bg-light h-100 border-0 text-center m-auto">
<img class="w-75 m-auto" src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_scene_on-the-go.jpg" alt="Travelling with Slate 7">
<div class="card-body m-auto">
<h4 class="card-title font-weight-bold">Seamless Connectivity and Secure Sharing on the Go</h4>
<p class="mb-0">With support for multiple devices, Slate 7 allows you to connect all your devices simultaneously without sacrificing performance. Additionally, by plugging in an external USB drive, you can create a private network to securely store and easily share photos and videos with your travel companions. Allowing you to maintain connectivity and effortlessly share your journey with others wherever you travel.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card bg-light h-100 border-0 text-center m-auto">
<img class="w-75 m-auto" src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_scene_remote-workers.jpg" alt="Slate 7 on-the-go">
<div class="card-body m-auto">
<h4 class="card-title font-weight-bold">Portable VPN Solution for Remote Work and Travel</h4>
<p class="mb-0">Slate 7 comes pre-installed with OpenVPN and WireGuard, supporting over 30 VPN services. It can be easily configured as either a VPN client or server, providing full flexibility. This feature enables remote workers and business travelers to securely connect to their internal networks from anywhere, access sensitive resources, and manage printers at home or in the office, all while maintaining control over their network IP address.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card bg-light h-100 border-0 text-center m-auto">
<img class="w-75 m-auto" src="https://static.gl-inet.com/www/images/products/gl-be3600/be3600_scene_geo-restrictions.jpg" alt="4K Streaming with Slate 7">
<div class="card-body m-auto">
<h4 class="card-title font-weight-bold">Bypass Geographical Restrictions to Watch Your Favorite Show</h4>
<p class="mb-0">Slate 7 enables connections to servers in various regions, granting access to preferred websites that may be restricted in your current location. It effectively overcomes geographical limitations and provides the flexibility to explore a wider array of online content, ensuring you never miss out on your favorite entertainment options.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
const section = document.querySelector('.vid')
const vid = section.querySelector('video')
vid.pause()
const scroll = () => {
const distance = Math.max(0, window.scrollY - section.offsetTop + window.innerHeight)
const total = section.clientHeight
let percentage = distance / total
percentage = Math.max(0, percentage)
percentage = Math.min(percentage, 1)
if (vid.duration > 0) {
vid.currentTime = vid.duration * percentage
}
}
scroll()
window.addEventListener('scroll', scroll)
</script> <script>
let lastScrollTopSticky = 0;
function handleAnimationSticky() {
const elementList = document.querySelectorAll('.animate_sticky');
elementList.forEach((element) => {
let top = element.getBoundingClientRect().top;
let bottom = element.getBoundingClientRect().bottom;
let height = element.offsetHeight;
let winHeightScrollUp = window.innerHeight * 0.04;
// 获取当前的滚动位置
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// 更新为当前的滚动位置，以便下次比较
setTimeout(function () {
lastScrollTopSticky = scrollTop <= 0 ? 0 : Math.floor(scrollTop);
}, 1)
if (scrollTop > lastScrollTopSticky) {
//console.log('向下滚动');
if ((Math.abs(top) < winHeightScrollUp)) {
if (!element.classList.value.includes('in-sticky')) {
element.classList.add('in-sticky');
}
}
} else {
//console.log('向上滚动');
if (element.classList.value.includes('in-sticky')) {
element.classList.remove('in-sticky');
}
}
})
}
window.addEventListener('scroll', handleAnimationSticky);
</script> <script>
let lastScrollTop = 0;
function handleAnimation() {
const elementList = document.querySelectorAll('.animate');
elementList.forEach((element) => {
let top = element.getBoundingClientRect().top;
let bottom = element.getBoundingClientRect().bottom;
let height = element.offsetHeight;
let winHeightScrollUp = window.innerHeight * 0.6;
let winHeightScrollDown = window.innerHeight * 0.25;
// 获取当前的滚动位置
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// 更新为当前的滚动位置，以便下次比较
setTimeout(function () {
lastScrollTop = scrollTop <= 0 ? 0 : Math.floor(scrollTop);
}, 1)
//console.log('scrollTop', scrollTop, lastScrollTop);
if (scrollTop > lastScrollTop) {
//console.log('向下滚动');
if ((Math.abs(top) < winHeightScrollUp)) {
if (!element.classList.value.includes('in-view')) {
element.classList.add('in-view');
}
}
if (bottom < (window.innerHeight * 0.65) || bottom > (window.innerHeight + height - 50)) {
element.classList.remove('in-view');
}
} else {
//console.log('向上滚动');
if (!element.classList.value.includes('in-view')) {
if (bottom > (window.innerHeight * 0.5) || bottom > (window.innerHeight + height - 50)) {
element.classList.add('in-view');
}
}
if (top > (window.innerHeight * 0.45)) {
element.classList.remove('in-view');
}
}
})
}
window.addEventListener('scroll', handleAnimation);
</script> <script>
function handleAnimationOne(element) {
const elementList = document.querySelectorAll('.animate_one');
elementList.forEach((element) => {
let top = element.getBoundingClientRect().top;
let bottom = element.getBoundingClientRect().bottom;
let height = element.offsetHeight
let winHeight = window.innerHeight * 0.8
if ((Math.abs(top) < winHeight)) {
if (!element.classList.value.includes('in-view')) {
element.classList.add('in-view');
}
}
if (bottom < 50 || bottom > (window.innerHeight + height - 50)) {
element.classList.remove('in-view');
}
})
}
window.addEventListener('scroll', handleAnimationOne);
</script></main>
Save on Pre Order | Slate 7 (GL-BE3600) Dual-band Wi-Fi 7 Travel Router with a GL.iNet US discount code
Checkmate is a savings app with over one million users that have saved $$$ on brands like GL.iNet US.
The Checkmate extension automatically applies GL.iNet US discount codes, GL.iNet US coupons and more to give you discounts on products like Pre Order | Slate 7 (GL-BE3600) Dual-band Wi-Fi 7 Travel Router.
Checkmate users have also been loving these products from GL.iNet US.
Users have been saving products like this to their collections.
