1. <!DOCTYPE html>
  2. <html lang="en">
  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="Antergos">
  8. <meta name="author" content="Antergos">
  10. <title></title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="css/bootstrap.min.css" rel="stylesheet">
  14. <style>
  15. img { width: 100%; height: 334px; }
  16. html, body { height: 100%; max-height: 100%; overflow: hidden; }
  17. </style>
  19. </head>
  21. <body>
  22. <div class="container-fluid" style="padding: 0px !important;">
  23. <div class="row">
  24. <div class="col-md-12" style="padding: 0px !important;">
  27. <!-- Carousel ================================================== -->
  28. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  29. <!-- Indicators -->
  30. <!--
  31. <ol class="carousel-indicators">
  32. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  33. <li data-target="#myCarousel" data-slide-to="1"></li>
  34. <li data-target="#myCarousel" data-slide-to="2"></li>
  35. </ol>
  36. -->
  37. <div class="carousel-inner" role="listbox">
  38. <div class="item active">
  39. <img class="first-slide" src="images/slides/1.png" alt="First slide">
  40. <div class="container">
  41. <div class="carousel-caption">
  42. <!--
  43. <h1>Example headline.</h1>
  44. <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
  45. <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up</a></p>
  46. -->
  47. </div>
  48. </div>
  49. </div>
  50. <div class="item">
  51. <img class="second-slide" src="images/slides/2.png" alt="Second slide">
  52. <div class="container">
  53. <div class="carousel-caption">
  54. <!--
  55. <h1>Antergos loves Numix</h1>
  56. <p>It's all in the details. Antergos includes exclusive desktop and icon themes from our friends at the Numix Project.</p>
  57. <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
  58. -->
  59. </div>
  60. </div>
  61. </div>
  62. <div class="item">
  63. <img class="third-slide" src="images/slides/3.png" alt="Third slide">
  64. <div class="container">
  65. <div class="carousel-caption">
  66. <!--
  67. <h1>One more for good measure.</h1>
  68. <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  69. <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
  70. -->
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <!--
  76. <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
  77. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  78. <span class="sr-only">Previous</span>
  79. </a>
  80. <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
  81. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  82. <span class="sr-only">Next</span>
  83. </a>
  84. -->
  85. </div><!-- /.carousel -->
  87. </div>
  88. </div>
  89. </div>
  94. <!-- Bootstrap core JavaScript
  95. ================================================== -->
  96. <!-- Placed at the end of the document so the pages load faster -->
  97. <script src="js/jquery.min.js"></script>
  98. <script src="js/bootstrap.min.js"></script>
  99. <!--
  100. <script src="../../assets/js/vendor/holder.min.js"></script>
  101. <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  102. -->
  104. <script>
  105. // interval is in milliseconds. 1000 = 1 second - so 1000 * 10 = 10 seconds
  106. $('.carousel').carousel({
  107. interval: 1000 * 20
  108. });
  109. </script>
  110. </body>
  111. </html>
  114. <!--
  115. <html>
  116. <head>
  117. <meta charset="UTF-8"/>
  118. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  119. <title>Antergos Slides</title>
  120. <link rel="stylesheet" type="text/css" href="/usr/share/cnchi/data/css/slides-style.css"/>
  121. <link rel="stylesheet" type="text/css" href="/usr/share/cnchi/data/css/lightSlider.css"/>
  122. <script src="/usr/share/cnchi/data/js/jquery.min.js"></script>
  123. <script src="/usr/share/cnchi/data/js/jquery.lightSlider.min.js"></script>
  124. </head>
  125. <body>
  126. <div class="slider1">
  127. <ul id="slider">
  128. <li><img class='slide' src="/usr/share/cnchi/data/images/slides/1.png" alt=""/></li>
  129. <li><img class='slide' src="/usr/share/cnchi/data/images/slides/2.png" alt=""/></li>
  130. <li><img class='slide' src="/usr/share/cnchi/data/images/slides/3.png" alt=""/></li>
  131. </ul>
  132. </div>
  133. <script type="text/javascript">
  134. $(document).ready(function() {
  135. $("#slider").lightSlider({
  136. item: 1,
  137. speed: 2600, //ms'
  138. adaptiveHeight: true,
  139. thumbMargin: 0,
  140. gallery: false,
  141. galleryMargin: 0,
  142. auto: true,
  143. loop: true,
  144. pause: 9000,
  145. mode: 'fade',
  146. keyPress: false,
  147. controls: false,
  148. pager: false
  149. });
  150. });
  151. </script>
  152. </body>
  153. </html>
  154. -->