API tools faq
paste
Advertisement
Guest User

Bansko

a guest
Oct 20th, 2017
401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.28 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. ?>
  3. <!--
  4. Author: W3layouts
  5. Author URL: http://w3layouts.com
  6. License: Creative Commons Attribution 3.0 Unported
  7. License URL: http://creativecommons.org/licenses/by/3.0/
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>SofiaMap.EU | Начало</title>
  13. <?php
  14. include "includes.php";
  15. ?>
  16. <body>
  17. <!-- content-starts-here -->
  18. <div class="container">
  19. <div style="text-align: center;">
  20. <a style="margin-bottom: 2%; width: 40%;" href="bansko-map-guide.php" class="btn btn-danger btn-lg btn-block">Включи се в Bansko Map Guide 2017</a>
  21. </div>
  22. <div class="row">
  23. <!-- The carousel -->
  24. <div id="transition-timer-carousel" class="carousel slide transition-timer-carousel" data-ride="carousel">
  25. <!-- Indicators -->
  26. <ol class="carousel-indicators">
  27. <li data-target="#transition-timer-carousel" data-slide-to="0" class="active"></li>
  28. <li data-target="#transition-timer-carousel" data-slide-to="1"></li>
  29. <li data-target="#transition-timer-carousel" data-slide-to="2"></li>
  30. </ol>
  31.  
  32. <!-- Wrapper for slides -->
  33. <div class="carousel-inner">
  34. <div class="item active">
  35. <img src="images/Bansko/top-slider/slide-1.jpg" />
  36. </div>
  37.  
  38. <div class="item">
  39. <img src="images/Bansko/top-slider/slide-2.jpg" />
  40. </div>
  41.  
  42. <div class="item">
  43. <img src="images/Bansko/top-slider/slide-3.jpg" />
  44. </div>
  45. </div>
  46.  
  47. <!-- Controls -->
  48. <a class="left carousel-control" href="#transition-timer-carousel" data-slide="prev">
  49. <span class="glyphicon glyphicon-chevron-left"></span>
  50. </a>
  51. <a class="right carousel-control" href="#transition-timer-carousel" data-slide="next">
  52. <span class="glyphicon glyphicon-chevron-right"></span>
  53. </a>
  54.  
  55. <!-- Timer "progress bar" -->
  56. <hr style="background-color: #ffffff;" class="transition-timer-carousel-progress-bar animate" />
  57. </div>
  58. </div>
  59. </div>
  60. <style>
  61. .transition-timer-carousel .carousel-caption {
  62. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
  63. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  64. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
  65. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
  66. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
  67. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
  68. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  69. width: 100%;
  70. left: 0px;
  71. right: 0px;
  72. bottom: 0px;
  73. text-align: left;
  74. padding-top: 5px;
  75. padding-left: 15%;
  76. padding-right: 15%;
  77. }
  78. .transition-timer-carousel .carousel-caption .carousel-caption-header {
  79. margin-top: 10px;
  80. font-size: 24px;
  81. }
  82.  
  83. @media (min-width: 970px) {
  84. /* Lower the font size of the carousel caption header so that our caption
  85. doesn't take up the full image/slide on smaller screens */
  86. .transition-timer-carousel .carousel-caption .carousel-caption-header {
  87. font-size: 36px;
  88. }
  89. }
  90. .transition-timer-carousel .carousel-indicators {
  91. bottom: 0px;
  92. margin-bottom: 5px;
  93. }
  94. .transition-timer-carousel .carousel-control {
  95. z-index: 11;
  96. }
  97. .transition-timer-carousel .transition-timer-carousel-progress-bar {
  98. height: 5px;
  99. background-color: #5cb85c;
  100. width: 0%;
  101. margin: -5px 0px 0px 0px;
  102. border: none;
  103. z-index: 11;
  104. position: relative;
  105. }
  106. .transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
  107. /* We make the transition time shorter to avoid the slide transitioning
  108. before the timer bar is "full" - change the 4.25s here to fit your
  109. carousel's transition time */
  110. -webkit-transition: width 4.25s linear;
  111. -moz-transition: width 4.25s linear;
  112. -o-transition: width 4.25s linear;
  113. transition: width 4.25s linear;
  114. }
  115. </style>
  116. <script>
  117. $(document).ready(function() {
  118. //Events that reset and restart the timer animation when the slides change
  119. $("#transition-timer-carousel").on("slide.bs.carousel", function(event) {
  120. //The animate class gets removed so that it jumps straight back to 0%
  121. $(".transition-timer-carousel-progress-bar", this)
  122. .removeClass("animate").css("width", "0%");
  123. }).on("slid.bs.carousel", function(event) {
  124. //The slide transition finished, so re-add the animate class so that
  125. //the timer bar takes time to fill up
  126. $(".transition-timer-carousel-progress-bar", this)
  127. .addClass("animate").css("width", "100%");
  128. });
  129.  
  130. //Kick off the initial slide animation when the document is ready
  131. $(".transition-timer-carousel-progress-bar", "#transition-timer-carousel")
  132. .css("width", "100%");
  133. });
  134. </script>
  135.  
  136. <div class="categories">
  137. <div style="padding-right: 5px;" class="container">
  138.  
  139. <div class="col-md-3 focus-grid">
  140. <a href="#">
  141. <div class="focus-border">
  142. <div class="focus-layout">
  143.  
  144. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/hotel.png" alt="hotels"></div>
  145. <h4 class="clrchg">HOTELS</h4>
  146. </div>
  147. </div>
  148. </a>
  149. </div>
  150.  
  151. <div class="col-md-3 focus-grid">
  152. <a href="#">
  153. <div class="focus-border">
  154. <div class="focus-layout">
  155. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/cabin.png" alt=""></div>
  156. <h4 class="clrchg">HUTS</h4>
  157. </div>
  158. </div>
  159. </a>
  160. </div>
  161.  
  162. <div class="col-md-3 focus-grid">
  163. <a href="#">
  164. <div class="focus-border">
  165. <div class="focus-layout">
  166.  
  167. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/skii.png" alt=""></div>
  168. <h4 class="clrchg">SKI</h4>
  169. </div>
  170. </div>
  171. </a>
  172. </div>
  173.  
  174. <div class="col-md-3 focus-grid">
  175. <a href="#">
  176. <div class="focus-border">
  177. <div class="focus-layout">
  178.  
  179. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/restaurant.png" alt=""></div>
  180. <h4 class="clrchg">RESTAURANTS</h4>
  181. </div>
  182. </div>
  183. </a>
  184. </div>
  185.  
  186. <div class="col-md-3 focus-grid">
  187. <a href="#">
  188. <div class="focus-border">
  189. <div class="focus-layout">
  190.  
  191. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/shopping.png" alt=""></div>
  192. <h4 class="clrchg">SHOPPING</h4>
  193. </div>
  194. </div>
  195. </a>
  196. </div>
  197.  
  198. <div class="col-md-3 focus-grid">
  199. <a href="#">
  200. <div class="focus-border">
  201. <div class="focus-layout">
  202.  
  203. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/zdrave.png" alt=""></div>
  204. <h4 class="clrchg">HEALTH</h4>
  205. </div>
  206. </div>
  207. </a>
  208. </div>
  209.  
  210. <div class="col-md-3 focus-grid">
  211. <a href="#">
  212. <div class="focus-border">
  213. <div class="focus-layout">
  214.  
  215. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/zabavlenie.png" alt=""></div>
  216. <h4 class="clrchg">FUN</h4>
  217. </div>
  218. </div>
  219. </a>
  220. </div>
  221.  
  222. <div class="col-md-3 focus-grid">
  223. <a href="#">
  224. <div class="focus-border">
  225. <div class="focus-layout">
  226.  
  227. <div class="focus-image"><img style="max-width: 60%;" src="images/Bansko/categories/finansi.png" alt=""></div>
  228. <h4 class="clrchg">FINANCES</h4>
  229. </div>
  230. </div>
  231. </a>
  232. </div>
  233. <div class="clearfix"></div>
  234. </div>
  235. <div style="margin-top: 10%;" class="container-fluid">
  236. <div style="margin-bottom: 10%;" id="custom_carousel" class="carousel slide" data-ride="carousel" data-interval="2500">
  237. <!-- Wrapper for slides -->
  238. <div class="carousel-inner">
  239. <div class="item active">
  240. <div class="container-fluid">
  241. <div class="row">
  242. <div class="col-md-3"><img src="images/Bansko/bottom-slider/bansko.jpg" class="img-responsive"></div>
  243. <div class="col-md-9">
  244. <h2>Bansko</h2>
  245. <p>Bansko is a town in southwestern Bulgaria, located at the foot of the Pirin Mountains at an elevation of 927 m above sea level. It is a popular ski resort.</p><p>There are several legends about who founded Bansko. According to one, Bansko was founded by people who lived in Dobarsko, a village in Rila, itself, according to a legend, founded by the blinded army of Tsar Samuil.</p>
  246. <a target="_blank" class="btn btn-lg btn-default btn-2" href="http://www.banskoski.com/en"><b>Learn more about Bansko</b></a>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="item">
  252. <div class="container-fluid">
  253. <div class="row">
  254. <div class="col-md-3"><img src="images/Bansko/bottom-slider/bansko-lift.jpg" class="img-responsive"></div>
  255. <div class="col-md-9">
  256. <h2>Bansko Cabin Lift</h2>
  257. <p>Go to the gondola lift KIOSK. Open Thursday to Saturday between 08:30 and 23:00 and Sunday to Wednesday 08:30 to 15:30.</p><p>You can buy your pass anytime the previous day to be valid for the next day. They take a digital photo taken at booth. There is a 5 BGN deposit charged, which is refunded simply by going to one of the machines opposite the cash desk when you are finished with your card.</p>
  258. <a target="_blank" class="btn btn-lg btn-default btn-2" href="http://www.banskoski.com/en/lifts"><b>Learn more about Bansko Cabin Lift</b></a>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="item">
  264. <div class="container-fluid">
  265. <div class="row">
  266. <div class="col-md-3"><img src="images/Bansko/bottom-slider/bansko-bus-station.jpg" class="img-responsive"></div>
  267. <div class="col-md-9">
  268. <h2>Bansko Bus Station</h2>
  269. <p>BANSKO – SOFIA DIRECTION – The Bansko –Sofia distance is 160 km, 3 hours duration. Bus ticket about 15lv.</p><p>BANSKO – BLAGOEVGRAD - The Bansko –Blagoevgrad distance is 50 km, 1 hours duration. Bus ticket about 7lv.</p>
  270. <a target="_blank" class="btn btn-lg btn-default btn-2" href="http://bansko.org/bansko_bus_schedule"><b>Visit Bansko Bus Schedule</b></a>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="item">
  276. <div class="container-fluid">
  277. <div class="row">
  278. <div class="col-md-3"><img src="images/Bansko/bottom-slider/bansko-train-station.jpg" class="img-responsive"></div>
  279. <div class="col-md-9">
  280. <h2>Bansko Train Station</h2>
  281. <p>We show you the best routes and where to buy tickets. On longer routes you may need more than one ticket. Book your tickets step by step as explained. If you have questions about the route from Sofia to Bansko, please ask in our forum. Of course, sometimes there are as well other travel routes possible.</p>
  282. <a target="_blank" class="btn btn-lg btn-default btn-2" href="http://visit-bansko.bg/en/helpful/train-station-timetable"><b>Visit Bansko Train Schedule</b></a>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. <!-- End Item -->
  288. </div>
  289. <!-- End Carousel Inner -->
  290. <div class="controls">
  291. <ul class="nav">
  292. <li style="border-top-color: rgb(63, 149, 182);" data-target="#custom_carousel" data-slide-to="0" class="active"><a href="#"><img width="50" height="50" src="images/Bansko/bottom-slider/bansko.jpg"><small>Bansko</small></a></li>
  293. <li style="border-top-color: rgb(63, 149, 182);" data-target="#custom_carousel" data-slide-to="1"><a href="#"><img width="50" height="50" src="images/Bansko/bottom-slider/bansko-lift.jpg"><small>Bansko Cabin Lift</small></a></li>
  294. <li style="border-top-color: rgb(63, 149, 182);" data-target="#custom_carousel" data-slide-to="2"><a href="#"><img width="50" height="50" src="images/Bansko/bottom-slider/bansko-bus-station.jpg"><small>Bansko Bus Station</small></a></li>
  295. <li style="border-top-color: rgb(63, 149, 182);" data-target="#custom_carousel" data-slide-to="3"><a href="#"><img width="50" height="50" src="images/Bansko/bottom-slider/bansko-train-station.jpg"><small>Bansko Train Station</small></a></li>
  296. </ul>
  297. </div>
  298. </div>
  299. <!-- End Carousel -->
  300. <div style="text-align: center;">
  301. <h1 style="color: #ffffff; background-color: blueviolet; margin-bottom: 3%;">Профили в Банско</h1>
  302. </div>
  303. <div class="col-lg-4">
  304. <section class="panel">
  305. <img src="images/Bansko/standart-bansko.jpg" />
  306. </section>
  307. </div>
  308. <div class="col-lg-4">
  309. <section class="panel">
  310. <img src="images/Bansko/premium-bansko.jpg" />
  311. </section>
  312. </div>
  313. <div class="col-lg-4">
  314. <section class="panel">
  315. <img src="images/Bansko/top-bansko.jpg" />
  316. </section>
  317. </div>
  318. </div>
  319. <style>
  320. .btn-2 {
  321. letter-spacing: 0;
  322. }
  323.  
  324. .btn-2:hover,
  325. .btn-2:active {
  326. letter-spacing: 5px;
  327. }
  328.  
  329. .btn-2:after,
  330. .btn-2:before {
  331. backface-visibility: hidden;
  332. border: 1px solid rgba(#fff, 0);
  333. bottom: 0px;
  334. content: " ";
  335. display: block;
  336. margin: 0 auto;
  337. position: relative;
  338. transition: all 280ms ease-in-out;
  339. width: 0;
  340. }
  341.  
  342. .btn-2:hover:after,
  343. .btn-2:hover:before {
  344. backface-visibility: hidden;
  345. border-color: #fff;
  346. transition: width 350ms ease-in-out;
  347. width: 70%;
  348. }
  349.  
  350. .btn-2:hover:before {
  351. bottom: auto;
  352. top: 0;
  353. width: 70%;
  354. }
  355. body {
  356. padding-top:20px
  357. }
  358. #custom_carousel .item {
  359.  
  360. color:#000;
  361. background-color:#eee;
  362. padding:20px 0;
  363. }
  364. #custom_carousel .controls{
  365. overflow-x: auto;
  366. overflow-y: hidden;
  367. padding:0;
  368. margin:0;
  369. white-space: nowrap;
  370. text-align: center;
  371. position: relative;
  372. background:#ddd
  373. }
  374. #custom_carousel .controls li {
  375. display: table-cell;
  376. width: 1%;
  377. max-width:90px
  378. }
  379. #custom_carousel .controls li.active {
  380. background-color:#eee;
  381. border-top:3px solid orange;
  382. }
  383. #custom_carousel .controls a small {
  384. overflow:hidden;
  385. display:block;
  386. font-size:10px;
  387. margin-top:5px;
  388. font-weight:bold
  389. }
  390. </style>
  391. <script>
  392. $(document).ready(function(ev){
  393. $('#custom_carousel').on('slide.bs.carousel', function (evt) {
  394. $('#custom_carousel .controls li.active').removeClass('active');
  395. $('#custom_carousel .controls li:eq('+$(evt.relatedTarget).index()+')').addClass('active');
  396. })
  397. });
  398. </script>
  399. <!-- Custom footer section start-->
  400. <footer style="background: #292933">
  401. <div class="footer-top">
  402. <div class="container">
  403. <div class="foo-grids">
  404. <div class="col-md-3 footer-grid">
  405. <h4 style="color: #ffffff;" class="footer-head">КОИ СМЕ НИЕ?</h4>
  406. <p>Ние сме Вашият пътеводил, помагаме Ви да изберете и планирате Вашата почивка. Чрез нашите приложения, може директно да се свържете с желания от Вас обект.</p>
  407. <p></p>
  408. </div>
  409. <div class="col-md-3 footer-grid">
  410. <h4 style="color: #ffffff;" class="footer-head">ПОМОЩ</h4>
  411. <ul>
  412. <li><a href="howitworks.html"></a></li>
  413. <li><a href="sitemap.html">Карта на сайта</a></li>
  414. <li><a href="#">Партньори</a></li>
  415. <li><a href="https://docs.google.com/document/d/1tbW_CRhQshCt_M1qHhWtHtvyARhcrFZu8vQqVplGhhk/edit?usp=sharing" target="_blank">Общи Условия</a></li>
  416. <li><a href="faq.html"></a></li>
  417. <li><a href="feedback.html"></a></li>
  418. <li><a href="contact.html"></a></li>
  419. <li><a href="typography.html"></a></li>
  420. </ul>
  421. </div>
  422. <div class="col-md-3 footer-grid">
  423. <h4 style="color: #ffffff;" class="footer-head">ИНФОРМАЦИЯ</h4>
  424. <ul>
  425. <li><a href="#">КАРТА НА БАНСКО</a></li>
  426. <li><a href="#">ЛИФТ БАНСКО</a></li>
  427. <li><a href="#">ХОТЕЛИ В БАНСКО</a></li>
  428. <li><a href="#">РЕСТОРАНТИ В БАНСКО</a></li>
  429. </ul>
  430. </div>
  431. <div class="col-md-3 footer-grid">
  432. <h4 style="color: #ffffff;" class="footer-head">ЗА КОНТАКТИ</h4>
  433. <address>
  434.  
  435. <h5 class="footer-head" style="margin: 0 0 10px 0;">Офис гр.София</h5>
  436. <ul class="location">
  437. <li><a href="tel:+35924119290"><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-earphone"></span></a></li>
  438. <li><a href="tel:+35924119290">+359 2 411 92 90</a></li>
  439. <div class="clearfix"></div>
  440. </ul>
  441. <ul class="location">
  442. <li><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-map-marker"></span></li>
  443. <li style="text-transform: none;">гр. София, ул. Трапезица 4, вх.4</li>
  444. <div class="clearfix"></div>
  445. <hr style="margin-top:5px; margin-bottom:5px;">
  446. <h5 class="footer-head" style="margin: 0 0 10px 0;">Търговски отдел</h5>
  447. <ul class="location">
  448. <li><a href="tel:+359877344250"><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-earphone"></span></a></li>
  449. <li><a href="tel:+359877344250">+359 877 344 250</a></li>
  450. <div class="clearfix"></div>
  451. </ul>
  452. <ul class="location">
  453. <li><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-envelope"></span></li>
  454. <li><a href="mailto:info@example.com">office@sofiamap.eu</a></li>
  455. <div class="clearfix"></div>
  456. <hr style="margin-top:5px; margin-bottom:5px;">
  457. <h5 class="footer-head" style="margin: 0 0 10px 0;">Технически отдел</h5>
  458. <ul class="location">
  459. <li><a href="tel:+359877344253"><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-earphone"></span></a></li>
  460. <li><a href="tel:+359877344253">+359 877 344 253</a></li>
  461. <div class="clearfix"></div>
  462. </ul>
  463. </ul>
  464. <ul class="location">
  465. <li><span style="background-color: rgb(45, 39, 39);" class="glyphicon glyphicon-envelope"></span></li>
  466. <li><a href="mailto:info@example.com">support@sofiamap.eu</a></li>
  467. <div class="clearfix"></div>
  468. </address>
  469. </div>
  470. <div class="clearfix"></div>
  471. </div>
  472. </div>
  473. </div>
  474.  
  475. <div style="background: #d2dbff;" class="footer-bottom text-center">
  476. <div class="container">
  477. <div class="footer-logo">
  478. <a href="/"><img src="images/Bansko/bansko-logo.png" style="width: 21%;z-index: 100;"></a>
  479. </div>
  480. <div class="footer-social-icons">
  481. <a class="facebook" href="https://www.facebook.com/sofiamap1/" target="_blank">
  482. <img src="images/social-icons/fb.png" alt="Facebook">
  483. </a>
  484. <a class="twitter" href="https://twitter.com/sofia_map1" target="_blank">
  485. <img src="images/social-icons/tw.png" alt="Twitter">
  486. </a>
  487. <a class="googleplus" href="https://plus.google.com/117743708344326477951" target="_blank">
  488. <img src="images/social-icons/g.png" alt="Google Plus">
  489. </a>
  490. </div>
  491. <div class="copyrights">
  492. <p> Сайта е в процес на реконструкция | ТЕЛКО Сървизис ЕООД. Всички права запазени</p>
  493. </div>
  494. <div class="clearfix"></div>
  495. </div>
  496. </div>
  497. </footer>
  498. <!--footer section end-->
  499. </body>
  500. <script type="text/javascript">
  501.  
  502. $( document ).ready(function() {
  503. $('#sofiamap').click();
  504. });
  505. </script>
  506.  
  507. </html>
  508. <style>
  509. body {
  510. background: url("images/Bansko/Bansko-Wallpaper.jpg");
  511. }
  512. </style>
  513.  
  514. <?php
  515. ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!