Advertisement
Guest User

Untitled

a guest
Jan 24th, 2020
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10.  
  11. <title>Twój tytuł</title>
  12.  
  13. <!-- Bootstrap core CSS -->
  14. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  15.  
  16. <!-- Custom fonts for this template -->
  17. <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  18. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  19. <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  20. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  21. <link rel="stylesheet" type="text/css" href="/css/style.css">
  22. <!-- Plugin CSS -->
  23. <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
  24.  
  25. <!-- Custom styles for this template -->
  26. <link href="css/style.min.css" rel="stylesheet">
  27. <style>
  28.  
  29. /* Clear floats after the columns */
  30. .row:after {
  31. content: "";
  32. display: table;
  33. clear: both;
  34. }
  35.  
  36. #clockdiv > div{
  37. padding: 10px;
  38. border-radius: 3px;
  39. background:#007BFF;
  40. display: inline-block;
  41. }
  42.  
  43. #clockdiv div > span{
  44. padding: 15px;
  45. border-radius: 3px;
  46. background:#007BFF;
  47. display: inline-block;
  48. }
  49.  
  50. .wrapper {
  51. text-align: center;
  52. }
  53.  
  54. .btn btn-dark {
  55. position: absolute;
  56. top: 50%;
  57. }
  58. </style>
  59.  
  60. </head>
  61.  
  62. <body id="page-top">
  63.  
  64. <!-- Navigation -->
  65. <nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
  66. <div class="container">
  67. <a class="navbar-brand js-scroll-trigger" href="#page-top"> </a>
  68. <button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  69. Menu
  70. <i class="fa fa-bars"></i>
  71. </button>
  72. <div class="collapse navbar-collapse" id="navbarResponsive">
  73. <ul class="navbar-nav ml-auto">
  74. <li class="nav-item mx-0 mx-lg-1">
  75. <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#organizers">Organizers</a>
  76. </li>
  77. <li class="nav-item mx-0 mx-lg-1">
  78. <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#invitation">Invitation</a>
  79. </li>
  80. <li class="nav-item mx-0 mx-lg-1">
  81. <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a>
  82. </li>
  83. <li class="nav-item mx-0 mx-lg-1">
  84. <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#og">Committee</a>
  85. </li>
  86. <li class="nav-item mx-0 mx-lg-1">
  87. <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Contact</a>
  88. <li class="nav-item mx-0 mx-lg-1 dropdown">
  89. <a class="nav-link py-3 px-0 px-lg-3 rounded mx-0 mx-lg-1 dropdown-toggle " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  90. Useful links
  91. </a>
  92. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  93. <a class="dropdown-item" href="http://irf.ringo.org.pl/" target="_blank">International Ringo Federation</a>
  94. <a class="dropdown-item" href="http://ringo.org.pl/" target="_blank">Polskie Towarzystwo Ringo</a>
  95. <a class="dropdown-item" href="http://championships.ringo.org.pl/files/regulamin.pdf" target="_blank">Rules, system of games and application form</a>
  96. </div>
  97. </li>
  98. </ul>
  99. </div>
  100. </div>
  101. </nav>
  102.  
  103. <!-- Header -->
  104. <header class="masthead text-white text-center" id="grad1">
  105.  
  106. <div class="container">
  107.  
  108. <img class="img-fluid mb-5 d-block mx-auto" src="img/ryjec.png" alt="">
  109.  
  110. </div>
  111. <h1 class="text-uppercase mb-0" style="font-size: 41px">Julia Sygocka</h1>
  112. <hr class="star-light">
  113. <h2 class="font-weight-light mb-0"></h2>
  114. </div>
  115. </header>
  116.  
  117.  
  118. <section class="portfolio" id="organizers">
  119. <div class="container">
  120. <h2 class="text-center text-uppercase text-secondary mb-0">Organizers</h2>
  121. <hr class="star-dark mb-5">
  122.  
  123. </div>
  124. </section>
  125.  
  126.  
  127. <section class="bg-primary text-white text-center mb-0" id="cutdown">
  128. <div class="container">
  129. <div class="row">
  130. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  131. <div id="main">
  132. <div class="content">
  133. <div class="text">
  134. <h2 class="font-weight-light mb-0">Winners</h2>
  135. <h2 class="font-weight-bold text-center text">_______________</h2>
  136. <img src="img/medal.svg" height="100px" width="100px">
  137. </div> <!-- /.Text Div -->
  138.  
  139. </div>
  140. </div> <!-- /.Content Div -->
  141. </div> <!-- /#Main Div -->
  142. </div> <!-- /.Columns Div -->
  143. </div> <!-- /.Row Div -->
  144. </section>
  145.  
  146.  
  147.  
  148.  
  149.  
  150. <!-- Invitation Section -->
  151. <section class="portfolio" id="invitation">
  152. <div class="container">
  153. <h2 class="text-center text-uppercase text-secondary mb-0">Invitation</h2>
  154. <hr class="star-dark mb-5">
  155.  
  156. <h4 class="font-weight-bold text-center text">
  157. Invitation to participate in the 7th Ringo World Championships,
  158.  
  159. V Challenge Cup in Ringo and Rinngtenis,
  160.  
  161. and the 5th World Family Tournament in Ringo
  162.  
  163. in Niepołomice (Poland - 2019)
  164. </h4>
  165. <p class="text-center">
  166. <h5 class=" text-center font-weight-bold text">The organizers:</h5>
  167.  
  168. <p class="text-center text">Polish Association of Ringo, Municipal Office and the City of Niepołomice in cooperation with the International Ringo Federation.</p>
  169.  
  170. <h5 class="text-center font-weight-bold text">Place:</h5>
  171. <p class="text-justify text">Poland is one of the largest countries in Eastern Europe, comparable in terms of area with Italy or Germany. Its population is estimated at around 39 million. In May 2004, Poland joined the European Union. Poland is a country with an established system of democratic governments, with a rich history, a huge cultural heritage and beautiful landscapes, fauna and flora.
  172.  
  173. The competition will be held in Niepołomice, which are only 25 kilometers from the center of Cracow (Kraków). The oldest monuments of Niepołomice date back to the mid-14th century and were built on the orders of King Casimir the Great (Kazimierz Wielki). Old history is closely connected with the royal mansion and frequent visits of monarchs in the Niepołomice castle. The Royal Castle has the most important role in the tourist offer.
  174.  
  175. In its renovated rooms concerts, exhibitions, performances and competitions take place. Today, the castle is a cultural and business center. Numerous concerts, exhibitions, business meetings, weddings, banquets are held here, and there is a high class hotel in the attic. Being in Niepołomice you can not miss the seventh largest forest complex in Poland, spreading over 12,000 hectares Niepołomice Forest cut by numerous bicycle paths and walking routes.</p>
  176.  
  177. <h5 class="font-weight-bold text-center text"> Program
  178. </h5>
  179. <p class="text-center text">
  180. <p class="font-weight-bold text">16/08/2019 (Friday)</p>
  181.  
  182.  
  183. <ul>
  184. <li>16.00 -20.00 - accommodation </li>
  185.  
  186. <li>19.00 -20.30 - dinner in the canteen of Primary School No. 2 in Niepołomice, ul. 3 Maja 23</li>
  187.  
  188. <li>20.30 - briefing of heads of teams and judges</li>
  189. </ul>
  190.  
  191.  
  192. <p class="font-weight-bold text">17/08/2019 (Saturday) </p>
  193. <ul>
  194. <li>9.00 - grand opening of the 7th Ringo World Championship, 47th Polish Ringo International Championship, 5th World Family Tournament</li>
  195.  
  196. <li>9.30 - start of games in individual categories: żaczek, żacy; młodzicy, młodziczki, kadet, kadetka; junior, juniorka; open women; open men; (according to the minute schedule determined by the referee of the competition),</li>
  197.  
  198. <li>12.00-14.00 - dinner </li>
  199.  
  200. <li>13.00 – continuation of individual games, and staring categories amazons, old-boys, seniors, seniors, veterans I, II; veterans I, II</li>
  201.  
  202. <li>14:00 - doubles women and men, doubles girls and boys under 16; doubles girls and boys under 13 years old</li>
  203.  
  204. <li>17.00 - medalists decoration</li>
  205.  
  206. <li>19.00 -20.30 - dinner in the canteen of Primary School No. 2 in Niepołomice, ul. 3 Maja 23</li>
  207. </ul>
  208.  
  209. <p class="font-weight-bold text">18/08/2018 (Sunday) </p>
  210. <ul>
  211. <li>9.00 – 5th Challenge Cup in Ringo and Rinngtenis</li>
  212.  
  213. <li>10.00 – 5th World Family Tournament in Ringo</li>
  214.  
  215. <li>13.30 – Closing ceremony of the 7th Ringo World Championships, 5th Challenge Cup in Ringo and Rinngtenis, 5th World Family Tournament in Ringo in the courtyard of the Niepołomice Castle, awarding of trophies, medals, award diplomas.</li>
  216.  
  217. <li>15.00 – lunch - in the canteen of Primary School No. 2 in Niepołomice, ul. 3 Maja 23</li>
  218. </ul>
  219.  
  220. </div>
  221.  
  222. <h5 class="text-center"> Place of matches</h5>
  223. <p class="text-center text">We plan to play at an open grass stadium. In the case of rainy weather, which is rare in Poland at this time of year, we will have a sports hall.</p>
  224. <div class="wrapper">
  225. <a type="button" href="http://championships.ringo.org.pl/files/regulamin.pdf" target="_blank" class="btn btn-dark" >Download application form</a>
  226. </div>
  227. </section>
  228.  
  229. <!-- About Section -->
  230. <section class="bg-primary text-white mb-0" id="about">
  231. <div class="container">
  232. <h2 class="text-center text-uppercase text-white">About Niepolomice</h2>
  233. <hr class="star-light mb-5">
  234. <div class="row">
  235. <div class="col-lg-4 ml-auto">
  236. <p class="lead text-justify"> Niepołomice is situated just 25 kilometers away from the centre of Cracow. The municipality has an area of 95 square kilometers, less than one third of which is occupied by the town. The municipality’s population is around 26,000 people, half of them living in Niepołomice.
  237. </p>
  238. </div>
  239. <div class="col-lg-4 mr-auto">
  240. <img class="img-fluid" src="img/ryjec.png" alt="">
  241. </div>
  242. </div>
  243. <div class="row my-3">
  244. <div class="col-lg-4 ml-auto">
  245. <img class="img-fluid" src="img/ryjec.png" alt="">
  246. </div>
  247. <div class="col-lg-4 mr-auto my-3">
  248. <p class="lead text-justify">The town dates back to the 13th century, however the oldest surviving buildings in the area were built in the mid-13th century during the reign of King Casimir the Great. The history of Niepołomice was closely related to the Polish royal court and frequent visits of monarchs to Niepołomice castle.</p>
  249. </div>
  250. </div>
  251. </div>
  252. </section>
  253.  
  254. <!-- Organizing committee Grid Section -->
  255. <section class="portfolio" id="og">
  256. <div class="container">
  257. <h2 class="text-center text-uppercase text-secondary mb-0">Organizing committee</h2>
  258. <hr class="star-dark mb-5">
  259. <div class="row">
  260. <div class="col-lg-4 ml-auto">
  261. <ul>
  262. <li><div class="font-weight-bold">Antoni Bara</div> - Championship commander</li>
  263. <li><div class="font-weight-bold">Wiesław Bobowski</div> - Chairman </li>
  264. <li><div class="font-weight-bold">Mariusz Wangryn</div> - Vice-chairman; sports </li>
  265. <li><div class="font-weight-bold">Krystyna Anioł-Strzyżewska</div> - Vice-chairman; medical care </li>
  266. <li><div class="font-weight-bold">Antoni Stasch</div> - Vice-chairman; contacts with foreign countries and information </li>
  267. </ul>
  268.  
  269. </div>
  270. <div class="col-lg-4 ml-auto">
  271. <ul>
  272. <li><div class="font-weight-bold">Agata Bara</div> – Custodian sponsors </li>
  273. <li><div class="font-weight-bold">Sabina Gurgul</div> – Sports logistics</li>
  274. <li><div class="font-weight-bold">Andrzej Osak</div> – Responsible for the family tournament</li>
  275. </ul>
  276.  
  277. </div>
  278. </div>
  279. </div>
  280. </section>
  281.  
  282. <!-- Contact Section -->
  283. <section id="contact">
  284. <div class="container">
  285. <h2 class="text-center text-uppercase text-secondary mb-0">Contact Me</h2>
  286. <hr class="star-dark mb-5">
  287. <div class="row">
  288. <div class="col-lg-8 mx-auto">
  289. <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
  290. <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
  291. <form name="sentMessage" id="contactForm" novalidate="novalidate">
  292. <div class="control-group">
  293. <div class="form-group floating-label-form-group controls mb-0 pb-2">
  294. <label>Name</label>
  295. <input class="form-control" id="name" type="text" placeholder="Name" required="required" data-validation-required-message="Please enter your name.">
  296. <p class="help-block text-danger"></p>
  297. </div>
  298. </div>
  299. <div class="control-group">
  300. <div class="form-group floating-label-form-group controls mb-0 pb-2">
  301. <label>Email Address</label>
  302. <input class="form-control" id="email" type="email" placeholder="Email Address" required="required" data-validation-required-message="Please enter your email address.">
  303. <p class="help-block text-danger"></p>
  304. </div>
  305. </div>
  306. <div class="control-group">
  307. <div class="form-group floating-label-form-group controls mb-0 pb-2">
  308. <label>Phone Number</label>
  309. <input class="form-control" id="phone" type="tel" placeholder="Phone Number" required="required" data-validation-required-message="Please enter your phone number.">
  310. <p class="help-block text-danger"></p>
  311. </div>
  312. </div>
  313. <div class="control-group">
  314. <div class="form-group floating-label-form-group controls mb-0 pb-2">
  315. <label>Message</label>
  316. <textarea class="form-control" id="message" rows="5" placeholder="Message" required="required" data-validation-required-message="Please enter a message."></textarea>
  317. <p class="help-block text-danger"></p>
  318. </div>
  319. </div>
  320. <br>
  321. <div id="success"></div>
  322. <div class="form-group">
  323. <button type="submit" class="btn btn-primary btn-xl" id="sendMessageButton">Send</button>
  324. </div>
  325. </form>
  326. </div>
  327. </div>
  328. </div>
  329. </section>
  330.  
  331. <!-- Footer -->
  332. <footer class="footer text-center">
  333. <div class="container">
  334. <div class="row">
  335. <div class="col-md-4 mb-5 mb-lg-0">
  336. <h4 class="text-uppercase mb-4">Location</h4>
  337. <p class="lead mb-0">Niepolomice
  338. <br>Poland</p>
  339. </div>
  340. <div class="col-md-4 mb-5 mb-lg-0">
  341. <h4 class="text-uppercase mb-4">Around the Web</h4>
  342. <ul class="list-inline mb-0">
  343. <li class="list-inline-item">
  344. <a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://www.facebook.com/ringo.poland/" target="_blank">
  345. <i class="fa fa-fw fa-facebook"></i>
  346. </a>
  347. </li>
  348. <li class="list-inline-item">
  349. <a class="btn btn-outline-light btn-social text-center rounded-circle" href="http://ringo.org.pl/" target="_blank">
  350. <i class="fa fa-fw fa-dribbble"></i>
  351. </a>
  352. </li>
  353. </ul>
  354. </div>
  355. <div class="col-md-4">
  356. <h4 class="text-uppercase mb-4">Contact</h4>
  357. <p class="lead mb-0">info@ringo.org.pl</p>
  358. </div>
  359.  
  360. </div>
  361. </div>
  362. </footer>
  363.  
  364. <div class="copyright py-4 text-center text-white">
  365. <div class="container">
  366. <small>Copyright &copy; Paweł Wangryn 2019</small>
  367. </div>
  368. </div>
  369.  
  370. <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
  371. <div class="scroll-to-top d-lg-none position-fixed ">
  372. <a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
  373. <i class="fa fa-chevron-up"></i>
  374. </a>
  375. </div>
  376.  
  377.  
  378.  
  379. <!-- Bootstrap core JavaScript -->
  380. <script src="vendor/jquery/jquery.min.js"></script>
  381. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  382.  
  383. <!-- Plugin JavaScript -->
  384. <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  385. <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
  386.  
  387. <!-- Contact Form JavaScript -->
  388. <script src="js/jqBootstrapValidation.js"></script>
  389. <script src="js/contact_me.js"></script>
  390.  
  391. <!-- Custom scripts for this template -->
  392. <script src="js/freelancer.min.js"></script>
  393.  
  394. </body>
  395.  
  396. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement