<html> {%- include head/index.html -%}
<style>
@media(max-width:768px) { /* social icons style */ .social-icons { position: relative !important; width: 100% !important; height: 0px; display: flex; top: 0; font-size: 15px; color: #fff; flex-direction: row; z-index: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: transparent !important; box-shadow: none !important; line-height: 30px; } .social-icons a { padding: 50px; color: #000 !important; font-size: 2rem !important; } .social-icon { margin: 0 !important; color: gray; } .social-icon:hover { color: black; } .social-icons a { padding: 10px; } }
</style>
<body>
{%- include header/index.html -%} {%- include section/commonPage.html -%} {%- include share/socialshare.html -%} {%- include footer/index.html -%} <script src="/assets/js/X-letter.js" data-letter="{{page.letter}}"></script> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
</body>
</html>