2025-02-18 23:14:26 +01:00
<!DOCTYPE html>
2025-02-20 12:07:07 +01:00
< html lang = "cs" >
2025-02-18 23:14:26 +01:00
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" / >
< meta name = "description" content = "" / >
< meta name = "author" content = "" / >
< title > Modern Business - Start Bootstrap Template< / title >
<!-- Favicon -->
< link rel = "icon" type = "image/x-icon" href = "assets/favicon.ico" / >
<!-- Bootstrap icons -->
2025-02-20 20:56:46 +01:00
< link href = "assets/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel = "stylesheet" / >
< link rel = "stylesheet" href = "assets/fontawesome-free-6.6.0-web/css/all.css" / >
< link rel = "stylesheet" href = "assets/font-logos/assets/font-logos.css" / >
2025-02-18 23:14:26 +01:00
<!-- Core theme CSS (includes Bootstrap) -->
< link href = "css/styles.css" rel = "stylesheet" / >
< / head >
< body class = "d-flex flex-column h-100" >
< main class = "flex-shrink-0" >
<!-- Navigation -->
< nav class = "navbar navbar-expand-lg navbar-dark bg-dark" >
< div class = "container px-5" >
2025-02-20 12:07:07 +01:00
< a class = "navbar-brand" href = "index.html" > AREA — 51 · CZ< / a >
2025-02-18 23:14:26 +01:00
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation" > < span class = "navbar-toggler-icon" > < / span > < / button >
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav ms-auto mb-2 mb-lg-0" >
2025-02-20 21:46:56 +01:00
< li class = "nav-item" > < a class = "nav-link active" href = "index.html" > Start< / a > < / li >
2025-02-20 19:54:47 +01:00
< li class = "nav-item" > < a class = "nav-link" href = "about.html" > Technologie< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "contact.html" > Dotazy< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "pricing.html" > Servery< / a > < / li >
2025-02-18 23:14:26 +01:00
< li class = "nav-item" > < a class = "nav-link" href = "faq.html" > FAQ< / a > < / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" id = "navbarDropdownBlog" href = "#" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" > Blog< / a >
< ul class = "dropdown-menu dropdown-menu-end" aria-labelledby = "navbarDropdownBlog" >
< li > < a class = "dropdown-item" href = "blog-home.html" > Blog Home< / a > < / li >
< li > < a class = "dropdown-item" href = "blog-post.html" > Blog Post< / a > < / li >
< / ul >
< / li >
< li class = "nav-item dropdown" >
2025-02-20 22:25:52 +01:00
< a class = "nav-link dropdown-toggle" id = "navbarDropdownPortfolio" href = "#" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" > Projekty< / a >
2025-02-18 23:14:26 +01:00
< ul class = "dropdown-menu dropdown-menu-end" aria-labelledby = "navbarDropdownPortfolio" >
< li > < a class = "dropdown-item" href = "portfolio-overview.html" > Portfolio Overview< / a > < / li >
< li > < a class = "dropdown-item" href = "portfolio-item.html" > Portfolio Item< / a > < / li >
< / ul >
< / li >
< / ul >
< / div >
< / div >
< / nav >
<!-- Header -->
< header class = "bg-dark py-5" >
< div class = "container px-5" >
< div class = "row gx-5 align-items-center justify-content-center" >
< div class = "col-lg-8 col-xl-7 col-xxl-6" >
< div class = "my-5 text-center text-xl-start" >
2025-02-20 19:54:47 +01:00
< h1 class = "display-5 fw-bolder text-white mb-2" > Vlastní správa programového kódu< / h1 >
< p class = "lead fw-normal text-white-50 mb-4" > Vzhledem k faktu, že < i class = "bi bi-github" > < / i > Github je uzavřeným projektem, patřící navíc spol. < i class = "fab fa-microsoft" > < / i > Microsoft™ Corporation Inc., rozhodl jsem se hledat vhodné alternativy pro budoucí správu svých projektů...< / p >
2025-02-18 23:14:26 +01:00
< div class = "d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start" >
2025-02-20 21:54:47 +01:00
< a class = "btn btn-dark btn-lg px-4 me-sm-3" href = "#features" > < big > < i class = "fl-gitea pe-sm-1" > < / i > < / big > Gitea (NoLog)< / a >
< a class = "btn btn-outline-light btn-lg px-4" href = "#!" > < big > < i class = "fab fa-linux pe-sm-1" > < / i > < / big > Linux< / a >
2025-02-18 23:14:26 +01:00
< / div >
< / div >
< / div >
2025-02-18 23:40:19 +01:00
< div class = "col-xl-5 col-xxl-6 d-none d-xl-block text-center" > < img class = "img-fluid rounded-3 my-5" src = "assets/alien3.png" alt = "..." / > < / div >
2025-02-18 23:14:26 +01:00
< / div >
< / div >
< / header >
<!-- Features section -->
< section class = "py-5" id = "features" >
< div class = "container px-5 my-5" >
< div class = "row gx-5" >
2025-02-20 19:54:47 +01:00
< div class = "col-lg-4 mb-5 mb-lg-0" >
2025-02-20 21:54:14 +01:00
< h2 class = "fw-bolder mb-0" > < big > < i class = "fl-gitea pe-sm-1" > < / i > < / big > Gitea< / h2 >
2025-02-20 20:55:48 +01:00
< p class = "mt-2 small text-muted" > Primárně využívám služeb NoLog · CZ...< / p >
2025-02-20 19:54:47 +01:00
< hr >
2025-02-20 21:54:14 +01:00
< p class = "mt-2" > < i class = "fa fa-square px-sm-3" > < / i > HTML5 + CSS3 + JS < i class = "fa fa-chevron-circle-right ps-sm-2" > < / i > < / p >
2025-02-20 19:54:47 +01:00
< hr >
2025-02-20 21:54:14 +01:00
< p class = "mt-2" > < i class = "fa fa-square px-sm-3" > < / i > PHP < i class = "fa fa-chevron-circle-right ps-sm-2" > < / i > < / p >
2025-02-20 19:54:47 +01:00
< / div >
2025-02-18 23:14:26 +01:00
< div class = "col-lg-8" >
< div class = "row gx-5 row-cols-1 row-cols-md-2" >
< div class = "col mb-5 h-100" >
2025-02-20 19:54:47 +01:00
< div class = "feature bg-dark bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-1-circle-fill" > < / i > < / div >
2025-02-20 21:54:14 +01:00
< h2 class = "h5" > Kolekce projektů < big > < i class = "bi bi-collection ps-sm-2" > < / i > < / big > < / h2 >
2025-02-18 23:14:26 +01:00
< p class = "mb-0" > Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.< / p >
< / div >
< div class = "col mb-5 h-100" >
2025-02-20 20:55:48 +01:00
< div class = "feature bg-dark bg-gradient text-white rounded-3 mb-2" > < i class = "bi bi-2-circle-fill" > < / i > < / div >
2025-02-20 21:54:14 +01:00
< h2 class = "h5" > Úprava kódu < big > < i class = "bi bi-code-square ps-sm-3" > < / i > < / big > < / h2 >
2025-02-18 23:14:26 +01:00
< p class = "mb-0" > Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.< / p >
< / div >
< div class = "col mb-5 mb-md-0 h-100" >
2025-02-20 20:55:48 +01:00
< div class = "feature bg-dark bg-gradient text-white rounded-3 mb-2" > < i class = "bi bi-3-circle-fill" > < / i > < / div >
2025-02-20 21:54:14 +01:00
< h2 class = "h5" > Řízení projektů < big > < i class = "bi bi-trello ps-sm-3" > < / i > < / big > < / h2 >
2025-02-18 23:14:26 +01:00
< p class = "mb-0" > Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.< / p >
< / div >
< div class = "col h-100" >
2025-02-20 20:55:48 +01:00
< div class = "feature bg-dark bg-gradient text-white rounded-3 mb-2" > < i class = "bi bi-4-circle-fill" > < / i > < / div >
2025-02-20 21:54:14 +01:00
< h2 class = "h5" > Organizace práce < big > < i class = "bi bi-calendar-range ps-sm-3" > < / i > < / big > < / h2 >
2025-02-18 23:14:26 +01:00
< p class = "mb-0" > Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- Testimonial section -->
< div class = "py-5 bg-light" >
< div class = "container px-5 my-5" >
< div class = "row gx-5 justify-content-center" >
< div class = "col-lg-10 col-xl-7" >
< div class = "text-center" >
< div class = "fs-4 mb-4 fst-italic" > "Working with Start Bootstrap templates has saved me tons of development time when building new projects! Starting with a Bootstrap template just makes things easier!"< / div >
< div class = "d-flex align-items-center justify-content-center" >
< img class = "rounded-circle me-3" src = "https://dummyimage.com/40x40/ced4da/6c757d" alt = "..." / >
< div class = "fw-bold" >
Tom Ato
< span class = "fw-bold text-dark mx-1" > /< / span >
CEO, Pomodoro
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Blog preview section -->
< section class = "py-5" >
< div class = "container px-5 my-5" >
< div class = "row gx-5 justify-content-center" >
< div class = "col-lg-8 col-xl-6" >
< div class = "text-center" >
< h2 class = "fw-bolder" > From our blog< / h2 >
< p class = "lead fw-normal text-muted mb-5" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque fugit ratione dicta mollitia. Officiis ad.< / p >
< / div >
< / div >
< / div >
< div class = "row gx-5" >
< div class = "col-lg-4 mb-5" >
< div class = "card h-100 shadow border-0" >
< img class = "card-img-top" src = "https://dummyimage.com/600x350/ced4da/6c757d" alt = "..." / >
< div class = "card-body p-4" >
< div class = "badge bg-dark bg-gradient rounded-pill mb-2" > News< / div >
< a class = "text-decoration-none link-dark stretched-link" href = "#!" > < h5 class = "card-title mb-3" > Blog post title< / h5 > < / a >
< p class = "card-text mb-0" > Some quick example text to build on the card title and make up the bulk of the card's content.< / p >
< / div >
< div class = "card-footer p-4 pt-0 bg-transparent border-top-0" >
< div class = "d-flex align-items-end justify-content-between" >
< div class = "d-flex align-items-center" >
< img class = "rounded-circle me-3" src = "https://dummyimage.com/40x40/ced4da/6c757d" alt = "..." / >
< div class = "small" >
< div class = "fw-bold" > Kelly Rowan< / div >
< div class = "text-muted" > March 12, 2023 · 6 min read< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-lg-4 mb-5" >
< div class = "card h-100 shadow border-0" >
< img class = "card-img-top" src = "https://dummyimage.com/600x350/adb5bd/495057" alt = "..." / >
< div class = "card-body p-4" >
< div class = "badge bg-dark bg-gradient rounded-pill mb-2" > Media< / div >
< a class = "text-decoration-none link-dark stretched-link" href = "#!" > < h5 class = "card-title mb-3" > Another blog post title< / h5 > < / a >
< p class = "card-text mb-0" > This text is a bit longer to illustrate the adaptive height of each card. Some quick example text to build on the card title and make up the bulk of the card's content.< / p >
< / div >
< div class = "card-footer p-4 pt-0 bg-transparent border-top-0" >
< div class = "d-flex align-items-end justify-content-between" >
< div class = "d-flex align-items-center" >
< img class = "rounded-circle me-3" src = "https://dummyimage.com/40x40/ced4da/6c757d" alt = "..." / >
< div class = "small" >
< div class = "fw-bold" > Josiah Barclay< / div >
< div class = "text-muted" > March 23, 2023 · 4 min read< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-lg-4 mb-5" >
< div class = "card h-100 shadow border-0" >
< img class = "card-img-top" src = "https://dummyimage.com/600x350/6c757d/343a40" alt = "..." / >
< div class = "card-body p-4" >
< div class = "badge bg-dark bg-gradient rounded-pill mb-2" > News< / div >
< a class = "text-decoration-none link-dark stretched-link" href = "#!" > < h5 class = "card-title mb-3" > The last blog post title is a little bit longer than the others< / h5 > < / a >
< p class = "card-text mb-0" > Some more quick example text to build on the card title and make up the bulk of the card's content.< / p >
< / div >
< div class = "card-footer p-4 pt-0 bg-transparent border-top-0" >
< div class = "d-flex align-items-end justify-content-between" >
< div class = "d-flex align-items-center" >
< img class = "rounded-circle me-3" src = "https://dummyimage.com/40x40/ced4da/6c757d" alt = "..." / >
< div class = "small" >
< div class = "fw-bold" > Evelyn Martinez< / div >
< div class = "text-muted" > April 2, 2023 · 10 min read< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Call to action -->
< aside class = "bg-dark bg-gradient rounded-3 p-4 p-sm-5 mt-5" >
< div class = "d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start" >
< div class = "mb-4 mb-xl-0" >
< div class = "fs-3 fw-bold text-white" > New products, delivered to you.< / div >
< div class = "text-white-50" > Sign up for our newsletter for the latest updates.< / div >
< / div >
< div class = "ms-xl-4" >
< div class = "input-group mb-2" >
< input class = "form-control" type = "text" placeholder = "Email address..." aria-label = "Email address..." aria-describedby = "button-newsletter" / >
< button class = "btn btn-outline-light" id = "button-newsletter" type = "button" > Sign up< / button >
< / div >
< div class = "small text-white-50" > We care about privacy, and will never share your data.< / div >
< / div >
< / div >
< / aside >
< / div >
< / section >
< / main >
<!-- Footer -->
< footer class = "bg-dark py-4 mt-auto" >
< div class = "container px-5" >
< div class = "row align-items-center justify-content-between flex-column flex-sm-row" >
< div class = "col-auto" > < div class = "small m-0 text-white" > Copyright © Your Website 2023< / div > < / div >
< div class = "col-auto" >
< a class = "link-light small" href = "#!" > Privacy< / a >
< span class = "text-white mx-1" > · < / span >
< a class = "link-light small" href = "#!" > Terms< / a >
< span class = "text-white mx-1" > · < / span >
< a class = "link-light small" href = "#!" > Contact< / a >
< / div >
< / div >
< / div >
< / footer >
<!-- Bootstrap core JS -->
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" > < / script >
<!-- Core theme JS -->
< script src = "js/scripts.js" > < / script >
< / body >
< / html >
