index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html>
  2. <html lang="fr" ng-app="scotchTodo">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>TERA</title>
  10. <!-- Bootstrap Core CSS -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Custom CSS -->
  13. <link href="css/scrolling-nav.css" rel="stylesheet">
  14. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  15. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  16. <!--[if lt IE 9]>
  17. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
  21. <link rel="stylesheet" href="css/style.css">
  22. <style>
  23. html { overflow-y:scroll; }
  24. </style>
  25. <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> <!-- Charge angular -->
  26. <script src="js/controllers/main.js"></script> <!-- Charge le controller -->
  27. <script src="js/services/todos.js"></script> <!-- Charge le service todo -->
  28. <script src="js/core.js"></script> <!-- Charge l'application pricipale -->
  29. </head>
  30. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" >
  31. <!-- *************** Navigation *************** -->
  32. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  33. <div class="container">
  34. <div class="navbar-header page-scroll">
  35. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  36. <span class="sr-only">Toggle navigation</span>
  37. <span class="icon-bar"></span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. </button>
  41. <a class="navbar-brand page-scroll" href="#page-top">TERA</a>
  42. </div>
  43. <!-- Collect the nav links, forms, and other content for toggling -->
  44. <div class="collapse navbar-collapse navbar-ex1-collapse">
  45. <ul class="nav navbar-nav">
  46. <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
  47. <li class="hidden">
  48. <a class="page-scroll" href="#page-top"></a>
  49. </li>
  50. <li>
  51. <a class="page-scroll" href="#projet">Projet</a>
  52. </li>
  53. <li>
  54. <a class="page-scroll" href="#principes">Principes</a>
  55. </li>
  56. <li>
  57. <a class="page-scroll" href="#planact">Plan d'action</a>
  58. </li>
  59. <li>
  60. <a class="page-scroll" href="#partenaires">Partenaires</a>
  61. </li>
  62. <li>
  63. <a class="page-scroll" href="#contact">Contact</a>
  64. </li>
  65. </ul>
  66. </div>
  67. <!-- /.navbar-collapse -->
  68. </div>
  69. <!-- /.container -->
  70. </nav>
  71. <!-- *************** Sections *************** -->
  72. <!-- Intro -->
  73. <section id="intro" class="intro-section">
  74. <div class="container">
  75. <div ng-include="'/Pages/intro.html'"></div>
  76. <a class="btn btn-default page-scroll" href="#projet">Découvrez le projet...</a>
  77. </div>
  78. </section>
  79. <!-- Projet -->
  80. <section id="projet" class="projet-section">
  81. <div class="container">
  82. <div ng-include="'/Pages/projet.html'"></div>
  83. </div>
  84. </section>
  85. <!-- Principes -->
  86. <section id="principes" class="principes-section">
  87. <div class="container">
  88. <div ng-include="'/Pages/principes.html'"></div>
  89. </div>
  90. </section>
  91. <!-- Plan d'action -->
  92. <section id="planact" class="planact-section">
  93. <div class="container">
  94. <div ng-include="'/Pages/planact.html'"></div>
  95. </div>
  96. </section>
  97. <!-- Partenaires -->
  98. <section id="partenaires" class="partenaires-section">
  99. <div class="container">
  100. <div ng-include="'/Pages/partenaires.html'"></div>
  101. </div>
  102. </section>
  103. <!-- Contact -->
  104. <section id="contact" class="contact-section">
  105. <div class="container">
  106. <div ng-include="'/Pages/contact.html'"></div>
  107. </div>
  108. </section>
  109. <!-- TODO List -->
  110. <section id="todolist" class="todo-section" >
  111. <div class="container" ng-controller="mainController">
  112. <div ng-include="'/Pages/todolist.html'"></div>
  113. </div>
  114. </section>
  115. <!-- jQuery -->
  116. <script src="js/jquery.js"></script>
  117. <!-- Bootstrap Core JavaScript -->
  118. <script src="js/bootstrap.min.js"></script>
  119. <!-- Scrolling Nav JavaScript -->
  120. <script src="js/jquery.easing.min.js"></script>
  121. <script src="js/scrolling-nav.js"></script>
  122. </body>
  123. </html>