HTML formatting in panel

This is my second day with Kirby, and I learned a lot during only a few hours. I am pleased!

Here my question: Is it possible to include HTML in the panel directly?

Within a couple of hours I managed to build a complete template, based on the Zurb Foundation framework. Now I would like to modify the layout or add certain elements to a page. For instance I would like to split a text into columns or to add a button, using Foundation’s markup, like that:

<div class="row">
  <div class="small-2 large-4 columns">...</div>
  <div class="small-4 large-4 columns">...</div>
  <div class="small-6 large-4 columns">...</div>
</div>

or that:

<a href="#" class="button">Default Button</a>

Anybody who can tell me more? I will be glad about any hint!

You can write html directly into your text files. But there are other, imho better options as well, e.g. Kirby text http://getkirby.com/docs/content/text or plugins for column layouts http://getkirby-plugins.com

Oh yes, thank you, great. It works in fact, but not in any case. In some cases the code is rendered as raw HTML. But it is maybe useful for anybody else who works with Foundation that the HTML is rendered correctly when I wrap it with a container. I did not check out all of the features yet, but it seems to work.

So instead of this:

<div data-alert class="alert-box radius">
    	This is a standard alert (div.alert-box.radius).
    	<a href="" class="close">×</a>
 </div>
 <div data-alert class="alert-box success">
    	This is a success alert (div.alert-box.success).
    	a href="" class="close">×</a>
 </div>
 <div data-alert class="alert-box alert round">
    	This is an alert (div.alert-box.alert.round).
    	<a href="" class="close">×</a>
 </div>
 <div data-alert class="alert-box secondary">
    	This is a secondary alert (div.alert-box.secondary).
    	<a href="" class="close">×</a>
 </div>

one should write this:

<div class="row">
	<div data-alert class="alert-box radius">
		This is a standard alert (div.alert-box.radius).
		<a href="" class="close">×</a>
	</div>
	<div data-alert class="alert-box success">
		This is a success alert (div.alert-box.success).
		a href="" class="close">×</a>
	</div>
	<div data-alert class="alert-box alert round">
		This is an alert (div.alert-box.alert.round).
		<a href="" class="close">×</a>
	</div>
	<div data-alert class="alert-box secondary">
		This is a secondary alert (div.alert-box.secondary).
		<a href="" class="close">×</a>
	</div>
</div>