Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

71 lines (63 sloc) 1.632 kB
<!DOCTYPE html>
<html lang="en">
<title>RecurlyJS Grid System Example</title>
<link rel="stylesheet" href="gridsystem.css" type="text/css" />
<link rel="stylesheet" href="../themes/default/recurly.css" type="text/css" />
<script src="../lib/jquery-1.7.1.js"></script>
<script src="../build/recurly.js"></script>
subdomain: 'recurlyjsdemo-test'
, currency: 'GBP'
, country: 'GB'
, VATPercent: 10
target: '#recurly-subscribe'
, planCode: 'complexplan'
, accountCode: 'test'
, successURL: 'confirmation.html'
, signature: 'c5996d424684456ffb82704f08a6d00dd5cedd73-0'
<div id="container">
<div id="header">
Your Website
<div id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact us</a></li>
<div id="content-container">
<div id="content">
<div id="recurly-subscribe">
<div id="sidebar">
This example demonstrates the use of recurly.js in a 960/12/20 grid system.
The subscribe form style is tuned to 480/12/20 (960/2 = 480) which makes columns in multiple of 2 divide evenly into the columns of the 960 parent.
You can tweak the dimensions in recurly.styl to fit your content and design.
<div id="footer">
<div id="demo480">480px</div>
<div id="demo960">960px</div>
Jump to Line
Something went wrong with that request. Please try again.