Advertisement
Guest User

Untitled

a guest
May 25th, 2017
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns:ui="http://java.sun.com/jsf/facelets"
  3. xmlns:h="http://java.sun.com/jsf/html"
  4. xmlns:f="http://java.sun.com/jsf/core">
  5.  
  6. <h:head>
  7.  
  8. <meta charset="utf-8" />
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11.  
  12. <meta name="description" content="" />
  13. <meta name="author" content="" />
  14.  
  15. <title>Agency - Start Bootstrap Theme</title>
  16.  
  17. <!-- Bootstrap Core CSS -->
  18. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"></link>
  19.  
  20. <!-- Custom Fonts -->
  21. <link href="vendor/font-awesome/css/font-awesome.min.css"
  22. rel="stylesheet" type="text/css"></link>
  23. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700"
  24. rel="stylesheet" type="text/css"></link>
  25. <link href='https://fonts.googleapis.com/css?family=Kaushan+Script'
  26. rel='stylesheet' type='text/css'></link>
  27. <link
  28. href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic'
  29. rel='stylesheet' type='text/css'></link>
  30. <link
  31. href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700'
  32. rel='stylesheet' type='text/css'></link>
  33.  
  34. <!-- Theme CSS -->
  35. <link href="css/agency.min.css" rel="stylesheet"></link>
  36.  
  37. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  38. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  39. <!--[if lt IE 9]>
  40. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" integrity="sha384-0s5Pv64cNZJieYFkXYOTId2HMA2Lfb6q2nAcx2n0RTLUnCAoTTsS0nKEO27XyKcY" crossorigin="anonymous"></script>
  41. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" integrity="sha384-ZoaMbDF+4LeFxg6WdScQ9nnR1QC2MIRxA1O9KWEXQwns1G8UNyIEZIQidzb0T1fo" crossorigin="anonymous"></script>
  42. <![endif]-->
  43.  
  44. </h:head>
  45.  
  46. <h:body id="page-top" class="index">
  47.  
  48. <!-- Navigation -->
  49. <nav id="mainNav"
  50. class="navbar navbar-default navbar-custom navbar-fixed-top">
  51. <div class="container">
  52. <!-- Brand and toggle get grouped for better mobile display -->
  53. <div class="navbar-header page-scroll">
  54. <button type="button" class="navbar-toggle" data-toggle="collapse"
  55. data-target="#bs-example-navbar-collapse-1">
  56. <span class="sr-only">Toggle navigation</span> Menu <i
  57. class="fa fa-bars"></i>
  58. </button>
  59. <a class="navbar-brand page-scroll" href="#page-top">Domov</a>
  60. </div>
  61.  
  62. <!-- Collect the nav links, forms, and other content for toggling -->
  63. <div class="collapse navbar-collapse"
  64. id="bs-example-navbar-collapse-1">
  65. <ul class="nav navbar-nav navbar-right">
  66. <li class="hidden"><a href="#page-top"></a></li>
  67. <li><a class="page-scroll" href="#services">Kako Iskati?</a></li>
  68. <li><a class="page-scroll" href="#portfolio">Placeholder</a></li>
  69. <li><a class="page-scroll" href="#about">Placeholder</a></li>
  70. <li><a class="page-scroll" href="#team">Placeholder</a></li>
  71. <li><a class="page-scroll" href="#contact">Placeholder</a></li>
  72. </ul>
  73. </div>
  74. <!-- /.navbar-collapse -->
  75. </div>
  76. <!-- /.container-fluid -->
  77. </nav>
  78.  
  79. <!-- Header -->
  80. <header>
  81. <div class="container">
  82. <div class="intro-text">
  83. <div class="intro-lead-in">Javni prevoz!</div>
  84. <div class="intro-heading"></div>
  85. <a href="#services" class="page-scroll btn btn-xl">Nadaljuj</a>
  86. </div>
  87.  
  88.  
  89.  
  90.  
  91.  
  92. </div>
  93. </header>
  94.  
  95. <!-- Services Section -->
  96. <section id="services">
  97. <div class="container">
  98. <div class="row">
  99. <div class="col-lg-12 text-center">
  100. <h2 class="section-heading">Kako iskati?</h2>
  101. <h3 class="section-subheading text-muted">Spodaj se
  102. registrirajte, prijavite in nadaljujte.</h3>
  103. </div>
  104. </div>
  105. <div class="row text-center">
  106. <div class="col-md-4">
  107. <span class="fa-stack fa-4x"> <i
  108. class="fa fa-circle fa-stack-2x text-primary"></i> <i
  109. class="fa fa-user-plus fa-stack-1x fa-inverse"></i>
  110. </span>
  111. <h4 class="service-heading">Registracija</h4>
  112. <p class="text-muted">Klikni na spodnji gumb in izpolni
  113. registracijo.</p>
  114. <button type="button" class="btn btn-dark btn-lg"
  115. data-toggle="modal" data-target="#myModal">Registracija</button>
  116. <!-- Modal -->
  117. <div class="modal fade" id="myModal" role="dialog">
  118. <div class="modal-dialog">
  119.  
  120. <!-- Modal content-->
  121. <div class="modal-content">
  122. <div class="modal-header">
  123. <button type="button" class="close" data-dismiss="modal"></button>
  124. <h4 class="modal-title">Registracija</h4>
  125. </div>
  126. <div class="modal-body">
  127. <f:view>
  128. <h:form id="registerForm">
  129. <table>
  130. <tr>
  131. <td><h:outputText value="Vnesi email:" /></td>
  132. <td><h:inputText id="email"
  133. value="#{uporabnik.novUporabnik.email}" required="true"
  134. requiredMessage="Please enter your email id" /></td>
  135. <td><h:message for="email" style="color:red" /></td>
  136. </tr>
  137. <tr>
  138. <td><h:outputText value="Vnesi kodo :" /></td>
  139. <td><h:inputSecret id="psw"
  140. value="#{uporabnik.novUporabnik.geslo}" required="true"
  141. requiredMessage="Please enter your password" /></td>
  142. <td><h:message for="psw" style="color:red" /></td>
  143. </tr>
  144. <tr>
  145. <td><h:commandButton value="Registracija"
  146. actionListener="#{uporabnik.registriraj}"
  147. action="index.xhtml" /></td>
  148. </tr>
  149. </table>
  150.  
  151. </h:form>
  152. </f:view>
  153. </div>
  154. </div>
  155.  
  156. </div>
  157. </div>
  158.  
  159. </div>
  160. <div class="col-md-4">
  161. <span class="fa-stack fa-4x"> <i
  162. class="fa fa-circle fa-stack-2x text-primary"></i> <i
  163. class="fa fa-sign-in fa-stack-1x fa-inverse"></i>
  164. </span>
  165. <h4 class="service-heading">Prijava</h4>
  166. <p class="text-muted">Ste že registrirani? Prijavite se.</p>
  167. <button type="button" class="btn btn-dark btn-lg"
  168. data-toggle="modal" data-target="#myModal2">Prijava</button>
  169. <!-- Modal -->
  170. <div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
  171. aria-labelledby="myModalLabel">
  172. <div class="modal-dialog" role="document">
  173. <div class="modal-content">
  174. <div class="modal-header">
  175. <button type="button" class="close" data-dismiss="modal"
  176. aria-label="Close">
  177. <span aria-hidden="true"></span>
  178. </button>
  179. <h4 class="modal-title" id="myModalLabel">Prijava</h4>
  180. </div>
  181. <div class="modal-body">
  182. <f:view>
  183. <h:form id="loginForm">
  184. <table>
  185. <tr>
  186. <td><h:outputText value="Vnesi email:" /></td>
  187. <td><h:inputText id="email"
  188. value="#{uporabnik.novUporabnik.email}" required="true"
  189. requiredMessage="Please enter your email id" /></td>
  190. <td><h:message for="email" style="color:red" /></td>
  191. </tr>
  192. <tr>
  193. <td><h:outputText value="Vnesi kodo :" /></td>
  194. <td><h:inputSecret id="psw"
  195. value="#{uporabnik.novUporabnik.geslo}" required="true"
  196. requiredMessage="Please enter your password" /></td>
  197. <td><h:message for="psw" style="color:red" /></td>
  198. </tr>
  199. <tr>
  200. <td><h:commandButton value="Prijava"
  201. action="#{uporabnik.prijava}"/></td>
  202.  
  203. </tr>
  204. </table>
  205.  
  206. </h:form>
  207. </f:view>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212.  
  213. </div>
  214. <div class="col-md-4">
  215. <span class="fa-stack fa-4x"> <i
  216. class="fa fa-circle fa-stack-2x text-primary"></i> <i
  217. class="fa fa-laptop fa-stack-1x fa-inverse"></i>
  218. </span>
  219. <h4 class="service-heading">Lastniki</h4>
  220. <p class="text-muted">Ste že registrirani? Prijavite se kot lastnik.</p>
  221. <button type="button" class="btn btn-dark btn-lg"
  222. data-toggle="modal" data-target="#myModal3">Prijava</button>
  223. <!-- Modal -->
  224. <div class="modal fade" id="myModal3" tabindex="-1" role="dialog"
  225. aria-labelledby="myModalLabel">
  226. <div class="modal-dialog" role="document">
  227. <div class="modal-content">
  228. <div class="modal-header">
  229. <button type="button" class="close" data-dismiss="modal"
  230. aria-label="Close">
  231. <span aria-hidden="true"></span>
  232. </button>
  233. <h4 class="modal-title" id="myModalLabel">Prijava</h4>
  234. </div>
  235. <div class="modal-body">
  236. <f:view>
  237. <h:form id="loginLastnik">
  238. <table>
  239. <tr>
  240. <td><h:outputText value="Vnesi email:" /></td>
  241. <td><h:inputText id="email"
  242. value="#{uporabnik.novUporabnik.email}" required="true"
  243. requiredMessage="Please enter your email id" /></td>
  244. <td><h:message for="email" style="color:red" /></td>
  245. </tr>
  246. <tr>
  247. <td><h:outputText type="password" value="Vnesi kodo :" /></td>
  248. <td><h:inputSecret id="psw"
  249. value="#{uporabnik.novUporabnik.geslo}" required="true"
  250. requiredMessage="Please enter your password" /></td>
  251. <td><h:message for="psw" style="color:red" /></td>
  252. </tr>
  253. <tr>
  254. <td><h:commandButton value="domacaStran"
  255. action="#{uporabnik.prijava}" /></td>
  256. </tr>
  257. </table>
  258.  
  259. </h:form>
  260. </f:view>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266.  
  267. </div>
  268. </div>
  269. </section>
  270. <!-- jQuery -->
  271. <script src="vendor/jquery/jquery.min.js"></script>
  272.  
  273. <!-- Bootstrap Core JavaScript -->
  274. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  275.  
  276. <!-- Plugin JavaScript -->
  277. <script
  278. src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"
  279. integrity="sha384-mE6eXfrb8jxl0rzJDBRanYqgBxtJ6Unn4/1F7q4xRRyIw7Vdg9jP4ycT7x1iVsgb"
  280. crossorigin="anonymous"></script>
  281.  
  282. <!-- Contact Form JavaScript -->
  283. <script src="js/jqBootstrapValidation.js"></script>
  284. <script src="js/contact_me.js"></script>
  285.  
  286. <!-- Theme JavaScript -->
  287. <script src="js/agency.min.js"></script>
  288.  
  289. </h:body>
  290.  
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement