+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width,user-scalable=no"/>
+ <#if Theme != "">
+ <link id="cowhide-theme" href="${cowhide}/cowhide-default.min.css" rel="stylesheet">
+ <link href="${cowhide}/cowhide-responsive.css" rel="stylesheet">
+ </#if>
+ <title>Cowhide - Tizen Web UI Componment</title>
+</head>
+
+<body>
+ <div class="page">
+ <div class="container">
+ <ul><li><button id="night-mode-toggle" class="btn btn-primary">Toggle night mode</button></li>
+ <li>
+ <select class="btn" type="text" id="theme-selector">
+ <option value="0">Select theme:</option>
+ <option value="0">------------------------------------</option>
+ <option value="default">Default</option>
+ <option value="amelia">Amelia</option>
+ <option value="spruce">Spruce</option>
+ </select>
+ </li>
+ </ul>
+ </div>
+ <div class="jumbotron masthead">
+ <div class="container">
+ <h1>Hello World!</h1>
+ <h2>Cowhide - Tizen Web UI Componment</h1>
+ </div>
+ </div>
+ </div> <!-- page -->
+
+ <!--NOTE:
+ cowhide.js must be included.
+ DO NOT REMOVE below code!
+ -->
+ <#if Theme != "">
+ <script src="${cowhide}/cowhide.js"></script>
+ </#if>
+ <script>
+!function ($) {
+
+$.cowhide.initThemeEngine({
+ path: '${cowhide}',
+ minified: true
+});
+
+$('button#night-mode-toggle').click(function() {
+ $.cowhide.toggleNightMode();
+});
+
+$('select#theme-selector').change(function() {
+ var value = $(this).find('option:selected').val();
+ if (value !== '0')
+ $.cowhide.setTheme(value);
+});
+
+}(window.jQuery)
+</script>
+</body>
+</html>