Advertisement
Guest User

Untitled

a guest
Oct 20th, 2017
523
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  8. <link rel="stylesheet" href="Homepage View.css" type="text/css"> </head>
  9.  
  10. <body class="">
  11. <nav class="navbar navbar-expand-md bg-primary navbar-dark">
  12. <div class="container">
  13. <a class="navbar-brand" href="#"><i class="fa d-inline fa-lg fa-cloud"></i><b> Brand</b></a>
  14. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
  15. aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  16. <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
  17. <ul class="navbar-nav">
  18. <li class="nav-item">
  19. <a class="nav-link" href="#"><i class="fa d-inline fa-lg fa-bookmark-o"></i> Bookmarks</a>
  20. </li>
  21. <li class="nav-item">
  22. <a class="nav-link" href="#"><i class="fa d-inline fa-lg fa-envelope-o"></i> Contacts</a>
  23. </li>
  24. </ul>
  25. <a class="btn navbar-btn ml-2 text-white btn-secondary"><i class="fa d-inline fa-lg fa-user-circle-o"></i> Sign in</a>
  26. </div>
  27. </div>
  28. </nav>
  29. <div class="p-5 text-center bg-secondary text-white gradient-overlay">
  30. <div class="container">
  31. <div class="row">
  32. <div class="col-12">
  33. <div id="carouselArchitecture" class="carousel slide" data-ride="carousel">
  34. <ol class="carousel-indicators">
  35. <li data-target="#carouselArchitecture" data-slide-to="0" class=""><i></i></li>
  36. <li data-target="#carouselArchitecture" data-slide-to="1" class=""><i></i></li>
  37. <li data-target="#carouselArchitecture" data-slide-to="2" class="active"><i></i></li>
  38. </ol>
  39. <div class="carousel-inner" role="listbox">
  40. <div class="carousel-item active">
  41. <img class="d-block img-fluid" src="https://cdn.roadtrips.com/wp-content/uploads/2016/11/kentuckyderby-hero7.jpg" data-holder-rendered="true"> </div>
  42. <div class="carousel-item">
  43. <img class="d-block img-fluid" src="http://images.performgroup.com/di/library/sporting_news/26/ef/kentucky-derby-2016-live-blog-updates-odds-time-tv-channel-online-stream-field-entriesjpg_192kfsw8rsapg1t9ifm34a5e6e.jpg" data-holder-rendered="true"> </div>
  44. <div class="carousel-item">
  45. <img class="d-block img-fluid" src="https://az616578.vo.msecnd.net/files/2016/04/30/6359757464470839241651272682_kentucky-derby-1.jpg" data-holder-rendered="true"> </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="py-5">
  53. <div class="container">
  54. <div class="row">
  55. <div class="col-md-12">
  56. <h1 class="text-center display-3 text-primary text-uppercase">About Kentucky HBPA</h1>
  57. <p class="">The HBPA, established in 1940, is an organization of Owners and Trainers, approximately 40,000 nationally in 23 states and Canada, and over 6,000 in Kentucky. The association is governed by a Board of Directors consisting of Owners and Trainers
  58. volunteering their time and elected by the membership every three years. The HBPA is committed to working for the betterment of racing on all levels.</p>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="py-5 bg-light">
  64. <div class="container">
  65. <div class="row">
  66. <div class="py-5 col-md-6">
  67. <div class="row">
  68. <div class="text-center col-4"><i class="d-block mx-auto fa fa-5x fa-handshake-o"></i></div>
  69. <div class="col-8">
  70. <h5 class="mb-3 text-primary"><b>Horse Race Negotiation</b></h5>
  71. <p class="my-1">The HBPA represents owners and trainers in negotiating sessions with each race track regarding purse structure, equitable share of simulcast revenues, overall track safety, sanitation and security. </p>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="py-5 col-md-6">
  76. <div class="row">
  77. <div class="text-center col-4"><i class="d-block mx-auto fa fa-5x fa-paper-plane-o"></i></div>
  78. <div class="col-8">
  79. <h5 class="mb-3 text-primary"><b>Insurance and Resources</b></h5>
  80. <p class="my-1">The HBPA provides benevolence to horsemen in need, education and recreation programs to the backstretch, various insurance packages which include – free of charge to members – Fire and Disaster Insurance and Claiming Insurance.&nbsp;</p>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="row">
  86. <div class="py-5 col-md-6">
  87. <div class="row">
  88. <div class="text-center col-4"><i class="d-block mx-auto fa fa-5x fa-heartbeat"></i></div>
  89. <div class="col-8">
  90. <h5 class="mb-3 text-primary"><b>Healthcare</b></h5>
  91. <p class="my-1">The HBPA works in conjunction with the Chaplaincy Program , and the Kentucky Racing Health and Welfare Fund to provide support and benefits for Horsemen. </p>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="py-5 col-md-6">
  96. <div class="row">
  97. <div class="text-center col-4"><i class="d-block mx-auto fa fa-5x fa-spinner"></i></div>
  98. <div class="col-8">
  99. <h5 class="mb-3 text-primary"><b>Research</b></h5>
  100. <p class="my-1">The HBPA supports scientific research and marketing initiatives on a regional and national level to help promote interest in Thoroughbred racing. </p>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="row">
  106. <div class="py-5 col-md-12">
  107. <div class="row">
  108. <div class="text-center col-4"><i class="d-block mx-auto fa fa-5x fa-users"></i></div>
  109. <div class="col-8">
  110. <h5 class="mb-3 text-primary"><b>Horse Legislation</b></h5>
  111. <p class="my-1">The HBPA is at the forefront in litigation and legislation on issues involving Horsemen’s rights with regards to Interstate Simulcasting, Proprietary Rights, Casino Gambling, Therapeutic Medication, Sports Betting and many other areas of
  112. concern to Horsemen. </p>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="py-5 gradient-overlay text-center bg-dark">
  120. <div class="container">
  121. <div class="row">
  122. <div class="col-md-12">
  123. <div class="row">
  124. <div class="col-md-12">
  125. <h1 class="text-light text-uppercase">Resources</h1>
  126. <p class="text-light">From guides to training videos, the Kentucky HBPA provides a variety of resources for horsemen. To access and learn more, click here.</p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="py-5 text-center text-white opaque-overlay gradient-overlay" style="background-image: url(&quot;https://pingendo.github.io/templates/sections/assets/gallery_architecture_3.jpg&quot;);">
  134. <div class="container">
  135. <div class="row">
  136. <div class="p-4 col-md-3"> <i class="d-block fa fa-3x fa-user"></i>
  137. <h2 class="my-3">Register</h2>
  138. <p>Become a member of &nbsp;the KYHBPA.</p>
  139. </div>
  140. <div class="p-4 col-md-3"> <i class="d-block fa fa-3x fa-pie-chart"></i>
  141. <h2 class="my-3">Polls</h2>
  142. <p>Share your thoughts on these horse legislation.</p>
  143. </div>
  144. <div class="col-md-3 p-4"> <i class="d-block fa fa-3x fa-th-list"></i>
  145. <h2 class="my-3">News</h2>
  146. <p>Stay informed on Kentucky's and National's HBPA headlines.&nbsp;</p>
  147. </div>
  148. <div class="col-md-3 p-4"> <i class="d-block fa fa-3x fa-desktop"></i>
  149. <h2 class="my-3">Blog</h2>
  150. <p>Read up on our latest blog posts here.&nbsp;</p>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="text-white bg-dark">
  156. <div class="container">
  157. <div class="row">
  158. <div class="p-5 col-md-4">
  159. <h3 class="mb-4">Contact</h3>
  160. <p>
  161. <a href="tel:+246 - 542 550 5462" class="text-white"><i class="fa d-inline mr-3 text-secondary fa-phone"></i>502-363-1077</a>
  162. </p>
  163. <p>
  164. <a href="mailto:info@pingendo.com" class="text-white"><i class="fa d-inline mr-3 text-secondary fa-envelope-o"></i>Kentuckyhbpa@gmail.com</a>
  165. </p>
  166. <p>
  167. <a href="https://goo.gl/maps/AUq7b9W7yYJ2" class="text-white" target="blank"><i class="fa d-inline mr-3 fa-map-marker text-secondary"></i>&nbsp; 3729 S. Fourth St.&nbsp;
  168. <br>&nbsp; &nbsp; &nbsp; &nbsp; Louisville, KY 40214
  169. <br> </a>
  170. </p>
  171. </div>
  172. <div class="p-5 col-md-5">
  173. <h3>Stay Informed</h3>
  174. <form class="my-4">
  175. <fieldset class="form-group"> <label for="exampleInputEmail1">Sign up for our monthly newsletter!</label>
  176. <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </fieldset>
  177. <button type="submit" class="btn btn-outline-light">Submit</button>
  178. </form>
  179. <h3 class="mt-5">Social Media
  180. <br> </h3>
  181. <div class="align-self-center col-12 my-4">
  182. <a href="https://www.facebook.com" target="blank"><i class="fa fa-facebook d-inline mr-3 text-white fa-2x"></i></a>
  183. <a href="https://twitter.com" target="blank"><i class="fa fa-twitter d-inline mx-3 text-white fa-2x"></i></a>
  184. <a href="https://www.instagram.com" target="blank"><i class="fa fa-instagram d-inline mx-3 text-white fa-2x"></i></a>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="row">
  189. <div class="col-md-12 mt-3">
  190. <p class="text-center">© Copyright 2017 Kentucky HBPA - All rights reserved. </p>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  196. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
  197. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
  198. </body>
  199.  
  200. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement