<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Learn Center | Content</title>
    <link rel="shortcut icon" type="image/png" href="/img/logo-small.png"/>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="/js/jquery-1.5.2.js" ></script>
    <script type="text/javascript" src="/js/cufon-yui.js"></script>
    <script type="text/javascript" src="/js/cufon-replace.js"></script>
    <script type="text/javascript" src="/js/Molengo_400.font.js"></script>
    <script type="text/javascript" src="/js/Expletus_Sans_400.font.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/js/html5.js"></script>
    <style type="text/css">.bg, .box2{behavior:url("/js/PIE.htc");}</style>
    <![endif]-->
</head>
<body id="page5">
<div class="body1">
    <div class="main">
        <!-- header -->
        <header>
            <div class="wrapper">
                <nav>
                    <ul id="menu">
                        <li><a href="index.html">About</a></li>
                        <li><a href="courses.html">Courses</a></li>
                        <li><a href="programs.html">Programs</a></li>
                        <li><a href="teachers.html">Teachers</a></li>
                        <li><a href="admissions.html">Admissions</a></li>
                        <li class="end"><a href="contacts.html">Contacts</a></li>
                    </ul>
                </nav>
                <ul id="icons">
                    <li><a href="#"><img src="/img/icons1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="/img/icons2.jpg" alt=""></a></li>
                </ul>
            </div>
            <div class="wrapper">
                <h1><a href="index.html" id="logo">Learn Center</a></h1>
            </div>
            <div id="slogan"> We Will Open The World<span>of knowledge for you!</span> </div>
        </header>
        <!-- / header -->
    </div>
</div>
<div class="body2">
    <div class="main">
        <!-- content -->
        <section id="content">
            <div class="box1">
                <div class="wrapper">
                    <article class="col1">
                        <div class="pad_left1">
                            <h2>Launch Payload</h2>
                        </div>
                        <div>
                            <h3>Meta Data</h3>
                            <table class="demo-table">
                                <tr th:each="metadata : ${metadata}">
                                    <th th:text="${metadata.key}">keyvalue</th>
                                    <td th:text="${metadata.value}">num</td>
                                </tr>
                            </table>

                            <h3>Launch Claims</h3>
                            <table title="Launch Claims"  class="demo-table">
                                <tr th:each="claim : ${claims}">
                                    <th th:text="${claim.key}"></th>
                                    <td th:if="${claim.value.class.name == 'java.util.ArrayList'}">
                                        <div th:each="row : ${claim.value}">
                                            <div th:text="${row}"/>
                                        </div>
                                    </td>
                                    <td th:if="${claim.value.class.name == 'org.jose4j.json.JsonUtil$DupeKeyDisallowingLinkedHashMap'}">
                                        <table>
                                            <tr th:each="objmap : ${claim.value}">
                                                <th th:text="${objmap.key}"></th>
                                                <td th:text="${objmap.value}"></td>

                                            </tr>
                                        </table>
                                    </td>
                                    <td th:if="${claim.value.class.name == 'java.lang.String'}" th:text="${claim.value}">num</td>
                                    <td th:if="${claim.value.class.name == 'java.lang.Long'}" th:text="${claim.value}">num</td>
                                </tr>
                            </table>
                        </div>
                    </article>
                    <article class="col2 pad_left2">
                        <div class="pad_left1">
                            <h2>Suggestions</h2>
                            <p> .... opps my mind has gone blank there</p>
                        </div>
                    </article>
                </div>
            </div>
        </section>
        <!-- content -->
        <!-- footer -->
        <footer>
            <div class="wrapper">
                <div class="pad1">
                    <div class="pad_left1">
                        <div class="wrapper">
                            <article class="col_1">
                                <h3>Address:</h3>
                                <p class="col_address"><strong>Country:<br>
                                    City:<br>
                                    Address:<br>
                                    Email:</strong></p>
                                <p>USA<br>
                                    San Diego<br>
                                    Beach st. 54<br>
                                    <a href="#">lcenter@mail.com</a></p>
                            </article>
                            <article class="col_2 pad_left2">
                                <h3>Join In:</h3>
                                <ul class="list2">
                                    <li><a href="#">Sign Up</a></li>
                                    <li><a href="#">Forums</a></li>
                                    <li><a href="#">Promotions</a></li>
                                    <li><a href="#">Lorem</a></li>
                                </ul>
                            </article>
                            <article class="col_3 pad_left2">
                                <h3>Why Us:</h3>
                                <ul class="list2">
                                    <li><a href="#">Lorem ipsum dolor </a></li>
                                    <li><a href="#">Aonsect adipisic</a></li>
                                    <li><a href="#">Eiusmjkod tempor </a></li>
                                    <li><a href="#">Incididunt ut labore </a></li>
                                </ul>
                            </article>
                            <article class="col_4 pad_left2">
                                <h3>Newsletter:</h3>
                                <form id="newsletter" action="#" method="post">
                                    <div class="wrapper">
                                        <div class="bg">
                                            <input type="text">
                                        </div>
                                    </div>
                                    <a href="#" class="button"><span><span><strong>Subscribe</strong></span></span></a>
                                </form>
                            </article>
                        </div>
                        <div class="wrapper">
                            <article class="call"> <span class="call1">Call Us Now: </span><span class="call2">1-800-567-8934</span> </article>
                            <article class="col_4 pad_left2">Copyright &copy; <a href="#">Domain Name</a> All Rights Reserved<br>
                                Design by <a target="_blank" href="http://www.templatemonster.com/">TemplateMonster.com</a></article>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- / footer -->
    </div>
</div>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>