0
Welcome Guest! Login
0 items Join Now

Our Star Wars Sale is ending soon, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships! Act fast!
motionmailapp.com

Photon: Recreating the Demo - Copyright Section

Your Guide to Recreating Elements of the Photon Demo for Grav


Introduction

1
Logo / Image (Particle)
2
Newsletter (Particle)
3
Copyright (Particle)
4
Custom HTML (Particle)

The Copyright section includes four particles: Logo / Image, Newsletter, Copyright, and a Custom HTML particle assigned to the copyright-a widget position.

Here is a breakdown of the widget(s) and particle(s) that appear in this section:

Section Settings

Option Setting
Layout Fullwidth (Boxed Content)
CSS Classes g-mobile-center-compact
Tag Attributes Blank

Logo Image (Particle)

Particle Settings

Demo Copyright

Option Setting
Particle Name Logo / Image
URL Blank
Image Blank
Text Photon
CSS Classes g-footer-logo

Block Settings

Demo Copyright

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 60%

Copyright (Particle)

Particle Settings

Demo Copyright

Option Setting
Particle Name Newsletter
CSS Classes Blank
Width Full Width
Layout Square
Style Blank
Title Blank
Heading Text Blank
Side Text Newsletter
InputBox Text Blank
Button Icon fa fa-send
Button Text Join
Feedburner URI Blank
Button Classes Blank

Block Settings

Demo Copyright

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 40%

Copyright (Particle)

Particle Settings

Demo Copyright

Option Setting
Particle Name Copyright
Start Year 2007
End Year now
Copyright Owner RocketTheme LLC

Block Settings

Demo Copyright

Option Setting
CSS ID Blank
CSS Classes g-copyright
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 48%

Custom HTML (Particle)

Particle Settings

Demo Widget

Option Setting
Particle Name Custom HTML
Process Twig Unchecked
Process Shortcodes Unchecked

Custom HTML

<div class="g-grid g-sample-sitemap">
<div class="g-block">
<ul class="nomarginall g-bottom-menu align-right">
<li><a href="/index.php">Home</a> </li>
<li><a href="#"><i class="fa fa-circle"></i> About</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Terms</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Legal</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Disclaimer</a></li>
</ul>
</div>
</div>

Block Settings

Demo Widget

Option Setting
CSS ID Blank
CSS Classes nomarginleft nopaddingleft
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 52%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.