Update index.html

index.html

@@ -69,6 +69,7 @@
         .wrap .banner .description,.wrap .feature-section .get-involved,.wrap .feature-section h2{grid-column:1/-1;text-align:center}body{margin:0}body .svg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%230FF'/%3E%3Cstop offset='1' stop-color='%23CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23C7BFFF'/%3E%3Cstop offset='1' stop-color='%23DCA0BF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='3.3'%3E%3Cpath transform='translate(-43.05 -0.7999999999999998) rotate(-3.3499999999999996 1409 581) scale(0.9590309999999999)' d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='1.1' transform='translate(-64.5 36) rotate(1.2999999999999998 800 450) scale(0.9999189999999999)' cx='500' cy='100' r='40'/%3E%3Cpath transform='translate(2 -22.5) rotate(3.5 401 736) scale(0.9999189999999999)' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='1'%3E%3Cpath transform='translate(216 4.6000000000000005) rotate(-1.1500000000000001 150 345) scale(1.001677)' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='2.2' transform='translate(-39.5 -99.5) rotate(-7.200000000000003 1089 759)' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='translate(-109.6 26.4) rotate(-1.200000000000001 1400 132) scale(0.905)' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-y;animation:5s ease-in-out infinite alternate move;background-size:auto}.video-js{position:absolute;top:0;left:0;width:100%;height:100%}.video-container{position:relative;padding-top:67.17%}.twitter-tweet,iframe{max-width:100%;display:block;margin:0 auto}@media (max-width:600px){iframe{width:100%;height:300px}.twitter-tweet{width:100%;height:auto}}@media (min-width:601px) and (max-width:960px){iframe{width:80%;height:400px}.twitter-tweet{width:80%;height:auto}}@media (min-width:961px){iframe{width:500px;height:405px}.twitter-tweet{width:500px;height:auto}}.wrap{display:grid;justify-items:center;max-width:100%;font-family:Oxygen;backdrop-filter:blur(2px)}.wrap .banner{display:grid;grid-template-columns:60% 1fr;max-width:85%;min-height:100vh;padding-top:10px;box-sizing:border-box}.wrap .banner .banner-left video{box-shadow:-6px 6px 20px 8px #d3d3d3}.wrap .banner .banner-right{text-align:center;padding-top:50px}.wrap .banner .banner-right .btn-wrap{align-content:center}.wrap .banner .banner-right .btn-wrap .btn{display:inline-block;width:40%;padding:0 20px}.wrap .banner .banner-right .btn-wrap .btn a{display:inline-block;width:100%;text-decoration:none;border:none;color:#fff;padding:12px;border-radius:25px;box-shadow:0 0 8px 1px rgba(56,53,68,.2);transition:.3s}.wrap .banner .banner-right .btn-wrap .btn.download-btn a{background-color:#0099d8}.wrap .banner .banner-right .btn-wrap .btn.download-btn a:hover{box-shadow:2px 2px 10px 1px rgba(56,53,68,.4);background-color:#0087bf}.wrap .banner .banner-right .btn-wrap .btn.demo-btn a{background-color:#383544}.wrap .banner .banner-right .btn-wrap .btn.demo-btn a:hover{box-shadow:2px 2px 10px 1px rgba(56,53,68,.4);background-color:#2c2a36}.wrap .banner .description{font-size:1.5rem;padding:0 50px;background:#f5f5f5;border-radius:15px;margin-top:39px}.wrap .banner .description .notice{font-size:12px}.wrap .feature-section{display:grid;grid-template-columns:repeat(3,minmax(auto,300px));justify-content:center;grid-gap:25px;justify-self:stretch;padding:80px 0}.wrap .feature-section h2{font-size:2rem;margin:0 0 40px;color:#383544}.wrap .feature-section .feature{background-color:rgba(255,255,255,.4);text-align:center;border-radius:5px;padding:10px;margin-bottom:50px;box-shadow:0 0 15px .5px rgba(56,53,68,.1);transition:box-shadow .3s;position:relative}.wrap .feature-section .feature i{position:absolute;width:42px;height:42px;top:-35px;left:0;right:0;margin:0 auto;border-radius:50%;box-shadow:0 3px 15px 2px rgba(0,0,0,.2);padding:8px;color:#0099d8;background-color:#fff;font-size:2.5rem}.wrap .cta .cta-btn a,.wrap .feature-section .get-involved a{display:inline-block;box-shadow:0 0 8px 1px rgba(56,53,68,.5);transition:.3s;text-decoration:none}.wrap .feature-section .get-involved a{color:#fff;background-color:#383544;padding:15px 30px;border-radius:25px;margin:20px 0}.wrap .feature-section .get-involved a:hover{box-shadow:2px 2px 10px 1px rgba(56,53,68,.8);background-color:#2c2a36}.wrap .feature-section .get-involved a i{vertical-align:middle}.wrap .cta{text-align:center}.wrap .cta .cta-btn{padding:15px 0}.wrap .cta .cta-btn p{font-size:1.5rem;margin:0}.wrap .cta .cta-btn a{font-size:1.5rem;color:#fff;background-color:#0099d8;padding:20px 80px;border-radius:45px;margin:50px 0}.wrap .cta .cta-btn a:hover{box-shadow:2px 2px 10px 1px rgba(56,53,68,.6);background-color:#0087bf}.wrap .cta .cta-btn .warning{font-size:14px}.wrap .cta .credit p a{text-decoration:none;color:#0099d8}.wrap .cta .credit p i{color:#e80d2e;animation:3s infinite heartbeat;vertical-align:middle}@media (max-width:1230px){.wrap .banner{max-width:100%}}@media (max-width:1040px){.wrap .banner{padding-top:20px}.wrap .banner .banner-left,.wrap .banner .banner-right,.wrap .feature-section .feature{grid-column:span 2}.wrap .banner .banner-right{padding-top:10px}.wrap .banner .banner-right .btn:first-child{padding-left:0}.wrap .feature-section{grid-template-columns:repeat(4,150px)}.wrap .feature-section .get-involved{grid-column:span 4}}@media (max-width:742px){.wrap .banner{padding-top:10px}.wrap .banner .description{font-size:1.2rem;padding:0 20px}.wrap .feature-section{grid-template-columns:repeat(2,200px)}.wrap .feature-section .get-involved{grid-column:span 2}.wrap .cta .cta-btn{padding:80px 0}.wrap .cta .cta-btn p{font-size:2em}.wrap .cta .cta-btn a{padding:15px 30px;font-size:1rem}}@media (max-width:488px){.wrap .banner .banner-right .btn-wrap .btn{width:35%}.wrap .feature-section{grid-template-columns:repeat(2,140px)}.wrap .feature-section .get-involved{grid-column:span 2}}@keyframes heartbeat{0%,100%,30%{transform:scale(1)}5%{transform:scale(1.3)}10%{transform:scale(1.1)}20%{transform:scale(1.5)}}footer{text-align:center;background:#000000a1;color:#fff;font-size:smaller;margin:1px}
     </style>
     <link rel="icon" href="assets/icons/icon.png" type="image/png">
+     <script type="text/javascript"> (function() {  window.$companyId = "55"; d=document;s=d.createElement("script");s.src= "https://app.doplacmail.com/tag-manager/main.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s); })() </script> 
 </head>
 
 <body>