/home/websdxuk/www/include/tech-logo copy.php
<style>
body
{
background: #eee; /* For visibility of elements. */
}
section.platform_sec_main.padding__80 {
bottom: 0;
box-sizing: border-box;
display: block;
font-family: Inter, sans-serif;
font-size: 14px;
left: 0;
line-height: 22px;
overflow: hidden;
padding: 80px 0;
position: relative;
right: 0;
text-align: left;
top: 0
}
section.platform_sec_main.padding__80::before {
background: url(../images/about__vector.svg);
content: "";
filter: blur(50px);
height: 924px;
left: -370px;
position: absolute;
top: -80px;
width: 924px
}
div.center__head__sec.text-center {
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
text-align: center
}
h3 {
box-sizing: border-box;
color: #fff;
font-family: inherit;
font-size: 40px;
font-weight: 700;
line-height: 60px;
margin-bottom: .5rem;
margin-top: 0;
text-align: center
}
br {
box-sizing: border-box;
color: #fff;
display: none;
font-family: Inter, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 60px;
text-align: center
}
span {
box-sizing: border-box;
color: #de2160;
font-family: Inter, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 60px;
text-align: center
}
div.container-fluid {
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 100%
}
div.row.pt-5 {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
margin-left: -15px;
margin-right: -15px;
padding-top: 3rem;
text-align: left
}
.platform_sec_main .pt-5 .col-sm-12 {
bottom: 0;
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
left: 0;
line-height: 22px;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
right: 0;
text-align: left;
top: 0;
width: 100%
}
div.platform__logos.marquee_platform {
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
text-align: left
}
div.js-marquee-wrapper {
animation: marqueeAnimation-815402 90.526s linear 0s infinite normal none running;
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
text-align: left;
transform: translateX(0);
width: 100000px
}
@keyframes marqueeAnimation-815402 {
100% {
transform: translateX(-3039.06px);
}
}
@keyframes marqueeAnimation-8333891 {
100% {
transform: translateX(0px);
}
}
div.js-marquee {
box-sizing: border-box;
float: left;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
margin-right: 20px;
text-align: left
}
ul {
box-sizing: border-box;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 22px;
list-style: outside none none;
list-style-type: none;
margin: 0;
margin-bottom: 1rem;
margin-top: 0;
padding: 0;
text-align: left
}
.list {
align-items: center;
bottom: 0;
box-sizing: border-box;
display: inline-block;
font-family: Inter, sans-serif;
font-size: 14px;
height: 210px;
justify-content: center;
left: 0;
line-height: 22px;
list-style: outside none none;
margin: 0 15px 0 10px;
position: relative;
right: 0;
top: 0;
width: 180px;
z-index: 99
}
li::before {
background: url(../images/platform-bg.svg) 0 0/cover;
box-shadow: #6c6c6c 0 0 0;
content: "";
height: 200px;
position: absolute;
top: 0;
width: 185px;
z-index: -1
}
li::after {
background: url(../images/platform-bg-after.svg) 0 0/contain no-repeat;
content: "";
height: 240px;
left: 11px;
opacity: 0;
position: absolute;
top: 11px;
transition: .5s ease-in-out;
width: 165px
}
img.img-responsive {
align-items: center;
box-sizing: border-box;
display: flex;
font-family: Inter, sans-serif;
font-size: 14px;
height: 100%;
justify-content: center;
line-height: 22px;
list-style: outside none none;
margin: 0 auto;
pointer-events: none;
text-align: left;
vertical-align: middle;
width: 60%
}
@media (max-width:768px) {
section.platform_sec_main.padding__80 {
padding: 50px 0
}
div.container {
max-width: 730px
}
}
@media (max-width:390px) {
section.platform_sec_main.padding__80 {
padding: 40px 0
}
}
@media (min-width:576px) {
.platform_sec_main .pt-5 .col-sm-12 {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (max-width:1440px) {
h3 {
font-size: 47px;
line-height: 60px
}
img.img-responsive {
width: 50%
}
}
@media (max-width:1100px) {
h3 {
font-size: 34px;
line-height: 47px
}
}
@media (max-width:1024px) {
h3 {
font-size: 30px;
line-height: 40px
}
}
@media (max-width:576px) {
h3 {
font-size: 22px;
line-height: 30px
}
}
@media (max-width:450px) {
h3 {
font-size: 23px;
line-height: 36px
}
}
</style>
<section class="platform_sec_main padding__80">
<div class="container" >
<div class="row" >
<div class="col-sm-12" >
<div class="center__head__sec text-center" >
<h3>Supporting Site Creation <br> Platforms <span>Everywhere</span></h3>
</div>
</div>
</div>
</div>
<div class="container-fluid" >
<div class="row pt-5" >
<div class="col-sm-12" >
<div class="platform__logos marquee_platform" >
<div style="width: 100000px; transform: translateX(0px); animation: 90.526s linear 0s infinite normal none running marqueeAnimation-815402;"
class="js-marquee-wrapper" >
<div class="js-marquee" style="margin-right: 20px; float: left;" >
<ul>
<li class="list">
<img srcset="assets/images/platform-logo01.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo02.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo03.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo04.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo05.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo06.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo07.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo08.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo01.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo02.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo03.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo04.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo05.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo06.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo07.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo08.svg" class="img-responsive"
alt="Platform">
</li>
</ul>
</div>
<div class="js-marquee" style="margin-right: 20px; float: left;" >
<ul>
<li class="list">
<img srcset="assets/images/platform-logo01.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo02.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo03.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo04.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo05.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo06.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo07.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo08.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo01.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo02.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo03.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo04.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo05.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo06.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo07.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo08.svg" class="img-responsive"
alt="Platform">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-sm-12" >
<div class="platform__logos marquee_platform1" >
<div style="width: 100000px; transform: translateX(-3039.06px); animation: 90.526s linear 0s infinite normal none running marqueeAnimation-8333891;"
class="js-marquee-wrapper" >
<div class="js-marquee" style="margin-right: 20px; float: left;" >
<ul>
<li class="list">
<img srcset="assets/images/platform-logo09.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo10.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo11.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo12.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo13.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo14.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo15.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo16.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo09.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo10.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo11.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo12.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo13.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo14.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo15.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo16.svg" class="img-responsive"
alt="Platform">
</li>
</ul>
</div>
<div class="js-marquee" style="margin-right: 20px; float: left;" >
<ul>
<li class="list">
<img srcset="assets/images/platform-logo09.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo10.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo11.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo12.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo13.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo14.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo15.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo16.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo09.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo10.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo11.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo12.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo13.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo14.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo15.svg" class="img-responsive"
alt="Platform">
</li>
<li class="list">
<img srcset="assets/images/platform-logo16.svg" class="img-responsive"
alt="Platform">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
XML-RPC server accepts POST requests only.