[html]<div class="locations">
<input type="radio" name="loc-main" id="loc-city" checked="checked" />
<input type="radio" name="loc-main" id="loc-campus" />
<div class="locations-head">
<label for="loc-city">Брекенридж, Колорадо</label>
<label for="loc-campus">Университет Найт Маунт</label>
</div>
<div class="locations-wrap">
<!-- ГОРОД -->
<div class="locations-box locations-city">
<input type="radio" name="loc-city-tabs" id="loc-city-general" checked="checked" />
<input type="radio" name="loc-city-tabs" id="loc-city-government" />
<input type="radio" name="loc-city-tabs" id="loc-city-services" />
<input type="radio" name="loc-city-tabs" id="loc-city-education" />
<input type="radio" name="loc-city-tabs" id="loc-city-business" />
<div class="locations-body">
<div class="locations-side">
<img class="locations-photo" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRoETq2qsv3cX0XhMetYq3vwAg9i8QslMdl5ZA-8WB3JyzWs3PZTRGErcyn&s=10" alt="город" />
<div class="locations-tabs">
<label for="loc-city-general">о городе</label>
<label for="loc-city-government">органы власти</label>
<label for="loc-city-services">городские службы</label>
<label for="loc-city-education">образование</label>
<label for="loc-city-business">бизнес</label>
</div>
</div>
<div class="locations-content">
<div class="locations-text loc-city-general">
<h3>общая</h3>
<p>Общее описание города, его атмосферы, районов, особенностей и ключевых мест.</p>
</div>
<div class="locations-text loc-city-government">
<h3>органы власти</h3>
<p>Здесь можно разместить информацию об администрации, мэрии, судах, муниципальных зданиях и других структурах управления.</p>
</div>
<div class="locations-text loc-city-services">
<h3>городские службы</h3>
<p>Описание больниц, полиции, пожарной службы, коммунальных служб, транспортных узлов и других городских служб.</p>
</div>
<div class="locations-text loc-city-education">
<h3>образование</h3>
<p>Информация о школах, колледжах, академиях, курсах и других образовательных учреждениях города.</p>
</div>
<div class="locations-text loc-city-business">
<h3>бизнес</h3>
<p>Описание торговых центров, магазинов, кафе, ресторанов, офисов, компаний и других коммерческих объектов.</p>
</div>
</div>
</div>
</div>
<!-- УНИВЕРСИТЕТ -->
<div class="locations-box locations-campus">
<input type="radio" name="loc-campus-tabs" id="loc-campus-general" checked="checked" />
<input type="radio" name="loc-campus-tabs" id="loc-campus-faculties" />
<input type="radio" name="loc-campus-tabs" id="loc-campus-studentlife" />
<div class="locations-body">
<div class="locations-side">
<img class="locations-photo" src="https://upforme.ru/uploads/001c/7f/88/2/89743.png" alt="университет" />
<div class="locations-tabs">
<label for="loc-campus-general">история университета</label>
<label for="loc-campus-faculties">факультеты</label>
<label for="loc-campus-studentlife">спортивная и студенческая жизнь</label>
</div>
</div>
<div class="locations-content">
<div class="locations-text loc-campus-general">
<h3>общая</h3>
<p>Общее описание университета, его корпусов, территории, истории и атмосферы.</p>
</div>
<div class="locations-text loc-campus-faculties">
<h3>факультеты</h3>
<p>Здесь можно разместить информацию о факультетах, кафедрах, учебных корпусах, аудиториях и преподавательском составе.</p>
</div>
<div class="locations-text loc-campus-studentlife">
<h3>спортивная и студенческая жизнь</h3>
<p>Описание клубов, секций, студенческих организаций, общежитий, мероприятий, соревнований и внеучебной активности.</p>
</div>
</div>
</div>
</div>
</div>
</div>[/html]
