Wikidot Community

[[div class="feature feature-header"]]
%%form_raw{header}%%
[[/div]]

%%form_raw{content}%%

[[module CSS]]
@import url('http://css.wikidot.com/theme:standard-cover/code_');
[[/module]]

=========
[[form]]
fields:
  header:
    label: Header
    type: wiki
    height: 6
  content:
    label: Content
    type: wiki
    height: 12
[[/form]]

header: "[[image kathmandulogo.jpg width=\"100%\" title=\"]]\n[!--\n[[div class=\"row\"]]\n[[div class=\"col-lg-5 col-md-6\"]]\n+ Welcome to Wikidot.\n\nThis site runs on Wikidot, one of the world's largest wiki farms. But, Wikidot is more than just a wiki, as you'll discover. Wikidot is a community of free and professional websites, each doing something special.\n\n[[div class=\"btn-get-started btn-clone-login\"]]\n[[module Clone]]\n[[module Join button=\"Get Started\"]]\n[[/div]]\n[[/div]]\n[[div class=\"col-lg-7 col-md-6 hidden-xs hidden-sm text-center\" style=\"margin-top: 0;\"]]\n[[image http://css.wikidot.com/local--files/admin:template-files/wikidot_hollowAvatar_386x326.png style=\"max-width: 348px; margin-top: 24px;\"]]\n[[/div]]\n[[/div]]\n--]"
content: "@@@@\n@@@@\n@@@@\n@@@@\n\n[[image divider.gif width=\"100%\" title=\"]]\n[[=]]\n+ ##blue|**Welcome to The Kathmandu Restaurant where we prepare our food in the Nepalese style giving you fragrant tasty dishes from India.**##\n\n+ ##blue|**Eat Inside in a  Spacious Air Conditioned Dining area**##\n\n[[/=]]\n[[table style=\"margin: 0 10px;\"]]\n\n[[row]]\n[[cell style=\"padding: 10px; background-color: #DDFFDD; border: 10px solid silver;width: 50%;\"]]\n[[=]]\n[[image MainArea1.jpg width=\"90%\"]]\n[[/=]]\n[[/cell]]\n[[cell style=\"padding: 10px; background-color: #DDFFDD; border: 10px solid silver;width: 50%;\"]]\n[[=]]\n[[image MainArea2.jpg width=\"90%\"]]\n[[/=]]\n[[/cell]] [[/row]][[/table]]\n[[=]]\n+ ##blue|**or Outside in the Fresh Air.**##\n[[/=]]\n[[table style=\"margin: 0 10px;\"]]\n[[row]]\n[[cell style=\"padding: 10px; background-color: #DDFFDD; border: 10px solid silver;width: 50%;\"]]\n[[=]]\n[[image Outside1.jpg width=\"90%\"]]\n[[/=]]\n[[/cell]]\n[[cell style=\"padding: 10px; background-color: #DDFFDD; border: 10px solid silver;width: 50%;\"]]\n[[=]]\n[[image Outside2.jpg width=\"90%\"]]\n[[/=]]\n[[/cell]] [[/row]]\n[[/table]]\n\n[[=]]\n@@ @@ _\n _\n _\n\n+ ##red|**We also have a very well Stocked Bar**##\n\n[[image BarArea.jpg width=\"60%\"]]\n[[/=]]\n[!--\n[[div class=\"feature feature-center\"]]\n[[div class=\"row\"]]\n[[div class=\"col-lg-12\"]]\n+ Whatever your web project, Wikidot helps you make it better.\n[[/div]]\n[[/div]]\n[[/div]]\n\n[[div class=\"feature feature-center\"]]\n[[div class=\"row\"]]\n[[div class=\"col-sm-4\"]]\n\n[[span class=\"fa fa-cogs fa-4x\"]]@<&nbsp;>@[[/span]]\n\n++ Automation\n\nList pages or develop tables on the fly using Wikidot's many [*http://www.wikidot.com/doc-modules:start Modules].  Managing a site has never been easier.\n[[/div]]\n[[div class=\"col-sm-4\"]]\n\n[[span class=\"fa fa-magic fa-4x\"]]@<&nbsp;>@[[/span]]\n\n++ Personalization\n\nTailor your site to fit your needs with a variety of CSS controls and [*http://www.wikidot.com/doc-data-forms:start Data Form] configurations.  Developing a site has never been easier.\n[[/div]]\n[[div class=\"col-sm-4\"]]\n\n[[span class=\"fa fa-users fa-4x\"]]@<&nbsp;>@[[/span]]\n\n++ Community\n\nReceive ready support from users like yourself on Wikidot's [*http://community.wikidot.com/ Community Site].  Building a site has never been easier.\n[[/div]]\n[[/div]]\n[[/div]]\n\n\n[[div class=\"feature offcolor\"]]\n[[div class=\"row\"]]\n[[div class=\"col-md-7\"]]\n+ Build off of this basic template.\n\nThis template can help you get started on your new web project.  It provides you will all of the basic faculties of a standard wiki site, like a member's page, contact page, and more.  From these pages, you can construct your site to fit nearly any niche, be it blog, repository, service, educational site, you name it.  Furthermore, the Standard Template implements Bootstrap meaning that it is responsive to screen sizes and devices.  Your site will look good regardless of how it is viewed.\n[[/div]]\n[[div class=\"col-md-5 text-center\"]]\n[[span class=\"fa fa-building-o\" style=\"font-size: 12em;\"]]@<&nbsp;>@[[/span]]\n[[/div]]\n[[/div]]\n[[/div]]\n\n\n[[div class=\"feature\"]]\n[[div class=\"row\"]]\n[[div class=\"col-md-5 text-center\"]]\n[[span class=\"fa fa-book\" style=\"font-size: 12em;\"]]@<&nbsp;>@[[/span]]\n[[/div]]\n[[div class=\"col-md-7\"]]\n+ First time on Wikidot?  No problem.\n\nWikidot provides you with a myriad of tools and options in order to provide maximal flexibility.  We want you to feel comfortable when exploring what Wikidot offers, and so we have provided a **[[[help:first-time-user|First Time User]]]** guideline page.  In addition, you may always consult the [*http://community.wikidot.com/ Community Site] where experts (users like you!) are available to aid with any query you may have.\n[[/div]]\n[[/div]]\n[[/div]]\n\n\n[[div class=\"feature offcolor\"]]\n[[div class=\"row\"]]\n[[div class=\"col-md-7\"]]\n+ We got you covered.\n\nBuilding a website from scratch without guidance can be a bit daunting.  That is why you don't have to.  The Standard Template comes equipped with many useful pages and even a forum.  Furthermore, we provide a **[[[help:_home|User Guide]]]** and several help pages to get you started.  These pages introduce you to some of Wikidot's most useful features so that you can begin exploring and experimenting.  Using these features will allow you to very quickly build a quality site for nearly any purpose you can devise.\n[[/div]]\n[[div class=\"col-md-5 text-center\"]]\n[[span class=\"fa fa-check-square-o\" style=\"font-size: 12em;\"]]@<&nbsp;>@[[/span]]\n[[/div]]\n[[/div]]\n[[/div]]\n\n\n[[div class=\"feature feature-center\"]]\n[[div class=\"row\"]]\n[[div class=\"col-lg-12\"]]\n+ What are you waiting for?\n\nGive Wikidot a shot.  Press the button below to clone this template and get started!\n\n[[div class=\"btn-clone-login\"]]\n[[module Clone]]\n[[module Join button=\"Log in to Clone\"]]\n[[/div]]\n\n[[/div]]\n[[/div]]\n[[/div]]\n\n[[module CSS]]\nmain .content .feature-header .btn-get-started .button,\nmain .content .feature-header .btn-get-started .join-box a{\n    display: inline-block;\n    font-size: 0;\n    padding: 6px 24px;\n    margin-top: 12px;\n}\nmain .content .feature-header .btn-get-started .join-box a{  font-size: 24px; }\nmain .content .feature-header .btn-get-started .button::before{\n    font-size: 24px;\n    content: 'Get Started';\n}\n.btn-clone-login .join-box{\n    display: none;\n}\n.btn-clone-login .error-block{  display: none; }\n.btn-clone-login .error-block + .join-box{  display: block; }\n[[/module]]\n--]"

[[div style="float:right; width: 200px; border: 1px solid #999; margin: 10px;"]]
%%content{1}%%
[[/div]]

%%content{2}%%

[[table]]
[[row]]
[[column]]
%%content{3}%%
[[/column]]
[[column]]
%%content{4}%%
[[/column]]
[[/row]]
[[/table]]

==== 

This will be content of the side bar.

==== 

The main content.

==== 

This will go into the left cell of the table.

==== 

And this into the right cell.

There are two things described above: splitting content and default page content.

Splitting allows you to create sections in the page and manipulate them separately in the template. Sections are separated by a series (4 or more) "equals" characters and are referred to as %%content{X}%% in the template. You can access them in any order within the template.

Using this you can easily create advanced layouts (like multicolumn, multi-navigation etc.) and make editing and maintenance much easier.