Advertisement
CaptainDan

TTD index

May 8th, 2017
1,120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.22 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Through The Dimensions - In Development</title>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. <style>
  11. #slideshow {
  12.  
  13. padding-right: 20px;
  14. padding-left: 20px;
  15.  
  16. }
  17.  
  18. .carousel-inner {
  19.  
  20. max-height: 500px;
  21.  
  22. }
  23.  
  24. </style>
  25. </head>
  26. <body>
  27. <div>
  28. <?php
  29. include_once('header.php');
  30. ?>
  31. </div>
  32. <br>
  33. <br>
  34. <br>
  35. <div id="slideshow">
  36. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  37. <!-- Indicators -->
  38. <ol class="carousel-indicators">
  39. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  40. <li data-target="#myCarousel" data-slide-to="1"></li>
  41. <li data-target="#myCarousel" data-slide-to="2"></li>
  42. </ol>
  43.  
  44. <!-- Wrapper for slides -->
  45. <div class="carousel-inner">
  46. <div class="item active">
  47. <img src="css/images/ttd1.jpg" alt="TTD" style="width:100%;">
  48. </div>
  49.  
  50. <div class="item">
  51. <img src="css/images/ttd2.jpg" alt="TTD" style="width:100%;">
  52. </div>
  53.  
  54. <div class="item">
  55. <img src="css/images/ttd3.jpg" alt="TTD" style="width:100%;">
  56. </div>
  57. </div>
  58.  
  59. <!-- Left and right controls -->
  60. <a class="left carousel-control" href="#myCarousel" data-slide="prev">
  61. <span class="glyphicon glyphicon-chevron-left"></span>
  62. <span class="sr-only">Previous</span>
  63. </a>
  64. <a class="right carousel-control" href="#myCarousel" data-slide="next">
  65. <span class="glyphicon glyphicon-chevron-right"></span>
  66. <span class="sr-only">Next</span>
  67. </a>
  68. </div>
  69. </div>
  70. <div>
  71.  
  72. </div>
  73. <?php
  74. include_once('footer.php');
  75. ?>
  76. </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement