Style Guide

Bonus money free popup

Bonus money PRO popup

Bonus money MATCHA popup

Trial popup

Calculator Popup

Show only to pros

Show only to NOT pros
NOT PROS

Show only to LOGGED IN

Show only to ANON
LOGGED OUT

Show only to MATCHA

Show only to FREE

Show only to FREE or MATCHA

EV = $100 + (7 - SamsVariance) * 0.0003 = $45

 

 

Some colours

xclass="light-purple"
xclass="light-blue"
xclass="light-green"
xclass="light-orange"
xclass="light-yellow"
xclass="light-red
[upsell_well] [upsell_inline]

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lead in text Cras lacus ante, dignissim sed ultricies ut, vulputate ac urna. Nam tincidunt in dui vitae condimentum. Quisque cursus lacus at felis laoreet lacinia eget in nibh. Donec porttitor non nulla sed feugiat. Etiam dictum eros at leo accumsan, ut lacinia leo tempus. In tempus mollis libero, eu hendrerit ex consequat eget. Fusce non egestas purus. Ut consequat, lectus ut euismod sodales, libero metus egestas augue, id molestie justo magna quis tellus. Donec molestie lectus eget interdum congue. Donec non turpis nisi. Praesent eu eros nulla. Maecenas non dapibus mauris, in sagittis mi. Sed vel sem ac lorem posuere dictum. Praesent ligula purus, sodales id lectus at, suscipit vestibulum velit.

Page Content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique mollis diam, vitae sagittis neque sodales nec. Nulla in mattis lectus. Sed nec dapibus nisi. Suspendisse potenti. Maecenas at magna ullamcorper, dictum leo eget, rhoncus mi. Cras eros purus, sodales nec sollicitudin sit amet, interdum sed tortor. Integer a nisi ut eros pulvinar bibendum maximus eget mi. Etiam efficitur non nulla condimentum aliquam. Aliquam rhoncus dapibus leo, sit amet tristique tellus rhoncus a. Donec orci urna, aliquam vitae lacus in, laoreet sodales velit. Ut ut rutrum quam, sit amet maximus erat.

Images

==============================
Left Aligned wrapping

 

Curabitur eleifend, mauris ut volutpat auctor, lectus dolor ornare urna, non elementum sapien erat in nulla. Nam facilisis sapien sed mi posuere rutrum. Phasellus varius, enim sed convallis blandit, felis dui consectetur nibh, et interdum neque ex vestibulum lacus. Vestibulum in egestas erat, sed varius eros. Proin porttitor vestibulum lacus, eu porttitor ante finibus in. Nam eleifend cursus risus quis dictum. Aenean id est vitae turpis egestas sollicitudin in nec nisi. Nullam molestie nisl vitae lectus auctor, eu rhoncus lectus semper. Suspendisse tortor purus, aliquet at magna ac, egestas ornare ex. Ut lobortis sodales magna, nec fringilla massa viverra a. Nulla facilisi. Morbi mollis, lectus non vehicula lobortis, purus mauris dapibus nibh, vitae pulvinar enim ex at risus.

Curabitur eleifend, mauris ut volutpat auctor, lectus dolor ornare urna, non elementum sapien erat in nulla. Nam facilisis sapien sed mi posuere rutrum. Phasellus varius, enim sed convallis blandit, felis dui consectetur nibh, et interdum neque ex vestibulum lacus. Vestibulum in egestas erat, sed varius eros. Proin porttitor vestibulum lacus, eu porttitor ante finibus in. Nam eleifend cursus risus quis dictum. Aenean id est vitae turpis egestas sollicitudin in nec nisi. Nullam molestie nisl vitae lectus auctor, eu rhoncus lectus semper. Suspendisse tortor purus, aliquet at magna ac, egestas ornare ex. Ut lobortis sodales magna, nec fringilla massa viverra a. Nulla facilisi. Morbi mollis, lectus non vehicula lobortis, purus mauris dapibus nibh, vitae pulvinar enim ex at risus.

 

Curabitur eleifend, mauris ut volutpat auctor, lectus dolor ornare urna, non elementum sapien erat in nulla. Nam facilisis sapien sed mi posuere rutrum. Phasellus varius, enim sed convallis blandit, felis dui consectetur nibh, et interdum neque ex vestibulum lacus. Vestibulum in egestas erat, sed varius eros. Proin porttitor vestibulum lacus, eu porttitor ante finibus in. Nam eleifend cursus risus quis dictum. Aenean id est vitae turpis egestas sollicitudin in nec nisi. Nullam molestie nisl vitae lectus auctor, eu rhoncus lectus semper. Suspendisse tortor purus, aliquet at magna ac, egestas ornare ex. Ut lobortis sodales magna, nec fringilla massa viverra a. Nulla facilisi. Morbi mollis, lectus non vehicula lobortis, purus mauris dapibus nibh, vitae pulvinar enim ex at risus.

 

 

========================
Right Aligned Image

Cras ornare dui ex, a faucibus ante eleifend at. Duis in mi finibus lacus sollicitudin commodo. Ut a scelerisque mi. Donec vulputate laoreet tellus, a facilisis eros accumsan vel. In tempor ornare erat in varius. Sed erat lacus, aliquam vel nisi tempus, rutrum tincidunt sem. Curabitur nisi tortor, varius id porta a, euismod quis arcu. Aenean venenatis, neque tristique fringilla aliquam, erat lacus pulvinar ex, non porta eros augue nec magna. Nulla ut dolor volutpat, aliquam leo ultrices, feugiat enim. Cras auctor pellentesque magna in ornare. Etiam id libero non orci ultricies lobortis nec eu turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris nec scelerisque turpis. Nulla venenatis nibh tortor, nec porttitor sem faucibus vel. Aliquam blandit porttitor lacus, a commodo justo tincidunt ac. Cras ornare dui ex, a faucibus ante eleifend at. Duis in mi finibus lacus sollicitudin commodo. Ut a scelerisque mi. Donec vulputate laoreet tellus, a facilisis eros accumsan vel. In tempor ornare erat in varius. Sed erat lacus, aliquam vel nisi tempus, rutrum tincidunt sem. Curabitur nisi tortor, varius id porta a, euismod quis arcu. Aenean venenatis, neque tristique fringilla aliquam, erat lacus pulvinar ex, non porta eros augue nec magna. Nulla ut dolor volutpat, aliquam leo ultrices, feugiat enim. Cras auctor pellentesque magna in ornare. Etiam id libero non orci ultricies lobortis nec eu turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris nec scelerisque turpis. Nulla venenatis nibh tortor, nec porttitor sem faucibus vel. Aliquam blandit porttitor lacus, a commodo justo tincidunt ac. Cras ornare dui ex, a faucibus ante eleifend at. Duis in mi finibus lacus sollicitudin commodo. Ut a scelerisque mi. Donec vulputate laoreet tellus, a facilisis eros accumsan vel. In tempor ornare erat in varius. Sed erat lacus, aliquam vel nisi tempus, rutrum tincidunt sem. Curabitur nisi tortor, varius id porta a, euismod quis arcu. Aenean venenatis, neque tristique fringilla aliquam, erat lacus pulvinar ex, non porta eros augue nec magna. Nulla ut dolor volutpat, aliquam leo ultrices, feugiat enim. Cras auctor pellentesque magna in ornare. Etiam id libero non orci ultricies lobortis nec eu turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris nec scelerisque turpis. Nulla venenatis nibh tortor, nec porttitor sem faucibus vel. Aliquam blandit porttitor lacus, a commodo justo tincidunt ac.

===============

Centred image

Duis eleifend non felis in egestas. Phasellus convallis dolor turpis, eu lacinia enim fermentum id. Duis pellentesque a augue at pharetra. Maecenas finibus tellus ac dui condimentum, quis gravida velit finibus. Donec vitae ornare sem. Cras eget lectus sem. Ut blandit neque blandit, pretium nisl et, maximus neque. Vestibulum vitae malesuada ex, in porttitor nunc. Phasellus ultrices velit eget iaculis rhoncus. Duis congue efficitur elit sit amet vulputate. Sed dapibus, tellus sed faucibus rutrum, mi dui consectetur eros, id placerat odio sapien non lorem. Nullam urna augue, gravida pretium scelerisque a, gravida non dolor.

========================

Wells

Standard well

OutcomeResult
Arsenal WinYou win $48
Leicester winYou lose $100
DrawYou lose $100

 

"Back" well

OutcomeResult
Arsenal WinYou win $48
Leicester winYou lose $100
DrawYou lose $100

"Lay" well

OutcomeResult
Arsenal WinYou win $48
Leicester winYou lose $100
DrawYou lose $100

 

 

Buttons - use dev content blocks! Adam

Solid Blue Button

Outline Blue Button

(White outline button)

White Outline Button

 

Trial Popup

Trial Popup

Pro Form

Pro Form

Free Form

Free Form

Matcha form

Matcha Form

Column Layouts

Heading 4

Maecenas sed auctor tortor. Cras dictum lectus at sem aliquam, sed lacinia metus convallis. Donec risus ligula, maximus non massa quis, euismod elementum ante. Integer pulvinar consequat elit. Mauris dignissim risus a tortor egestas, ac faucibus lorem interdum. Nulla id neque a quam lacinia hendrerit. In in augue sem. Pellentesque tempor mi ante, sit amet venenatis dolor ullamcorper eget. Curabitur tempus lacinia libero, non elementum ante luctus eu.

Heading 4

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In pharetra bibendum nisi pellentesque ornare. Vivamus non felis risus. Duis faucibus iaculis quam, eu volutpat ligula dictum a. Duis mi nisi, tempor a lectus non, blandit ultrices purus. Aliquam tellus orci, tincidunt ac pellentesque id, lacinia sit amet eros. Aliquam ac velit rutrum, elementum neque vel, mattis metus. Sed ut odio facilisis, varius diam vitae, sollicitudin est. Vivamus ut faucibus neque.


Heading 4

Nullam cursus scelerisque felis, et tincidunt odio porttitor at. Nulla facilisi. Nam commodo tellus metus, id rhoncus metus volutpat nec. Donec interdum mattis nibh, id posuere tellus consectetur eget. Donec a faucibus quam. Aliquam egestas, nisi quis fringilla lacinia, dui sapien accumsan elit, sed tincidunt dolor enim ac odio. Aliquam sed bibendum mauris. Ut ultrices ex neque, interdum imperdiet dui efficitur consectetur. Phasellus rutrum, lacus vel accumsan hendrerit, tortor orci maximus odio, id porta lacus eros nec neque. Cras et maximus tellus. Vivamus imperdiet dictum libero.


Heading 4

Nullam cursus scelerisque felis, et tincidunt odio porttitor at. Nulla facilisi. Nam commodo tellus metus, id rhoncus metus volutpat nec. Donec interdum mattis nibh, id posuere tellus consectetur eget. Donec a faucibus quam. Aliquam egestas, nisi quis fringilla lacinia, dui sapien accumsan elit, sed tincidunt dolor enim ac odio. Aliquam sed bibendum mauris. Ut ultrices ex neque, interdum imperdiet dui efficitur consectetur. Phasellus rutrum, lacus vel accumsan hendrerit, tortor orci maximus odio, id porta lacus eros nec neque. Cras et maximus tellus. Vivamus imperdiet dictum libero.

Fill out my online form