Imagine meeting someone for the first time: you only tell them the most important things about yourself, and you do it in the shortest, simplest, most exciting language. The homepage top panel is a lot like that, it’s like a first impression or an elevator pitchyou want to give people the most shortest, clearest, most persuasive version of your message.

Here are some examples of good homepage top panels:

Templates

Left-aligned image with text

homepage-top-panel1

A 2/3rds width image, with text on the right. Copy and paste the code below into the “Text” tab on the “Add New Homepage Top Panel” screen, and edit it.

<div class="htp1">
<div class="htp1-image">
<!-- REPLACE THE CONTENTS OF src="" BELOW WITH YOUR IMAGE URL --> 
<img src="http://world.350.org/demo/files/2013/06/climatedots-texas-tornado.jpg" /></div>
<div class="htp1-text">
<!-- EDIT THE TEXT BELOW -->
<h2>Headline for the top panel here</h2>
<p>This is sample first paragraph text here. Edit this to whatever you want.</p>
<p>This is a sample second paragraph. fjdasl jdaslfkdjaf kjf dalkfj dajf dalfkjd alfkjd fldkja fldajf dalfd kasjf dalkfj fkdjaf kjf dalkfj dajf dalfkjd alfkjd fldkja fldajf dalfd kasjf dalkfj dalfkjd alfkjd lfkj aflkda jfldakjf dla</p>
<p><a class="button" href="">Button</a></p>
<!-- ALL TEXT MUST GO ABOVE THIS LINE -->
</div>
<br class="clear" />
</div>

Right-aligned image with text

homepage-top-panel1-alt

A 2/3rds width image, with text on the left. Copy and paste the code below into the “Text” tab on the “Add New Homepage Top Panel” screen, and edit it.

<div class="htp1alt">
<div class="htp1-image">
<!-- REPLACE THE CONTENTS OF src="" BELOW WITH YOUR IMAGE URL --> 
<img src="http://world.350.org/demo/files/2013/06/climatedots-texas-tornado.jpg" /></div>
<div class="htp1-text">
<!-- EDIT THE TEXT BELOW -->
<h2>Headline for the top panel here</h2>
<p>This is sample first paragraph text here. Edit this to whatever you want.</p>
<p>This is a sample second paragraph. fjdasl jdaslfkdjaf kjf dalkfj dajf dalfkjd alfkjd fldkja fldajf dalfd kasjf dalkfj fkdjaf kjf dalkfj dajf dalfkjd alfkjd fldkja fldajf dalfd kasjf dalkfj dalfkjd alfkjd lfkj aflkda jfldakjf dla</p>
<p><a class="button" href="">Button</a></p>
<!-- ALL TEXT MUST GO ABOVE THIS LINE -->
</div>
<br class="clear" />
</div>

Facebook Box

Feature Box

Include an image, a headline, some text, and a button with the 350 Feature Box widget.