Как сделать данное задание?

Вообщем вот задание

Очень хочется узнать как его можно сделать, заранее спасибо!

Дополнительно:

Ну берете фрилансера, платите ему бабок и он делает вам, профит.
У вас чистой воды задание... а не вопрос...
А так же вообще не понятно что именно в задании надо сделать... расположить рядом 3 блока с 3 блоками с разными z-index?

1. Погуглить самому
2. Я погуглю за Вас

P.S. Вы бы хоть что то пробовали делать, дополните свой вопрос примером Вашего кода, как минимум. А в таком виде это не вопрос а задание.

• Это действительно мне поможет, спасибо! А погуглить я не мог, потому что просто я не знаю как назвать то что я не могу сделать
• Akavra, Поймите, народ агрится на такие вопросы, т.к Вы предоставляете мало информации. К примеру, опиши Вы свою ситуацию, учу хтмл, дали задание, делаю квадраты, не знаю как получить такой эффкт, и что гуглить. Получите ответ. А с такой постановкой вопроса - хапните негатива. Читайте правила. Получили действенный ответ - отмечайте решением. Не помог ответ -пишите в комменте аргументацию, почему не работает.
  Думайте об остальных, кто сталкивается с подобной проблемой, они в поиске решения этой проблемы, очень желательно, должны попасть на Ваш вопрос, и увидеть ответ, который поможет и им в том числе.
  Как то так я себе представляю этот ресурс.
• Добавлю только что основная концепция ресурса тут это не "у меня вот такое задание, как решить?", а "у меня вот такое задание, я пробовал сделать вот так(код), но не получается, как решить?"
• Elvis, Абсолютно согласен !! Упустил сей момент в своем комменте.

Ответы:

<div class="wrap1"></div> <div class="wrap2"></div> <div class="wrap3"></div>

.wrap1 , .wrap2 , .wrap3 {     width: 100px;     height: 100px;     border: none;     position: absolute; }  /* 1 Решение */  /* .wrap1 {     background-color: rgb(204, 157, 165); } .wrap2 {     background-color: rgb(72, 72, 138);     top: 60px;     left: 60px; } .wrap3 {     background-color: rgb(54, 107, 54);     top: 120px;     left: 120px; } */  /* 2 Решение */   /* .wrap1 {     background-color: rgb(204, 157, 165); } .wrap2 {     background-color: rgb(72, 72, 138);     top: 60px;     left: 60px;     z-index: 3; } .wrap3 {     background-color: rgb(54, 107, 54);     top: 120px;     left: 120px; }  */  /* 3 Решение */    /* .wrap1 {     background-color: rgb(204, 157, 165);     z-index: 3; } .wrap2 {     background-color: rgb(72, 72, 138);     top: 60px;     left: 60px; } .wrap3 {     background-color: rgb(54, 107, 54);     top: 120px;     left: 120px;     z-index: 3; }   */