2025-02-18 23:14:26 +01:00
<!DOCTYPE html>
< html lang = "en" >
< 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 -->
< link href = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel = "stylesheet" / >
<!-- Core theme CSS (includes Bootstrap) -->
< link href = "css/styles.css" rel = "stylesheet" / >
< / head >
< body class = "d-flex flex-column" >
< main class = "flex-shrink-0" >
<!-- Navigation -->
< nav class = "navbar navbar-expand-lg navbar-dark bg-dark" >
< div class = "container px-5" >
2025-02-20 22:20:49 +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 22:20:49 +01:00
< li class = "nav-item" > < a class = "nav-link" href = "index.html" > Start< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "about.html" > Technologie< / a > < / li >
< li class = "nav-item" > < a class = "nav-link active" 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-21 14:31:56 +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 >
<!-- Page content -->
< section class = "py-5" >
< div class = "container px-5" >
<!-- Contact form -->
< div class = "bg-light rounded-3 py-5 px-4 px-md-5 mb-5" >
< div class = "text-center mb-5" >
< div class = "feature bg-primary bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-envelope" > < / i > < / div >
< h1 class = "fw-bolder" > Get in touch< / h1 >
< p class = "lead fw-normal text-muted mb-0" > We'd love to hear from you< / p >
< / div >
< div class = "row gx-5 justify-content-center" >
< div class = "col-lg-8 col-xl-6" >
<!-- * * * * * * * * * * * * * * * -->
<!-- * * SB Forms Contact Form * * -->
<!-- * * * * * * * * * * * * * * * -->
<!-- This form is pre - integrated with SB Forms. -->
<!-- To make this form functional, sign up at -->
<!-- https://startbootstrap.com/solution/contact - forms -->
<!-- to get an API token! -->
< form id = "contactForm" data-sb-form-api-token = "API_TOKEN" >
<!-- Name input -->
< div class = "form-floating mb-3" >
< input class = "form-control" id = "name" type = "text" placeholder = "Enter your name..." data-sb-validations = "required" / >
< label for = "name" > Full name< / label >
< div class = "invalid-feedback" data-sb-feedback = "name:required" > A name is required.< / div >
< / div >
<!-- Email address input -->
< div class = "form-floating mb-3" >
< input class = "form-control" id = "email" type = "email" placeholder = "name@example.com" data-sb-validations = "required,email" / >
< label for = "email" > Email address< / label >
< div class = "invalid-feedback" data-sb-feedback = "email:required" > An email is required.< / div >
< div class = "invalid-feedback" data-sb-feedback = "email:email" > Email is not valid.< / div >
< / div >
<!-- Phone number input -->
< div class = "form-floating mb-3" >
< input class = "form-control" id = "phone" type = "tel" placeholder = "(123) 456-7890" data-sb-validations = "required" / >
< label for = "phone" > Phone number< / label >
< div class = "invalid-feedback" data-sb-feedback = "phone:required" > A phone number is required.< / div >
< / div >
<!-- Message input -->
< div class = "form-floating mb-3" >
< textarea class = "form-control" id = "message" type = "text" placeholder = "Enter your message here..." style = "height: 10rem" data-sb-validations = "required" > < / textarea >
< label for = "message" > Message< / label >
< div class = "invalid-feedback" data-sb-feedback = "message:required" > A message is required.< / div >
< / div >
<!-- Submit success message -->
<!-- -->
<!-- This is what your users will see when the form -->
<!-- has successfully submitted -->
< div class = "d-none" id = "submitSuccessMessage" >
< div class = "text-center mb-3" >
< div class = "fw-bolder" > Form submission successful!< / div >
To activate this form, sign up at
< br / >
< a href = "https://startbootstrap.com/solution/contact-forms" > https://startbootstrap.com/solution/contact-forms< / a >
< / div >
< / div >
<!-- Submit error message -->
<!-- -->
<!-- This is what your users will see when there is -->
<!-- an error submitting the form -->
< div class = "d-none" id = "submitErrorMessage" > < div class = "text-center text-danger mb-3" > Error sending message!< / div > < / div >
<!-- Submit Button -->
< div class = "d-grid" > < button class = "btn btn-primary btn-lg disabled" id = "submitButton" type = "submit" > Submit< / button > < / div >
< / form >
< / div >
< / div >
< / div >
<!-- Contact cards -->
< div class = "row gx-5 row-cols-2 row-cols-lg-4 py-5" >
< div class = "col" >
< div class = "feature bg-primary bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-chat-dots" > < / i > < / div >
< div class = "h5 mb-2" > Chat with us< / div >
< p class = "text-muted mb-0" > Chat live with one of our support specialists.< / p >
< / div >
< div class = "col" >
< div class = "feature bg-primary bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-people" > < / i > < / div >
< div class = "h5" > Ask the community< / div >
< p class = "text-muted mb-0" > Explore our community forums and communicate with other users.< / p >
< / div >
< div class = "col" >
< div class = "feature bg-primary bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-question-circle" > < / i > < / div >
< div class = "h5" > Support center< / div >
< p class = "text-muted mb-0" > Browse FAQ's and support articles to find solutions.< / p >
< / div >
< div class = "col" >
< div class = "feature bg-primary bg-gradient text-white rounded-3 mb-3" > < i class = "bi bi-telephone" > < / i > < / div >
< div class = "h5" > Call us< / div >
< p class = "text-muted mb-0" > Call us during normal business hours at (555) 892-9403.< / p >
< / div >
< / div >
< / 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 >
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
<!-- * * SB Forms JS * * -->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact - forms * * -->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
< script src = "https://cdn.startbootstrap.com/sb-forms-latest.js" > < / script >
< / body >
< / html >
