<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <footer> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 col-md-offset-1 col-sm-push-4"> <div class="footer__menu-container"> <ul class="footer__menu"> <li>Product <ul> <li><a href="/product/">Product Overview</a></li> <li><a href="/reporting-and-analytics/">Analytics</a></li> <li><a href="/gateways/">Payment Gateways</a></li> <li><a href="/payment-options/">Payment Options</a></li> <li><a href="/integration-partners/">Integration Partners</a></li> <li><a href="/pricing/">Pricing</a></li> <li><a href="/security/">Security</a></li> <li><a href="https://app.recurly.com/login">Log In</a></li> </ul> </li> </ul> <ul class="footer__menu"> <li>Resources <ul> <li><a href="https://info.recurly.com/research">Recurly Research</a></li> <li><a href="/faqs/">FAQ</a></li> <li><a href="https://info.recurly.com/resources">Resource Center</a></li> <li><a href="https://info.recurly.com/">Webinars</a></li> <li><a href="https://docs.recurly.com/">Documentation</a></li> <li><a href="https://dev.recurly.com/">Developer Hub</a></li> <li><a href="https://info.recurly.com/product-updates">Product Updates</a></li> <li><a href="https://status.recurly.com/">Status</a></li> </ul> </li> </ul> <ul class="footer__menu"> <li>Company <ul> <li><a href="/company/">About</a></li> <li><a href="/customers/">Customers</a></li> <li><a href="/jobs/">Careers</a></li> <li><a href="http://blog.recurly.com">Blog</a></li> <li><a href="/news/">In the News</a></li> <li><a href="/press/">Press Releases</a></li> <li><a href="/legal/">Legal</a></li> </ul> </li> </ul> <ul class="footer__menu"> <li>Contact <ul> <li><a href="tel:+1.844.732.8759">+1.844.732.8759</a></li> <li><a href="https://info.recurly.com/schedule-a-demo">Request a Demo</a></li> <li><a href="/contact-form">Ask a Question</a></li> <li><a href="https://support.recurly.com" target="_blank">Support & Help</a></li> <li class="footer__menu--signup"><a href="https://info.recurly.com/signup">Try It Free</a></li> </ul> </li> </ul> </div> </div> <div class="col-sm-4 col-md-3 col-sm-pull-8"> <div class="footer-logo footer-logo--purple"></div> <p>Recurly provides enterprise-class subscription management for thousands of businesses worldwide.</p> <ul class="list-inline"> <li><a data-action="track" data-event="outgoing-link" data-location="footer v3" data-target="/outgoing/twitter" target="_blank" href="//twitter.com/Recurly">Twitter</a></li> <li><a data-action="track" data-event="outgoing-link" data-location="footer v3" data-target="/outgoing/facebook" target="_blank" href="//facebook.com/Recurly">Facebook</a></li> <li><a data-action="track" data-event="outgoing-link" data-location="footer v3" data-target="/outgoing/linkedin" target="_blank" href="https://www.linkedin.com/company/recurly-inc-">Linkedin</a></li> </ul> <div class="footer__blog-subscribe"> <button class="footer__subscribe-btn btn btn--purple btn--bordered"> Subscribe to our blog </button> </div> </div> </div> <p class="footer__copyright"> ©2017 Recurly, Inc.</p> </div> </footer>

body { font-family: 'Roboto';font-size: 18px; } footer { padding: 3rem 0; font-size: 1.4rem; color: #3d3f3e; background: #e8e8e8; } footer a { color: #545457; text-decoration: none; font-weight: 500; } .footer__menu-container { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; } .footer__menu { float: left; padding: 0; margin-bottom: 3rem; width: 50%; min-height: 20rem; line-height: 2; list-style: none; text-transform: uppercase; font-weight: 600; } footer__menu { float: left; padding: 0; margin-bottom: 3rem; width: 50%; min-height: 20rem; line-height: 2; list-style: none; text-transform: uppercase; font-weight: 600; } .footer-logo { height: 3.5rem; width: 11.5rem; background: center url(/img2/logo-white.svg) no-repeat; background-size: contain; } .list-inline{margin:20px 0px;} .footer-logo--purple { background-image: url(/img2/logo-purple.svg); } .footer__menu { float: none; width: 25%; flex: 1; } ul{list-style:none; padding:0px;margin:0px;} .btn--bordered.btn--purple{color: #723080; box-shadow: inset 0 0 0 1px rgba(114,48,128,0.5); }