philipgledhill

<h2>This Section Uses Lightweight Grid Columns</h2>
[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]
<h3><i class="fa fa-id-card-o" aria-hidden="true"><!-- comment --></i> Headline goes here</h3>
This is a couple of sentences of text that elaborate on the headline.  You don't need much text here, just enough.
[/lgc_column]

[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]
<h3><i class="fa fa-font-awesome" aria-hidden="true"><!-- comment --></i> Headline goes here</h3>
This is a couple of sentences of text that elaborate on the headline.  You don't need much text here, just enough.
[/lgc_column]

philipgledhill

<h2 style="text-align: center;"><strong>Image Backgrounds</strong></h2>
<p style="text-align: center;">This section uses a background image and a button. This is a very popular look at the moment.</p>
<p style="text-align: center;"><a class="button" href="#">Button</a></p>

philipgledhill

<div class="content-box-blue">
 
<h2>This is a content box</h2>
 
You could use these content boxes to draw attention to anything important on your website. You can easily change the color of the boxes or the buttons by changing the hexadecimal code in the CSS.
 
<a class="btn-orange" href="#">Click me</a>
</div>
 
<hr>

philipgledhill

/* Content Boxes
------------------------------------------------------------ */
  
.content-box-blue,
.content-box-gray,
.content-box-green {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
    color: #ffffff;

philipgledhill

<!-- Two one-half columns -->
<div class="one-half first">Content goes here.</div>
<div class="one-half">Content goes here.</div>
<div class="clearfix"></div>

<!-- Three one-third columns. -->
<div class="one-third first">Content goes here.</div>
<div class="one-third">Content goes here.</div>
<div class="one-third">Content goes here.</div>
<div class="clearfix"></div>

philipgledhill

/** Parallax Pro CSS classes... 
To target a row start with...
.home-odd.home-section-1.widget-area

Leave a space then add...
  .one-half .button
  .one-half h4
  .one-half img
etc.

philipgledhill

<!-- Header Right widget area -->

<span class="tagline"><strong>This is the text in the Header Right widget area</strong></span> <a href="#" class="button small">Click Me</a>

<!-- ************************************ -->


<!-- Several widget areas contain button code -->

<a href="#" class="button">Click Me!</a>

philipgledhill

.sidebar p {
	font-size: 16px;
}

.sidebar li {
	font-size: 16px;
}

philipgledhill

<h4>Front Page 2: small headline</h4>

<h2>Front Page 2 big headline</h2>

<div class="bottom-image">
/** Delete this line and paste your image code in here. */
</div>

philipgledhill

<div class="one-half first">
<h4>Simply divine</h4>
<p>Introducing the most beautiful theme ever created for the Genesis Framework. With an emphasis on incredible typography and responsive design, this HTML5 theme will leave your audience nothing short of speechless.</p>

<a class="button" href="#">Get Started</a>
</div>

<div class="one-half">
<div class="screenshot">
/** Delete this line and paste your image code in here. */