game1-index.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <title>The Yazik Chinese Trainer</title>
  10. <meta name="description" content="">
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <link rel="apple-touch-icon" href="apple-touch-icon.png">
  13. <link rel="stylesheet" href="../css/bootstrap.min.css">
  14. <style>
  15. body {
  16. padding-top: 50px;
  17. padding-bottom: 20px;
  18. }
  19. </style>
  20. <link rel="stylesheet" href="../css/bootstrap-theme.min.css">
  21. <link rel="stylesheet" href="../css/main.css">
  22. <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  23. </head>
  24. <body>
  25. <!--[if lt IE 8]>
  26. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  27. <![endif]-->
  28. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  29. <div class="container">
  30. <div class="navbar-header">
  31. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  32. <span class="sr-only">Toggle navigation</span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. </button>
  37. <a class="navbar-brand" href="../index.html">The Yazik Chinese Trainer</a>
  38. </div>
  39. <div id="navbar" class="navbar-collapse collapse">
  40. </div><!--/.navbar-collapse -->
  41. </div>
  42. </nav>
  43. <!-- Main jumbotron for a primary marketing message or call to action -->
  44. <div class="jumbotron">
  45. <div class="container">
  46. <h2 class="titre1">Choix du vocabulaire et du type d'exercice</h2>
  47. </div>
  48. </div>
  49. <div class="container">
  50. <!-- Example row of columns -->
  51. <div class="row">
  52. <div class="col-md-4">
  53. <h2>Les radicaux</h2>
  54. <p>Etude des 214 radicaux qui composent les sinogrammes..</p>
  55. </div>
  56. <div class="col-md-8">
  57. <h2>Etude des radicaux.</h2>
  58. <p>Ces radicaux sont les pierres de base des sinogrammes. Chaque sinogramme est composé de plusieurs radicaux qui
  59. soit donnent le sens, soit la phonétique, soit sont sans rapport avec le sens du caractère.</p>
  60. <p>Plusieurs modes d'apprentissage sont disponibles:</p>
  61. <ul>
  62. <li><a href="Essai3.html">Utilisation de groupes de radicaux figés</a></li>
  63. <li><a href="../dist/index.html">Utilisation de groupes de radicaux mélangés</a></li>
  64. <li><a href="">Apprentissage progressif</a></li>
  65. <li><a href="">Révision complète des 214 radicaux</a></li>
  66. </ul>
  67. </div>
  68. </div>
  69. <div class="row">
  70. <div class="col-md-4">
  71. <h2>HSK 1</h2>
  72. <p>Les 150 premiers mots en chinois.</p>
  73. </div>
  74. <div class="col-md-8">
  75. <h2>Etude des premiers mots chinois.</h2>
  76. <p>Ce sont les listes officielles des premiers 150 mots
  77. en chinois à connaître pour passer l'examen HSK-1. Le choix entre écriture simplifiée
  78. et traditionnelle se trouve dans les menu des options.</p>
  79. <p>Plusieurs modes d'apprentissage sont disponibles:</p>
  80. <ul>
  81. <li><a href="Essai3.html">Utilisation de groupes de mots figés</a></li>
  82. <li><a href="">Utilisation de groupes de mots mélangés</a></li>
  83. <li><a href="">Apprentissage progressif</a></li>
  84. <li><a href="">Révision complète du HSK 1</a></li>
  85. </ul>
  86. </div>
  87. </div>
  88. <div class="row">
  89. <div class="col-md-4">
  90. <h2>HSK 2</h2>
  91. <p>Les 300 premiers mots en chinois.</p>
  92. </div>
  93. <div class="col-md-8">
  94. <h2>Etude des 150 mots chinois suivants.</h2>
  95. <p>Plusieurs modes d'apprentissage sont disponibles:</p>
  96. <ul>
  97. <li><a href="">Utilisation de groupes de mots figés</a></li>
  98. <li><a href="">Utilisation de groupes de mots mélangés</a></li>
  99. <li><a href="">Apprentissage progressif</a></li>
  100. <li><a href="">Révision complète du HSK 2</a></li>
  101. <li><a href="">Révision complète du HSK 1 et 2</a></li>
  102. </ul>
  103. </div>
  104. </div>
  105. <div class="row">
  106. <div class="col-md-4">
  107. <h2>HSK 3</h2>
  108. <p>Les 600 premiers mots en chinois.</p>
  109. </div>
  110. <div class="col-md-8">
  111. <h2>Etude des 300 mots chinois suivants.</h2>
  112. <p>Plusieurs modes d'apprentissage sont disponibles:</p>
  113. <ul>
  114. <li><a href="">Utilisation de groupes de mots figés</a></li>
  115. <li><a href="">Utilisation de groupes de mots mélangés</a></li>
  116. <li><a href="">Apprentissage progressif</a></li>
  117. <li><a href="">Révision complète du HSK 3</a></li>
  118. <li><a href="">Révision complète du HSK 1, 2 et 3</a></li>
  119. </ul>
  120. </div>
  121. </div>
  122. <div class="row">
  123. <div class="col-md-4">
  124. <h2>HSK 4</h2>
  125. <p></p>
  126. </div>
  127. <div class="col-md-8">
  128. <h2>Etude des 600 mots chinois suivants.</h2>
  129. <p>Plusieurs modes d'apprentissage sont disponibles:</p>
  130. <ul>
  131. <li><a href="">Utilisation de groupes de mots figés</a></li>
  132. <li><a href="">Utilisation de groupes de mots mélangés</a></li>
  133. <li><a href="">Apprentissage progressif</a></li>
  134. <li><a href="">Révision complète du HSK 4</a></li>
  135. <li><a href="">Révision complète du HSK 1, 2, 3 et 4</a></li>
  136. </ul>
  137. </div>
  138. </div>
  139. <div class="row">
  140. <div class="col-md-4">
  141. <h2>HSK 5</h2>
  142. <p></p>
  143. </div>
  144. <div class="col-md-8">
  145. <h2></h2>
  146. </div>
  147. </div>
  148. <div class="row">
  149. <div class="col-md-4">
  150. <h2></h2>
  151. <p></p>
  152. </div>
  153. <div class="col-md-8">
  154. <h2></h2>
  155. </div>
  156. </div>
  157. <footer>
  158. <p>&copy; Eric Streit 2018</p><p> Image de fond de l'exercice -
  159. <a href="https://openclipart.org/detail/78967/fall-landscape">Openclipart</a> -</p>
  160. </footer>
  161. </div> <!-- /container --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  162. <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
  163. <script src="../js/vendor/bootstrap.min.js"></script>
  164. <script src="../js/main.js"></script>
  165. </body>
  166. </html>