norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Organized google codes

Browse Source
This commit is contained in:
Norm Rasmussen
2023-01-16 17:08:32 -05:00
parent 16bc77ceb7
commit 27bd8faff1
30 changed files with 2460 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
Custom_Templates/customer_templates/Mizuno/_mizuno_promo.html.liquid Normal file
View File

@ -0,0 +1,73 @@
<div class="homepage-section angled-section promo-angled-section">
<div class="homepage-section-container angled-section-container np-header-font-color">
<div class="np-homepage-headline-mini np-header-font-color">
About Mizuno
</div>
<div class="np-homepage-subheadline np-header-font-color">
It is our mission to not only meet the demands of those who are sincere athletes but also those who believe in the value of sports by offering superior goods and services. We pursue new height in sports and beyond.
</div>
<div class="video-container">
<iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://youtu.be/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
</div>
<div class="np-homepage-headline-mini np-header-font-color">
Our Vision
</div>
<div class="np-homepage-subheadline np-header-font-color">
We seek to enrich the lives of people through the power of sports and to contribute in bringing happiness and joy to athlete's lives.
</div>
</div>
</div>
<style>
.mizuno-promo-video{
width: 100%;
height: 215px;
margin: 15px auto;
}
@media screen and (min-width: 450px){
.mizuno-promo-video{
height: 265px;
}
}
@media screen and (min-width: 525px){
.mizuno-promo-video{
height: 310px;
}
}
@media screen and (min-width: 625px){
.mizuno-promo-video{
height: 400px;
}
}
@media screen and (min-width: 768px){
.promo-angled-section{
margin: 30px auto;
}
.mizuno-promo-video{
height: 315px;
}
}
@media screen and (min-width: 850px){
.mizuno-promo-video{
height: 390px;
}
}
@media screen and (min-width: 1100px){
.mizuno-promo-video{
height: 450px;
}
}
@media screen and (min-width: 1200px){
.mizuno-promo-video{
height: 500px;
}
}
</style>