Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
6.1 kB
0
Indexable
Never


.s-hero__scroll-btn {
  margin-top: 0% !important;
}

.eg-container{
  margin-top: 5%;
    margin-bottom: -3%;
position: relative;
margin-right: auto;
width: 100%;
padding-block: 30px;
}

div.eg-container > h2 {
font-size: 1.8vw;
text-align: center;
}

.eg_logos__group{
display: flex;
flex-wrap: wrap !important;
align-items: center;
justify-content: center;
}

.eg_logos__item{
max-width: 150px;
  flex: 1 0 100px;
}

.eg_logos__item img {
  display: block;
  margin: 0 auto;
  filter: grayscale(100%) brightness(0);
  opacity: 1;
  width: 80px;
  transition: filter .3s,
  opacity .3s;}


.eg_logos__item img:hover {
filter: grayscale(0);
opacity: 1;
cursor: pointer;
}


@media screen and (max-width: 768px) {
.eg-container{
  margin-right: auto;
  margin-left: auto;
      width: 90%;
  padding-block: 35px;
}

.eg_logos__group{
  justify-content: center;
}

.eg_logos__item{
padding: 12px;
}
  .eg_logos__item{
max-width: 100px;
  flex: 1 0 80px;
}
div.eg-container > h2 {
font-size: 4.2vw;
padding-bottom: 10px;
}

    .s-hero__scroll-btn {
  margin-top: 0% !important;
}

}

@media (min-width: 815px) and (max-width: 1025px){

       .s-hero__scroll-btn {
  margin-top: -5% !important;
}

    .eg-container {
    position: relative;
    margin-right: auto;
    width: 100%;
    padding-block: 30px;
}
div.eg-container > h2 {
font-size: 2.5vw;
padding-bottom: 10px;
}
.eg_logos__item{
max-width: 150px;
  flex: 1 0 200px;
}

}





.s-hero__scroll-btn {
  margin-top: 0% !important;
}

.eg-container{
  margin-top: 5%;
    margin-bottom: -3%;
position: relative;
margin-right: auto;
width: 100%;
padding-block: 30px;
}

div.eg-container > h2 {
font-size: 1.8vw;
text-align: center;
}

.eg_logos__group{
display: flex;
flex-wrap: wrap !important;
align-items: center;
justify-content: center;
}

.eg_logos__item{
max-width: 150px;
  flex: 1 0 100px;
}

.eg_logos__item img {
  display: block;
  margin: 0 auto;
  filter: grayscale(100%) brightness(0);
  opacity: 1;
  width: 80px;
  transition: filter .3s,
  opacity .3s;}


.eg_logos__item img:hover {
filter: grayscale(0);
opacity: 1;
cursor: pointer;
}


@media screen and (max-width: 768px) {
.eg-container{
  margin-right: auto;
  margin-left: auto;
      width: 90%;
  padding-block: 35px;
}

.eg_logos__group{
  justify-content: center;
}

.eg_logos__item{
padding: 12px;
}
  .eg_logos__item{
max-width: 100px;
  flex: 1 0 80px;
}
div.eg-container > h2 {
font-size: 4.2vw;
padding-bottom: 10px;
}

    .s-hero__scroll-btn {
  margin-top: 0% !important;
}

}

@media (min-width: 815px) and (max-width: 1025px){

       .s-hero__scroll-btn {
  margin-top: -5% !important;
}

    .eg-container {
    position: relative;
    margin-right: auto;
    width: 100%;
    padding-block: 30px;
}
div.eg-container > h2 {
font-size: 2.5vw;
padding-bottom: 10px;
}
.eg_logos__item{
max-width: 150px;
  flex: 1 0 200px;
}

}




(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    /* all Pure helper functions */

    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    /* Variation functions */


    var eg_logos =''+ 
    '  <div class="eg-container">'+ 
    '      <h2>Trusted By Companies Worldwide For Over 35 Years</h2>'+ 
    '      <div class="eg_logos__group">'+ 
    '  '+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="https://www.altium.com/sites/default/files/media_icon/2022-01/ArduinoLogo_%C2%AE.svg" alt="Arduino logo" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/bae_color.svg" alt="BAE" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/leicamicrosystems_color.svg" alt="Leica" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/microsoft_color.svg" alt="Microsoft" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/lyft_color.svg" alt="Lyft" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/amazon_color.svg" alt="Amazon" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/facebook_color.svg" alt="Facebook" />'+ 
    '          </div>'+ 
    '  '+ 
    '          <div class="eg_logos__item">'+ 
    '              <img src="//cdn-static.altium.com/sites/default/files/media_icon/2021-07/dell_color.svg" alt="Dell" />'+ 
    '          </div>'+ 
    '      </div>'+ 
    '      </div';


  
function init(){

  document.querySelector("article > section > div.l-container").insertAdjacentHTML("afterend", eg_logos)


}
    /* Initialize variation */
    waitForElement("article section  div.s-trial__cols > div:nth-child(1) > div", init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();