twigfiddle.com - Fiddle l4lae1 v1 - Created on February 26, 2020 10:55

More options...

Title

File

<!-- NAVIGATION BAR ———————————————————————————————————————————————————— -->
		<nav role="navigation">
		  <ul>
			  {% for item in navigation %}
				  <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
			  {% endfor %}
		  </ul>
		</nav>
		
		
		
		<!-- PAGE HEADER ————————————————————————————————————————————————————————-->
		<header role="banner">
		  <hgroup>
		    <h1>{{ title }}</h1>
		    <h2>Subtitle</h2>
		  </hgroup>
		</header>
		
		
		<!-- MAIN PAGE CONTENT ————————————————————————————————————————————————— -->
		<main role="main">
			
		
		 
		</main>

Format

{
    "title" : "Home",
    "navigation" : [
        {"href" : "/", "caption" : "Home"},
        {"href" : "/about", "caption" : "About Us"}
    ]
}

Fiddle l4lae1 created on February 26, 2020 10:55 and visited 53 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code