Advertisement
Guest User

Untitled

a guest
Feb 21st, 2020
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.46 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. xmlns:th="http://www.thymeleaf.org"
  5. xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
  6. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
  7. <head>
  8. <meta charset="utf-8" />
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  10. <title>k</title>
  11. </head>
  12.  
  13.  
  14. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  15. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  16. <!-- TODO:: megkéne szépíteni :(((-->
  17.  
  18.  
  19. <script type="text/javascript" src="/webjars/jquery/3.0.0/jquery.js"/>
  20.  
  21. <script type="text/javascript" src="/webjars/bootstrap/4.4.1/js/bootstrap.js"/>
  22.  
  23. <link href="/webjars/font-awesome/5.12.0/css/all.css" rel="stylesheet"></link>
  24. <script type="text/javascript" src="/webjars/jquery-validation/1.19.0/jquery.validate.js"/>
  25. <link href="/webjars/datatables/1.10.20/css/jquery.dataTables.css" rel="stylesheet" />
  26. <script type="text/javascript" src="/webjars/datatables/1.10.20/js/jquery.dataTables.js"/>
  27. <script type="text/javascript" src="/webjars/datatables/1.10.20/js/jquery.dataTables.min.js"/>
  28. <script type="text/javascript" src="/webjars/datatables/1.10.20/js/dataTables.bootstrap4.min.js"/>
  29. <link href="/webjars/bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet" />
  30. <link href="/webjars/datatables/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet" />
  31. <link href="/webjars/datatables/1.10.20/css/dataTables.bootstrap4.css" rel="stylesheet" />
  32. <link href="/webjars/datatables/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
  33. <script type="text/javascript" src="/webjars/momentjs/2.24.0/moment.js"/>
  34. <script type="text/javascript" src="/webjars/tempusdominus-bootstrap-4/5.1.2/js/tempusdominus-bootstrap-4.min.js"/>
  35. <link rel="stylesheet" href="/webjars/tempusdominus-bootstrap-4/5.1.2/css/tempusdominus-bootstrap-4.min.css"/>
  36. <link rel="stylesheet" href="/css/bakos.css"/>
  37. <body>
  38. <div class="min-vh-75" style="background-color: #1b4bb3;">
  39. <div class="w-100 pt-3 pb-5">
  40. <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
  41. <a class="navbar-brand blockquote text-white font-weight-bolder ml-5" href="#">VALAMILOGO</a>
  42. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  43. <span class="navbar-toggler-icon"></span>
  44. </button>
  45. <div class="collapse navbar-collapse d-flex justify-content-end mr-4" id="navbarNavAltMarkup">
  46. <div class="float-right navbar-nav">
  47. <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">SZOLGÁLTATÁSOK</a>
  48. <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">AMIKET HASZNÁLUNK</a>
  49. <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">REFERNCIÁK</a>
  50. <a class="nav-item nav-link text-warning font-weight-bolder blockquote bg-white rounded-left ml-2 rounded-right" href="#">KAPCSOLAT</a>
  51. </div>
  52. </div>
  53. </nav>
  54. </div>
  55. <div class="container-fluid">
  56. <div class="col-6 mt-5 ml-5">
  57. <span class="display-3 text-white font-weight-light">A megoldás pont itt van</span>
  58. </div>
  59. <div class="col-8 pt-2 mt-3 mb-5 pb-5 d-flex justify-content-center">
  60. <blockquote class="blockquote text-white font-weight-lighter text-wrap">
  61. Ha szükséged van karbantartásra, vagy esetleg saját alkalmazásban gondolkozol a hétvégén.
  62. </blockquote>
  63. </div>
  64. </div>
  65. <div class="container d-flex justify-content-center pt-4 mb-5">
  66.  
  67.  
  68. <!-- Card Wider -->
  69. <div class="col-md-4">
  70. <div class="card card-cascade col-md-11 position-absolute shadow " style="background-color: #3377ff;">
  71.  
  72. <!-- Card image -->
  73. <div class="view view-cascade overlay mt-2">
  74. <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
  75. <a href="#!">
  76. <div class="mask rgba-white-slight"></div>
  77. </a>
  78. </div>
  79.  
  80. <!-- Card content -->
  81. <div class="card-body card-body-cascade text-center pb-5">
  82. <h4 class="card-title text-center"><strong>Karbantartás</strong></h4>
  83. <div class="card-text">
  84. <ul class="list-group d-flex justify-content-center col-12">
  85. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  86. <div class="col-12">
  87. <span class="float-left">Portalanítás</span>
  88. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  89. </div>
  90. </li>
  91. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  92. <div class="col-12">
  93. <span class="float-left">Pasztázás</span>
  94. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  95. </div>
  96. </li>
  97. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  98. <div class="col-12">
  99. <span class="float-left">Frissítés</span>
  100. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  101. </div>
  102. </li>
  103. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  104. <div class="col-12">
  105. <span class="float-left">Vírus védelem</span>
  106. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  107. </div>
  108. </li>
  109. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  110. <div class="col-12">
  111. <span class="float-left">Költöztetés</span>
  112. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  113. </div>
  114. </li>
  115. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  116. <div class="col-12">
  117. <span class="float-left">Beüzemelés</span>
  118. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  119. </div>
  120. </li>
  121. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  122. <div class="col-12">
  123. <span class="float-left">Alkatrész csere</span>
  124. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  125. </div>
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="col-md-4 d-flex justify-content-center">
  133. <div class="card card-cascade col-md-11 position-absolute shadow " style="background-color: #3377ff;">
  134.  
  135. <!-- Card image -->
  136. <div class="view view-cascade overlay mt-2">
  137. <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
  138. <a href="#!">
  139. <div class="mask rgba-white-slight"></div>
  140. </a>
  141. </div>
  142.  
  143. <!-- Card content -->
  144. <div class="card-body card-body-cascade text-center pb-5">
  145. <h4 class="card-title text-center"><strong>Alkalmazás készítés</strong></h4>
  146. <div class="card-text">
  147. <ul class="list-group d-flex justify-content-start">
  148. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  149. <div class="col-6">
  150. <span class="float-left">Online</span>
  151. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  152. </div>
  153. <div class="col-6">
  154. <span class="float-left">Offline</span>
  155. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  156. </div>
  157. </li>
  158. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  159. <div class="col-6">
  160. <span class="float-left">Asztali</span>
  161. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  162. </div>
  163. <div class="col-6">
  164. <span class="float-left">Webes</span>
  165. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  166. </div>
  167. </li>
  168. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  169. <div class="col-12">
  170. <span class="float-left">Fix határidő</span>
  171. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  172. </div>
  173. </li>
  174. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  175. <div class="col-12">
  176. <span class="float-left">Tiszta kódolás</span>
  177. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  178. </div>
  179. </li>
  180. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  181. <div class="col-12">
  182. <span class="float-left">Precízitás</span>
  183. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  184. </div>
  185. </li>
  186. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  187. <div class="col-12">
  188. <span class="float-left">Program kitesztelés</span>
  189. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  190. </div>
  191. </li>
  192. </ul>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="col-md-5 d-flex justify-content-end">
  198. <div class="card card-cascade col-md-10 position-absolute shadow " style="background-color: #3377ff;">
  199.  
  200. <!-- Card image -->
  201. <div class="view view-cascade overlay mt-2">
  202. <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
  203. <a href="#!">
  204. <div class="mask rgba-white-slight"></div>
  205. </a>
  206. </div>
  207.  
  208. <!-- Card content -->
  209. <div class="card-body card-body-cascade text-center pb-5">
  210. <h4 class="card-title text-center"><strong>Minden más</strong></h4>
  211. <div class="card-text">
  212. <ul class="list-group d-flex justify-content-center col-12">
  213. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  214. <div class="col-12">
  215. <span class="float-left">Nyomtató karbantartás</span>
  216. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  217. </div>
  218.  
  219. </li>
  220. <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
  221. <div class="col-12">
  222. <span class="float-left">Windows telepítése</span>
  223. <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
  224. </div>
  225.  
  226. </li>
  227. </ul>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232.  
  233.  
  234.  
  235.  
  236. </div>
  237.  
  238. </div>
  239. <div class="min-vh-100 bg-light" style="margin-top: 50vh">
  240. <!--
  241. <div class="container-fluid mt-1 pt-1">
  242. <div class="col-3 mt-5 ml-5">
  243. <span class="display-4 font-weight-light">Kik vagyunk?</span>
  244. </div>
  245. </div>
  246. <div class="d-flex justify-content-center">
  247. <p class="text-break h6 mt-4">Junior programozók vagyunk, akik leginkább Java programozási nyelven programoznak. De bármivel megbírkózunk ami szembe jön,
  248. mivel mindent addig kell próbálni, amíg nem sikerül.
  249. </p>
  250. </div> -->
  251. <div class="container-fluid mt-4 pt-3">
  252. <div class=" mt-3 ml-5">
  253. <span class="display-4 font-weight-light">Amiket használunk</span>
  254. </div>
  255. </div>
  256. <div class="d-flex justify-content-center mt-5">
  257. <ul class="list-group col-10">
  258. <li class="d-flex justify-content-between align-items-center bg-transparent list-group-item">
  259. <span class="display-5">Verzió kezelés</span>
  260. <div>
  261. <i class="fab fa-github fa-5x ml-2"></i> <small class="ml-2">Github</small>
  262. </div>
  263. </li>
  264. <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
  265. <span class="display-5">Kliens oldal</span>
  266. <div>
  267. <img src="https://i.dlpng.com/static/png/348405_preview.png" alt="Smiley face" width="80" height="80"/> <small class="ml-2">Jquery +</small>
  268. <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Bootstrap_logo.svg/512px-Bootstrap_logo.svg.png" class="ml-2" alt="Smiley face" width="80" height="80"/>
  269. <small class="ml-2">Bootstrap</small>
  270. </div>
  271. </li>
  272. <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
  273. <span class="display-5">Szerver oldal</span>
  274. <img src="https://ya-webdesign.com/images250_/spring-logo-png-4.png" alt="Smiley face" width="150" height="80"/>
  275. </li>
  276. <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
  277. <span class="display-5">IDE</span>
  278. <div>
  279. <img src="https://banner2.cleanpng.com/20180601/sku/kisspng-intellij-idea-computer-icons-webstorm-java-compute-50-5b10f1232d66a3.543622441527836963186.jpg" alt="Smiley face" width="80" height="80"/>
  280. <small class="ml-2">Intellij</small>
  281. </div>
  282. </li>
  283. </ul>
  284. </div>
  285. <div class="container-fluid mt-4 pt-3">
  286. <div class=" mt-3 ml-5">
  287. <span class="display-4 font-weight-light">Referenciák</span>
  288. </div>
  289. </div>
  290. <div class="container mt-3 pt-2">
  291. <div class="card" style="width: 23rem;">
  292. <img class="card-img-top" src="https://msbsport.info/images/logo.png" alt="Card image cap"/>
  293. <div class="card-body">
  294. <h5 class="card-title text-center">Msb Sport</h5>
  295. <p class="card-text text-justify">Ez egy springbootban készült webalkalmazás, amely MySql adatbázissal rendelkezik. Törökedtünk a dinamikusságra, és az egyszerűségre.</p>
  296. <a href="www.msbsport.info" class="btn btn-poop float-right" target="_blank">Irány az oldalra</a>
  297. </div>
  298. </div>
  299. </div>
  300. <div class="container-fluid mt-4 pt-3">
  301. <div class=" mt-3 ml-5">
  302. <span class="display-4 font-weight-light">Kik vagyunk?</span>
  303. </div>
  304. </div>
  305. <div class="d-flex justify-content-center pt-2 mt-3">
  306. <p class="col-9 h6 mt-2 pt-2 alert alert-success ">Egyszerű mezei Java programozók vagyunk, akik még csak a Junior szakaszban járnak. Viszont szeretnénk, hétvégén további tapasztaltokat szerezni és a pénz sem hátrány.<br/> Semmitől nem riadunk meg, legyen az programozási nyelv vagy éppen egy új eszköz amivel még nem találkoztunk. Hiszen mindent addig kell próbálni amíg nem sikerül.</p>
  307. </div>
  308. <div class="container-fluid mt-2 pt-2">
  309. <div class=" mt-3 ml-5">
  310. <span class="display-4 font-weight-light">Kapcsolat</span>
  311. </div>
  312. </div>
  313. <div class="container mb-2 pb-2">
  314. Messenger link ide
  315. </div>
  316. </div>
  317. <footer class="min-vh-50 pt-2 mt-2"></footer>
  318. <!-- <video src="/videos/video.mp4" loop></video> -->
  319. </body>
  320. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement