Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:th="http://www.thymeleaf.org"
- xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <title>k</title>
- </head>
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
- <!-- TODO:: megkéne szépíteni :(((-->
- <script type="text/javascript" src="/webjars/jquery/3.0.0/jquery.js"/>
- <script type="text/javascript" src="/webjars/bootstrap/4.4.1/js/bootstrap.js"/>
- <link href="/webjars/font-awesome/5.12.0/css/all.css" rel="stylesheet"></link>
- <script type="text/javascript" src="/webjars/jquery-validation/1.19.0/jquery.validate.js"/>
- <link href="/webjars/datatables/1.10.20/css/jquery.dataTables.css" rel="stylesheet" />
- <script type="text/javascript" src="/webjars/datatables/1.10.20/js/jquery.dataTables.js"/>
- <script type="text/javascript" src="/webjars/datatables/1.10.20/js/jquery.dataTables.min.js"/>
- <script type="text/javascript" src="/webjars/datatables/1.10.20/js/dataTables.bootstrap4.min.js"/>
- <link href="/webjars/bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet" />
- <link href="/webjars/datatables/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet" />
- <link href="/webjars/datatables/1.10.20/css/dataTables.bootstrap4.css" rel="stylesheet" />
- <link href="/webjars/datatables/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
- <script type="text/javascript" src="/webjars/momentjs/2.24.0/moment.js"/>
- <script type="text/javascript" src="/webjars/tempusdominus-bootstrap-4/5.1.2/js/tempusdominus-bootstrap-4.min.js"/>
- <link rel="stylesheet" href="/webjars/tempusdominus-bootstrap-4/5.1.2/css/tempusdominus-bootstrap-4.min.css"/>
- <link rel="stylesheet" href="/css/bakos.css"/>
- <body>
- <div class="min-vh-75" style="background-color: #1b4bb3;">
- <div class="w-100 pt-3 pb-5">
- <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
- <a class="navbar-brand blockquote text-white font-weight-bolder ml-5" href="#">VALAMILOGO</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse d-flex justify-content-end mr-4" id="navbarNavAltMarkup">
- <div class="float-right navbar-nav">
- <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">SZOLGÁLTATÁSOK</a>
- <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">AMIKET HASZNÁLUNK</a>
- <a class="nav-item nav-link text-white font-weight-bolder blockquote" href="#">REFERNCIÁK</a>
- <a class="nav-item nav-link text-warning font-weight-bolder blockquote bg-white rounded-left ml-2 rounded-right" href="#">KAPCSOLAT</a>
- </div>
- </div>
- </nav>
- </div>
- <div class="container-fluid">
- <div class="col-6 mt-5 ml-5">
- <span class="display-3 text-white font-weight-light">A megoldás pont itt van</span>
- </div>
- <div class="col-8 pt-2 mt-3 mb-5 pb-5 d-flex justify-content-center">
- <blockquote class="blockquote text-white font-weight-lighter text-wrap">
- Ha szükséged van karbantartásra, vagy esetleg saját alkalmazásban gondolkozol a hétvégén.
- </blockquote>
- </div>
- </div>
- <div class="container d-flex justify-content-center pt-4 mb-5">
- <!-- Card Wider -->
- <div class="col-md-4">
- <div class="card card-cascade col-md-11 position-absolute shadow " style="background-color: #3377ff;">
- <!-- Card image -->
- <div class="view view-cascade overlay mt-2">
- <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
- <a href="#!">
- <div class="mask rgba-white-slight"></div>
- </a>
- </div>
- <!-- Card content -->
- <div class="card-body card-body-cascade text-center pb-5">
- <h4 class="card-title text-center"><strong>Karbantartás</strong></h4>
- <div class="card-text">
- <ul class="list-group d-flex justify-content-center col-12">
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Portalanítás</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Pasztázás</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Frissítés</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Vírus védelem</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Költöztetés</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Beüzemelés</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Alkatrész csere</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 d-flex justify-content-center">
- <div class="card card-cascade col-md-11 position-absolute shadow " style="background-color: #3377ff;">
- <!-- Card image -->
- <div class="view view-cascade overlay mt-2">
- <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
- <a href="#!">
- <div class="mask rgba-white-slight"></div>
- </a>
- </div>
- <!-- Card content -->
- <div class="card-body card-body-cascade text-center pb-5">
- <h4 class="card-title text-center"><strong>Alkalmazás készítés</strong></h4>
- <div class="card-text">
- <ul class="list-group d-flex justify-content-start">
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-6">
- <span class="float-left">Online</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- <div class="col-6">
- <span class="float-left">Offline</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-6">
- <span class="float-left">Asztali</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- <div class="col-6">
- <span class="float-left">Webes</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Fix határidő</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Tiszta kódolás</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Precízitás</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Program kitesztelés</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-5 d-flex justify-content-end">
- <div class="card card-cascade col-md-10 position-absolute shadow " style="background-color: #3377ff;">
- <!-- Card image -->
- <div class="view view-cascade overlay mt-2">
- <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo6.jpg" alt="Card image cap"/>
- <a href="#!">
- <div class="mask rgba-white-slight"></div>
- </a>
- </div>
- <!-- Card content -->
- <div class="card-body card-body-cascade text-center pb-5">
- <h4 class="card-title text-center"><strong>Minden más</strong></h4>
- <div class="card-text">
- <ul class="list-group d-flex justify-content-center col-12">
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Nyomtató karbantartás</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- <li class="h5 text-white font-weight-normal d-flex justify-content-center align-items-center bg-transparent border-0">
- <div class="col-12">
- <span class="float-left">Windows telepítése</span>
- <span class="badge badge-success badge-pill float-right"><i class="fas fa-check-circle"/> </span>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="min-vh-100 bg-light" style="margin-top: 50vh">
- <!--
- <div class="container-fluid mt-1 pt-1">
- <div class="col-3 mt-5 ml-5">
- <span class="display-4 font-weight-light">Kik vagyunk?</span>
- </div>
- </div>
- <div class="d-flex justify-content-center">
- <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,
- mivel mindent addig kell próbálni, amíg nem sikerül.
- </p>
- </div> -->
- <div class="container-fluid mt-4 pt-3">
- <div class=" mt-3 ml-5">
- <span class="display-4 font-weight-light">Amiket használunk</span>
- </div>
- </div>
- <div class="d-flex justify-content-center mt-5">
- <ul class="list-group col-10">
- <li class="d-flex justify-content-between align-items-center bg-transparent list-group-item">
- <span class="display-5">Verzió kezelés</span>
- <div>
- <i class="fab fa-github fa-5x ml-2"></i> <small class="ml-2">Github</small>
- </div>
- </li>
- <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
- <span class="display-5">Kliens oldal</span>
- <div>
- <img src="https://i.dlpng.com/static/png/348405_preview.png" alt="Smiley face" width="80" height="80"/> <small class="ml-2">Jquery +</small>
- <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"/>
- <small class="ml-2">Bootstrap</small>
- </div>
- </li>
- <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
- <span class="display-5">Szerver oldal</span>
- <img src="https://ya-webdesign.com/images250_/spring-logo-png-4.png" alt="Smiley face" width="150" height="80"/>
- </li>
- <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">
- <span class="display-5">IDE</span>
- <div>
- <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"/>
- <small class="ml-2">Intellij</small>
- </div>
- </li>
- </ul>
- </div>
- <div class="container-fluid mt-4 pt-3">
- <div class=" mt-3 ml-5">
- <span class="display-4 font-weight-light">Referenciák</span>
- </div>
- </div>
- <div class="container mt-3 pt-2">
- <div class="card" style="width: 23rem;">
- <img class="card-img-top" src="https://msbsport.info/images/logo.png" alt="Card image cap"/>
- <div class="card-body">
- <h5 class="card-title text-center">Msb Sport</h5>
- <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>
- <a href="www.msbsport.info" class="btn btn-poop float-right" target="_blank">Irány az oldalra</a>
- </div>
- </div>
- </div>
- <div class="container-fluid mt-4 pt-3">
- <div class=" mt-3 ml-5">
- <span class="display-4 font-weight-light">Kik vagyunk?</span>
- </div>
- </div>
- <div class="d-flex justify-content-center pt-2 mt-3">
- <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>
- </div>
- <div class="container-fluid mt-2 pt-2">
- <div class=" mt-3 ml-5">
- <span class="display-4 font-weight-light">Kapcsolat</span>
- </div>
- </div>
- <div class="container mb-2 pb-2">
- Messenger link ide
- </div>
- </div>
- <footer class="min-vh-50 pt-2 mt-2"></footer>
- <!-- <video src="/videos/video.mp4" loop></video> -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement