Question: I'd like to create a custom drag and drop template so I can increase the design possibilities without losing the functionality. I can't find anything in their documentation.

I was hoping to create something like [this](http://i.stack.imgur.com/KhAd3.png), not sure if I'm missing something obvious but I can't find a drag and drop that allows for the different coloured background with columns too.

I could use a block of code but I can't edit the css styles so it wouldn't be responsive for mobile and also not very friendly for those who don't know html.

Answer: 
Rather old question, but to who it might be helpfull: 

If you code your own template and upload it to Mailchimp you lose the 'drag & drop' system/UX interface with the different blocks. You are able to create repeatable blocks but then it works with a dropdown list. This is (in my humble opinion) not that user friendly and takes a while before you fully understand how to use the dropdown. I had to explain it to a client earlier today and took a while before they understood it, so I decided to write them a manual for it. 

But the design you want to create should be possible to make with a standard MC template. In the 'design' tab you will find settings to control background colors etc.
I found part of the answer on another topic: [[Is it possible to code drag&drop templates for mailchimp?](https://stackoverflow.com/questions/38447364/is-it-possible-to-code-dragdrop-templates-for-mailchimp/58088578#58088578][1])

If you add the following code into your main content div or td it will enable the drag and drop block editor:

```
mc:container="body_container" mccontainer="body_container"

```

example:

```
<div  mc:container="body_container" mccontainer="body_container"></div>

```

This code will add a block editor region to the preheader section:

```
mc:container="preheader_container" mccontainer="preheader_container"

```

For the header:

```
mc:container="header_container" mccontainer="header_container" 

```

For the footer:

```
mc:container="footer_container" mccontainer="footer_container"

```

Note: It doesn't seem to matter what you call the mc:container. Creating a new container with a different name worked. Although using just mc:container tag seems to work at first by itself, the mccontainer (no colon) tag is required for it to save properly.