Call to action row

In our online preview you can see that each portfolio project has a nice call to action area at the bottom. This is a simple row with some text and a button thrown in, but it has some details that need to be done right.

For starters, simply copy the following code in your page (make sure that you choose the Classic Mode - TEXT) when doing so and paste the code at the very end of your page. Then you can go to the Backend Editor view and see what's created.

[vc_row][vc_column width="1/1" el_class="love-box"][vc_column_text]
<p style="text-align: center;"><span style="color: #000000;"><strong><span class="large">Love it?</span></strong></span>[button href="" target="_blank" style="dark" size="normal" label="View it" el_class="project-button"]</p>

If you look at the code you'll see that it's a simple column with the love-box extra class, including a basic text module. Inside you have a centered aligned large piece of text, followed by a simple button with a special class (project-button). These classes make sure that the row will always look nice and that the text disappears on mobile devices, leaving only the button.

You can use this template in any page you wish and just change the text and button. If you want, you can even add a parallax background image to the row.