The #1 Resource for aussie gambling!
  • Safe & Secure Sites
  • 100's of Free Games
  • Expert Casino Reviews

The #1 Resource for aussie gambling!

Fancy texts and tables

Related Guides

<div class="related-guides">
  <h3>Related Guides</h3>
  <ul>
    <li><a href="#"><span class="guide-icon"><img src="http://cdn4.stage.australiangambling.com.au/wp-content/uploads/icon-75x75.png" alt="alt text" /></span><span class="guide-details"><span class="guide-name">Gambling Guide</span><span class="guide-description">Check out our FAQ, get tips for beginners or experts.</span></span></a></li>
    <li><a href="#"><span class="guide-icon"><img src="http://cdn4.stage.australiangambling.com.au/wp-content/uploads/icon-75x75.png" alt="alt text" /></span><span class="guide-details"><span class="guide-name">Free Games</span><span class="guide-description">Visit our free games page and play your favourite casino games.</span></span></a></li>
    <li><a href="#"><span class="guide-icon"><img src="http://cdn4.stage.australiangambling.com.au/wp-content/uploads/icon-75x75.png" alt="alt text" /></span><span class="guide-details"><span class="guide-name">10 Tips</span><span class="guide-description">Improve your online gambling skills with free tips.</span></span></a></li>
  </ul>
</div>

FAQ with Green Background

Frequently Asked Questions

Can I play in Australian dollars?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.
Do I have to gamble real cash to play games in an online casino?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.
How do I collect my winnings?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.

Code Demo:

<div class="faq faq-green">
<h3>Frequently Asked Questions</h3>
  <dl>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
  </dl>
</div>

FAQ with Yellow Background

Frequently Asked Questions

Can I play in Australian dollars?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.
Do I have to gamble real cash to play games in an online casino?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.
How do I collect my winnings?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.

Code Demo:

<div class="faq faq-yellow">
<h3>Frequently Asked Questions</h3>
  <dl>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt>Lorem ipsum</dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Tempor incididunt ut labore et dolore magna aliqua.</dd>
  </dl>
</div>

Current Month & Year

June 2017 – Shortcode can be used in the WP WYSIWYG editor only, not meta fields

[ag_current_month] [ag_current_year]

Green Callout with Image

  • Lorem ipsum dolor sit amet, consect etur adipiscing elit.
  • Lorem ipsum dolor sit amet, consect etur adipiscing elit.
  • Lorem ipsum dolor sit amet, consect etur adipiscing elit.
  • Item 1
  • Item 2
  • Item 3
  • Item 4

Code Demo:

<div class="callout-picture">
<img src="http://placehold.it/600x350" alt="">
<ul>
  <li>Lorem ipsum dolor sit amet, consect etur adipiscing elit.</li>
  <li>Lorem ipsum dolor sit amet, consect etur adipiscing elit.</li>
  <li>Lorem ipsum dolor sit amet, consect etur adipiscing elit.</li>
</ul>
</div>

Blue Background Image with Text

Here is the text!

Code Demo:

<div class="blue-background">
<div class="row row-5">
  <div class="col-sm-6">
    <img class="img-responsive" src="http://placehold.it/360x170" alt="" />
  </div>
  <div class="col-sm-6">Here is the text!</div>
  </div>
</div>

Float Images

Align Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac luctus augue. Etiam convallis nulla sagittis rhoncus maximus. Suspendisse lacinia orci ac metus gravida, ut elementum neque hendrerit. Cras blandit diam et augue venenatis, et rhoncus diam fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean ac purus orci. Nam non quam quis leo ornare fringilla nec at nulla. Pellentesque eget volutpat nisl, id porttitor arcu. Praesent rutrum nunc vel magna convallis, non laoreet dui pulvinar. Maecenas ultricies, augue sit amet aliquet laoreet, sapien lorem suscipit dolor, sit amet auctor mi eros bibendum sapien.

Code Demo:

<img class="alignleft" src="http://placehold.it/250x100" alt="" />

Align Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac luctus augue. Etiam convallis nulla sagittis rhoncus maximus. Suspendisse lacinia orci ac metus gravida, ut elementum neque hendrerit. Cras blandit diam et augue venenatis, et rhoncus diam fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean ac purus orci. Nam non quam quis leo ornare fringilla nec at nulla. Pellentesque eget volutpat nisl, id porttitor arcu. Praesent rutrum nunc vel magna convallis, non laoreet dui pulvinar. Maecenas ultricies, augue sit amet aliquet laoreet, sapien lorem suscipit dolor, sit amet auctor mi eros bibendum sapien.

Code Demo:

<img class="alignright" src="http://placehold.it/250x100" alt="" />

Standard Table

Header 1 Header 2 Header 3 Header 4 Header 5 Header 6
Row 1 Row 1 Row 1 Row 1 Row 1 Row 1
Row 1 Row 2 Row 2 Row 2 Row 2 Row 2
Row 3 Row 3 Row 3 Row 3 Row 3 Row 3

Code Demo:

<div class="table-responsive">
  <table class="table fancy-table">
  <tbody>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
      <th>Header 4</th>
      <th>Header 5</th>
      <th>Header 6</th>
    </tr>
    <tr>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
    </tr>
    <tr>
      <td>Row 1</td>
      <td>Row 2</td>
      <td>Row 2</td>
      <td>Row 2</td>
      <td>Row 2</td>
      <td>Row 2</td>
    </tr>
    <tr>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
    </tr>
    </tbody>
  </table>
</div>

Title Seperator

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempor, tellus in venenatis ornare, ante mauris ultrices diam, a tempor dolor leo vel sapien.

Code Demo:

<div class="fancy-title-separator">Text Here</div>

Green Background Float Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempor, tellus in venenatis ornare, ante mauris ultrices diam, a tempor dolor leo vel sapien.

Vivamus lorem erat, tristique eget sapien et, faucibus tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eget velit lorem. Cras sed pulvinar ante. Donec sed ligula et nulla fermentum euismod id vel ante. In vitae nisi ac magna gravida eleifend. Maecenas mattis sapien ac hendrerit accumsan. Maecenas mattis sapien ac hendrerit accumsan. Mauris facilisis pretium fringilla. Vivamus lectus nunc, interdum ac mauris non, accumsan efficitur tortor.

<div class="green-background float-right-green-background">Text Here</div>

Unordered Checklist

  • Item 1
  • Item 2
  • Item 3
  • Item 4

Code Demo:

<ul class="blue-fancy-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

Accordion Item

Lorem Ipsum Question

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempor, tellus in venenatis ornare, ante mauris ultrices diam, a tempor dolor leo vel sapien. Cras sed justo facilisis ex laoreet ullamcorper eget et augue. Morbi non felis hendrerit lorem accumsan tincidunt. Pellentesque erat sem, interdum vitae tellus sit amet, ornare tristique quam. Mauris elit nunc, condimentum sit amet mauris ut, bibendum accumsan nisi. Mauris ultricies congue nisi et varius. Duis facilisis dapibus mollis.

Lorem Ipsum Question

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempor, tellus in venenatis ornare, ante mauris ultrices diam, a tempor dolor leo vel sapien. Cras sed justo facilisis ex laoreet ullamcorper eget et augue. Morbi non felis hendrerit lorem accumsan tincidunt. Pellentesque erat sem, interdum vitae tellus sit amet, ornare tristique quam. Mauris elit nunc, condimentum sit amet mauris ut, bibendum accumsan nisi. Mauris ultricies congue nisi et varius. Duis facilisis dapibus mollis.

Morbi sit amet turpis a neque iaculis dapibus. Sed volutpat diam lacus. Quisque malesuada eros massa, pulvinar rutrum nibh venenatis eu. Vivamus imperdiet sodales laoreet. Curabitur tempus, elit sit amet euismod lobortis, velit arcu convallis lectus, in aliquam augue sem vitae odio. Nunc varius odio vel ante hendrerit tristique. Nam in tortor quis nibh elementum tempor. Suspendisse pharetra dapibus lectus in porttitor. Morbi quis pretium tellus. Nulla facilisi. Maecenas quis facilisis purus. Sed vitae purus augue. Donec nisi risus, consectetur nec finibus quis, consequat vitae justo. Phasellus ornare auctor rhoncus. Nunc non elit massa. Nulla et tristique dui. Morbi sit amet turpis a neque iaculis dapibus. Sed volutpat diam lacus. Quisque malesuada eros massa, pulvinar rutrum nibh venenatis eu.

Code Demo:

<div class="accordion">
  <div class="accordiong-header">
    Text Here
    <span class="accordion-arrow"></span>
  </div>
  <div class="accordiong-content">
    <p>Text Here
    </p>
  </div>
  <div class="accordiong-header">
      Text Here
    <span class="accordion-arrow"></span>
  </div>
  <div class="accordiong-content">
    <p>
     Text Here
    </p>
  </div>
</div>

Video Embed

Code Demo:

<div class="fancy-title-separator">
  <div style="position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;">
    <iframe src="https://www.youtube.com/embed/kAOfgRRjFT8" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
  </div>
</div>