index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!doctype html>
  2. <html lang="tr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Tessera, BÜFK için bir bilet otomasyonu.">
  7. <meta name="author" content="Özcan Oğuz">
  8. <link rel="icon" href="img/favicon.ico">
  9. <title>Tessera - BÜFK Biletleyici</title>
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link href="css/sticky-footer-navbar.css" rel="stylesheet">
  12. <link href="css/copyleft.css" rel="stylesheet">
  13. <link href="css/jumbotron.css" rel="stylesheet">
  14. </head>
  15. <body>
  16. <header>
  17. <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  18. <a class="navbar-brand" href="index.html">Tessera<span class="sr-only">
  19. </span></a>
  20. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  21. <span class="navbar-toggler-icon"></span>
  22. </button>
  23. <div class="collapse navbar-collapse" id="navbarCollapse">
  24. <ul class="navbar-nav ml-auto nav-pills">
  25. <li class="nav-item active">
  26. <a class="nav-link" href=".">Bilet kes<span class="sr-only"> (şu anda buradasınız)</span></a>
  27. </li>
  28. <li class="nav-item" hidden>
  29. <a class="nav-link" href="gosteriler.html">Gösteriler</a>
  30. </li>
  31. <li class="nav-item">
  32. <a class="nav-link" href="salon.html">Salon planı</a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" href="satilan_biletler.html">Satılan biletler</a>
  36. </li>
  37. </ul>
  38. </div>
  39. </nav>
  40. </header>
  41. <main role="main" class="container">
  42. <div class="container">
  43. <form class="was-validated" id="form">
  44. <div class="form-group form-group-lg">
  45. <select id="gosteriler" class="custom-select form-control form-control-lg" required>
  46. <option value="">Gösteri</option>
  47. </select>
  48. </div>
  49. <div class="form-row">
  50. <div class="col">
  51. <label class="col-form-label">Koltuğu rastgele ata veya seç: </label>
  52. </div>
  53. <div class="col-auto my-1">
  54. <label class="mr-sm-2 sr-only" for="sira" >Sıra</label>
  55. <select class="custom-select mr-sm-2" id="sira" onchange="numaraYukle(this)">
  56. <option selected>Sıra</option>
  57. </select>
  58. </div>
  59. <div class="col-auto my-1">
  60. <label class="mr-sm-2 sr-only" for="numara">Numara</label>
  61. <select class="custom-select mr-sm-2" id="numara">
  62. <option selected>Numara</option>
  63. </select>
  64. </div>
  65. </div>
  66. <div class="form-row">
  67. <div class="col">
  68. <label class="col-form-label">Ücret kategorisi: </label>
  69. </div>
  70. <div class="col-auto my-1">
  71. <label class="mr-sm-2 sr-only" for="kategori">Kategori</label>
  72. <select class="custom-select mr-sm-2" id="kategori">
  73. <option value="tam" selected>Tam</option>
  74. <option value="ogr">Öğrenci</option>
  75. </select>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <input type="text" class="form-control" id="isim" placeholder="İsim" required>
  80. <input type="text" class="form-control" id="eposta" placeholder="E-posta (opsiyonel)">
  81. <input type="text" class="form-control" id="telefon" placeholder="Telefon (opsiyonel)">
  82. </div>
  83. <a class="btn btn-success" href="#" onclick="satisYap()">Koltuğu sat</a>
  84. <a class="btn btn-primary" href="#" onclick="rezerveEt()">Rezerve et</a>
  85. </form>
  86. <p class="lead" id="uyari"></p>
  87. </div>
  88. </main>
  89. <footer class="footer">
  90. <div class="container">
  91. <span class="text-muted">© 2019 <a href="https://www.antandros.com.tr">Antandros Teknoloji.</a> | Tessera, <a href ="lisans.html" target="_blank">GNU AGPL v3</a> ile lisanslanmış bir özgür yazılımdır. | <a href="javascript.html" rel="jslicense">JavaScript license information</a></span> | <a href="https://notabug.org/ooguz/tessera">Kaynak kodu</a>
  92. </div>
  93. </footer>
  94. <script src="js/jquery-3.2.1.slim.min.js"></script>
  95. <script src="js/popper.min.js"></script>
  96. <script src="js/bootstrap.min.js"></script>
  97. <script src="js/tessera.js"></script>
  98. </body>
  99. </html>