{% set parent_item = {
title: "Admissions",
url: "#admissions"
} %}
{% set menu = [
{
title: "Entrepreneurship",
url: "#child-page-1"
},
{
title: "Healthcare Administration",
url: "#child-page-2",
current: true
},
{
title: "Child Page 3 Here we can see what a child page with a really long title would look like",
url: "#child-page-3"
},
{
title: "Child Page 4",
url: "#child-page-4"
},
{
title: "External Page",
url: "#external-page",
external: true
},
{
title: "Child Page 5",
url: "#child-page-5"
},
{
title: "Child Page 6",
url: "#child-page-6"
},
{
title: "Child Page 7",
url: "#child-page-7"
},
{
title: "Child Page 8",
url: "#child-page-8"
}
] %}
<x-two-columns class="tux-c-two-columns--35-65">
<x-slot name="content">
<x-two-columns__col>
<x-slot name="content">
<x-interior-menu :items="menu" header="Concentrations" :parent_item="parent_item" data-header-color="black" open/>
</x-slot>
</x-two-columns__col>
<x-two-columns__col>
<x-slot name="content">
<h3>Content</h3>
<p>Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui.</p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
</x-slot>
</x-two-columns__col>
</x-slot>
</x-two-columns>