Untitled
unknown
plain_text
2 years ago
2.5 kB
7
Indexable
Never
var eg_String = ''+ '<div class="eg_section v1">'+ ' <div class="eg-heading">'+ ' <img src="https://www.altium.com//themes/custom/altium_designer/html/dist/images/logo-ad-black.svg">'+ ' </div>'+ ' <div class="eg_body">'+ ' <h3>Take advantage of the world\'s <br>most trusted PCB design system.</h3>'+ ' <div class="eg_bullets">'+ ' <p class="eg_bullet">One interface. One data <br>model. Endless possibilities.</p>'+ ' <p class="eg_bullet">Effortlessly collaborate with <br>mechanical designers.</p>'+ ' <p class="eg_bullet">The world\'s most trusted <br>PCB design platform</p>'+ ' <p class="eg_bullet">Best in class interactive <br>routing</p>'+ ' <a href="https://www.altium.com/altium-designer/licensing" class="eg_btn"><p>View License Options</p></a>'+ ' </div>'+ ' </div>'+ '</div>'; /* Insert the structure */ document.querySelector('.content-wrapper__sidebar').insertAdjacentHTML('afterbegin',eg_String); html body .eg_section { border: 2px solid; margin-bottom: 50px; } html body .eg_section .eg-heading{ text-align: center; padding: 15px; border-bottom: 1px solid; } html body .eg_section .eg-heading img{ width: 120px; } html body .eg_section .eg_body { padding: 15px 22px 25px; } html body .eg_section .eg_body h3{ font-size: 18px; } html body .eg_section .eg_body .eg_bullet { line-height: 18px; font-weight: 700; font-size: 15px; margin-bottom: 18px; padding-left: 50px; position: relative; } html body .eg_section .eg_body .eg_bullet::before{ content: ''; width: 25px; height: 25px; position: absolute; left: 10px; background: url(https://www.altium.com//themes/custom/altium_designer/html/dist/images/compare/plan-2-check-gold.svg); background-repeat: no-repeat; background-size: cover; } html body .eg_section .eg_body .eg_btn p{ font-size: 20px; width: 100%; font-weight: 700; color: #fff; background: #3e90e3; text-align: center; padding: 10px 20px; border-radius: 100px; margin-top: 35px; margin-bottom: 15px; } html body .eg_section .eg_body .eg_btn p:hover{ background: #2883e0; } @media screen and (max-width: 1199px){ html body .eg_section{ display: none; } }