<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Learn Center | Programs</title>
    <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="page3">
<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 class="pad_bot1">Academic Programs</h2>
                        </div>
                        <div class="wrapper pad_bot2">
                            <figure class="left marg_right1"><img src="/img/page3_img1.jpg" alt=""></figure>
                            <p class="pad_bot1 pad_top2"><strong>Whats in a LTI Message?</strong> <br>
                                This program displays all the claims and metadata in the originating launch.</p>
                            <form method="post" action="/callback/storedeeplink">
                                 <input type="hidden" name="id_token" th:value="${queryParameters.id_token}">
                                <input type="hidden" name="state" th:value="${queryParameters.state}">
                                 <input type="hidden" name="url" value="https://www.imsglobal.org/">
                                 <input type="hidden" name="type" value="url">
                                 <input type="hidden" name="title" value="Whats in a LTI Message?">
                                 <input type="submit" value="Link to this program..." class="button marg_left1">
                            </form>
                        </div>
                        <div class="wrapper pad_bot2">
                            <figure class="left marg_right1"><img src="/img/page3_img2.jpg" alt=""></figure>
                            <p class="pad_bot1 pad_top2"><strong>Who is Riomhaire Research?</strong> <br>
                                This program redirects the student to the Riomhaire Research Website.</p>
                            <form method="post" action="/callback/storedeeplink">
                                <input type="hidden" name="id_token" th:value="${queryParameters.id_token}">
                                <input type="hidden" name="state" th:value="${queryParameters.state}">
                                <input type="hidden" name="url" value="https://www.riomhaire.com">
                                <input type="hidden" name="type" value="url">
                                <input type="hidden" name="title" value="Who is Riomhaire Research?">
                                <input type="submit" value="Link to this program..." class="button marg_left1">
                            </form>                        </div>
                        <div class="wrapper">
                            <figure class="left marg_right1"><img src="/img/page3_img3.jpg" alt=""></figure>
                            <p class="pad_bot1 pad_top2"><strong>Trivia quiz</strong> <br>
                                This program displays a free online quiz site. This program will eventually
                              be replaces with a grade pass-back offering.
                            </p>
                            <form method="post" action="/callback/storedeeplink">
                                <input type="hidden" name="id_token" th:value="${queryParameters.id_token}">
                                <input type="hidden" name="state" th:value="${queryParameters.state}">
                                <input type="hidden" name="url" value="https://lovattspuzzles.com/online-puzzles-competitions/ultimate-online-trivia-quiz/">
                                <input type="hidden" name="type" value="url">
                                <input type="hidden" name="title" value="Trivia quiz">
                                <input type="submit" value="Link to this program..." class="button marg_left1">
                            </form>
                        </div>
                    </article>
<!--                    <article class="col2 pad_left2">-->
<!--                        <div class="pad_left1">-->
<!--                            <h2>New Programs</h2>-->
<!--                        </div>-->
<!--                        <ul class="list1">-->
<!--                            <li><a href="#">International Studies</a></li>-->
<!--                            <li><a href="#">Models &amp; Language Reaching</a></li>-->
<!--                            <li><a href="#">Public School Facts</a></li>-->
<!--                            <li><a href="#">State Testing Data</a></li>-->
<!--                            <li><a href="#">Education Jobs</a></li>-->
<!--                        </ul>-->
<!--                        <div class="pad_left1">-->
<!--                            <h2>What is This?</h2>-->
<!--                            <p class="quot"></p>-->
<!--                        </div>-->
<!--                        <a href="#"-->
<!--                           class="button marg_top1"><span><span>&nbsp;&nbsp; View All &nbsp;&nbsp;</span></span></a>-->
<!--                    </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>