Beauty

Capturons Chaque Instant du 12ème Anniversaire de Shokz

Posted on by admin

@font-face{
font-family: ‘STIX Two Text’;
src : url(‘https://cdn.shopify.com/s/files/1/0074/1890/4612/files/STIXTwoText-Regular.ttf?v=1696744197’);
}
.anniversary-blog{
max-width: 1200px;
margin: 0 auto;
}
.anniversary-blog img{
width: 100%;
margin: 0 !important;
border-radius: 4px;
}
.anniversary-blog .img-mb{
display: none !important;
}
.anniversary-blog .h-style{
margin: 70px 0 40px;
color: #212121;
font-family: Poppins;
font-size: 36px;
font-weight: 400;
line-height: 54px;
}
.anniversary-blog .p-style{
color: #666;
font-family: “STIX Two Text”;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.anniversary-blog .anniversary-empty-line{
height: 14px;
}
.anniversary-blog .anniversary-blog-video{
position: relative;
margin-top: 40px;
}
.anniversary-blog .anniversary-blog-video .anniversary-video-cover{
position: absolute;
top: 0;
left: 0;
}
.anniversary-blog .anniversary-blog-video .play-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.anniversary-blog .anniversary-video-container-cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.anniversary-blog .anniversary-video .play-btn{
position: absolute;
bottom: 20px;
right: 20px;
cursor:pointer;
}
.anniversary-blog .anniversary-video-text span{
font-weight: 700;
}
.anniversary-blog .anniversary-video-text .stix-text{
position: relative;
display: inline;
color: #FF4900;
font-family: “STIX Two Text”;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 54px;
}
.anniversary-blog .stix-text img{
position: absolute;
bottom: -8px;
left: 0;
}
.anniversary-blog .anniversary-container{
display: flex;
justify-content: space-between;
}
.anniversary-blog .anniversary-video{
width: 48%;
}
.anniversary-blog .anniversary-text{
width: 48%;
}
.anniversary-blog .anniversary-text .p-style{
padding: 20px 0;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}
.anniversary-blog .anniversary-text .text-author{
margin-top: 20px;
color: #2F2F2F;
text-align: right;
font-family: “STIX Two Text”;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.anniversary-blog .anniversary-blog-bottom{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 70px;
}
.anniversary-blog .anniversary-blog-bottom .icon-title{
margin-bottom: 40px;
}
.anniversary-blog .anniversary-blog-bottom .p-style{
text-align: center;
}
.anniversary-blog .anniversary-blog-bottom .p-style,.anniversary-blog>.p-style{
color: #2F2F2F;
font-family: Poppins;
}
.anniversary-blog .anniversary-video{
position: relative;
}
.anniversary-blog .anniversary-blog-video-container{
position: relative;
padding-bottom: 35.8%;
}
.anniversary-blog .anniversary-video-container{
position: relative;
padding-bottom: 77.07%;
}
.anniversary-blog iframe{
max-width: 100%;
width: 100%;
border: none;
position: absolute;
height: 100%;
border-radius: 4px;
}
@media (max-width:768px) {
.anniversary-blog .img-mb{
display: block !important;
}
.anniversary-blog .img-pc{
display: none !important;
}
.anniversary-blog .play-btn svg{
width: 30px;
height: 30px;
}
.anniversary-blog .anniversary-blog-video .play-btn svg{
width: 40px;
height: 40px;
}
.anniversary-blog .anniversary-container{
flex-wrap: wrap;
}
.anniversary-blog .anniversary-video{
width: 100%;
margin-bottom: 35px;
}
.anniversary-blog .anniversary-video .play-btn{
bottom: 10px;
right: 15px;
}
.anniversary-blog .anniversary-text{
width: 100%;
}
.anniversary-blog .p-style,.anniversary-blog .anniversary-text .text-author{
font-size: 13px;
}
.anniversary-blog>.p-style{
font-size: 14px;
}
.anniversary-blog .anniversary-blog-bottom .p-style{
font-size: 16px;
}
.anniversary-blog .h-style{
margin: 40px 0 28px;
font-size: 18px;
}
.anniversary-blog .anniversary-video-text .stix-text{
font-size: 18px;
}
.anniversary-blog .anniversary-blog-video{
margin-top: 20px;
}
.anniversary-blog .anniversary-blog-bottom{
margin-top: 40px;
}
.anniversary-blog .anniversary-blog-bottom .icon-title{
margin-bottom: 20px;
}
.anniversary-blog .anniversary-blog-bottom .icon-title svg{
width: 122px;
height: 47px;
}
.anniversary-blog .anniversary-video-container{
padding-bottom: 50.05%;
}
}

Merci pour votre soutien indéfectible au fil des années. Nous sommes impatients de célébrer avec vous des histoires, des réussites et des souvenirs, et d’affronter l’avenir ensemble.

Depuis notre tout premier jour, notre conviction est que le monde peut être meilleur si nous sommes tous “Être Ouvert”. Ouverts à écouter le monde autour de nous, ouverts à de nouvelles expériences et à l’innovation. Aujourd’hui, nous souhaitons partager des histoires et explorer davantage la signification de “Être Ouvert” avec vous, à l’occasion du 12ème anniversaire de Shokz.

Être Ouvert à

l’Amour

“Je n’oublierai jamais ce moment lorsque j’ai entendu de la musique des deux côtés pour la première fois. C’était magique.”
Noelle McFarland

Être Ouvert à

Partager

“Je n’oublierai jamais ce moment lorsque j’ai entendu de la musique des deux côtés pour la première fois. C’était magique.”
Xavier

Être Ouvert au

Défi

“Je peux explorer la diversité de la vie en m’entraînant constamment et en me lançant des défis.”
Hyojin Lee

Merci de grandir avec Shokz. Ensemble, nous continuons à écrire l’histoire pour de nombreuses décennies à venir.

// Load the IFrame Player API code asynchronously.
var tag = document.createElement(‘script’);
tag.src = “https://www.youtube.com/player_api”;
var firstScriptTag = document.getElementsByTagName(‘script’)[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// Replace the ‘ytplayer’ element with an and
// YouTube player after the API code downloads.
var anniversary_player1;
var anniversary_player2;
var anniversary_player3;
var anniversary_player5;
function onYouTubePlayerAPIReady() {
anniversary_player1 = new YT.Player(‘anniversary-video1-play’, {
videoId: ‘_EE5HGc9ZZg’
});
anniversary_player2 = new YT.Player(‘anniversary-video2-play’, {
videoId: ‘p8XTU3uK-wc’
});
anniversary_player3 = new YT.Player(‘anniversary-video3-play’, {
videoId: ‘8KWJNsUUfNc’
});
anniversary_player5 = new YT.Player(‘anniversary-video5-play’, {
videoId: ‘I9DKC_UBCes’
});
}

$(‘.anniversary-blog .play-btn.btn1’).click(function(){anniversary_player1.playVideo();$(this).parent(‘.anniversary-video-cover’).hide();})
$(‘.anniversary-blog .play-btn.btn2’).click(function(){anniversary_player2.playVideo();$(this).parent(‘.anniversary-video-container-cover’).hide();})
$(‘.anniversary-blog .play-btn.btn3’).click(function(){anniversary_player3.playVideo();$(this).parent(‘.anniversary-video-container-cover’).hide();})
$(‘.anniversary-blog .play-btn.btn5’).click(function(){anniversary_player5.playVideo();$(this).parent(‘.anniversary-video-container-cover’).hide();})

admin

Leave a Reply

Your email address will not be published. Required fields are marked *