contact.html

<!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 id="mainTitleContact">AixKare, Contact page</title>
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
        <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/styles.css" rel="stylesheet" />
        <script type="text/javascript">
            var _langContainer = null;
            var _lang = null;
            const searchParams = new URLSearchParams(window.location.search);
            if(typeof searchParams != 'undefined' && (searchParams != null) & searchParams.has('lang') ) {
              _lang = searchParams.get('lang');
            }
        </script>
        <script src="js/holder.js"></script>
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        <script src="js/js.cookie.js"></script>
        <script src="js/scripts.js"></script>
        <script src="js/utils.js"></script>
    </head>
    <body>
        <header id="headerId">
            <nav class="navbar navbar-dark bg-dark" aria-label="Main navbar">
                <div class="container-fluid">
                    <a id="anchor-logo" href="index.html?lang=en"><img class="navbar-brand brand-logo" src="assets/img/AiXKare_Logo.png" alt="Logo of AIXKARE"></a>
                    <div class="dropdown-flags">
                        <button class="btn btn-secondary dropdown-toggle btn-black" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          <span id="span-flag" class="visually-hidden">English</span>
                          <i id="i-flag" class="flag-usa flag m-0"></i>
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item-flags" href="#" onclick="setEnglish();">
                                <span id="spanEng">English</span>
                                <i class="flag-usa flag m-0"></i>
                              </a>
                              <a class="dropdown-item-flags" href="#" onclick="setSpanish();">
                                <span id="spanSpa">Spanish</span>
                                <i class="flag-mexico flag m-0"></i>
                              </a>
                              <a class="dropdown-item-flags" href="#" onclick="setPortuguese();">
                                <span id="spanPor">Portuguese</span>
                                <i class="flag-brasil flag m-0"></i>
                              </a>
                        </div>
                      </div>
                    <button id="buttonMenu" class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="navbar-collapse collapse" id="navbar01">
                    <ul class="navbar-nav me-auto mb-2">
                        <li class="nav-item">
                            <a id="home" class="nav-link" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a id="about" class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a id="products" class="nav-link" href="prodandserv.html">Products and Services</a>
                        </li>
                        <li class="nav-item">
                            <a id="contact" class="nav-link active nav-link-disabled-inside" aria-current="page" href="#">Contact</a>
                        </li>
                        <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Apps</a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">Locator</a></li>
                            <li><a class="dropdown-item" href="#">Discovery</a></li>
                            <li><a class="dropdown-item" href="#">Assesor</a></li>
                        </ul>
                        </li>
                    </ul>
                    </div>
                </div>
            </nav>
        </header>
        <section>
            <div class="container">
                <div class="row py-5">
                    <div class="col-xl-9 mx-auto">
                        <div class="cta-inner bg-faded rounded padding-2rem">
                            <h2 class="section-heading text-center mb-5">
                                <span id="spanHeadingContact" class="section-heading-upper">Wanna know more?...</span>
                                <span id="spanSubHeadingContact" class="section-heading-lower">Leave a comment below, we are at your service.</span>
                            </h2>
                            <form id="contactForm" action="https://j6wrsf4g5k.execute-api.us-east-1.amazonaws.com/interaction/interaction?lang=en">
                                <div class="mb-3">
                                    <label id="labelEmail" for="formControlInputMail" class="contact-header text-start form-label">Email:</label>
                                    <input id="inputEmail" type="email" class="form-control" id="formControlInputMail" name="formControlMail" placeholder="name@domain.com">
                                </div>
                                <div class="mb-3">
                                    <label id="labelText" for="formControlInputTextarea" class="contact-header text-start form-label">Comment:</label>
                                    <textarea id="textText" type="textarea"  class="form-control" id="formControlInputTextarea" name="formControlTextarea" rows="3" placeholder="My comment is about..."></textarea>
                                </div>
                                <div class="mb-3">
                                    <label id="labelSend" for="submitButton" class="label-invisible">Button to send:</label>
                                    <button id="buttonSend" class="btn btn-primary btn-xm" rows="2" type="submit" id="submitButton">Send</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page-section-about clearfix">
            <div class="container">
                <div class="intro">
                    <div class="about-text
                                left-0
                                text-left
                                bg-faded
                                p-5
                                rounded">
                        <h2 class="section-heading mb-9 heading-about">
                            <span id="spanHeaderAbout" class="section-heading-upper">Artificial Intelligence eXtended for K(c)are</span>
                            <span id="spanSubHeaderAbout" class="section-heading-lower">About us</span>
                        </h2>
                        <p id="paragraphAbout" class="font-size-1rem">Company founded in 2019, whose mission is to provide well-being to our customers through technological products focused on Healtcare.</p>
                        <p id="paragraphInnerAbout" class="font-size-1rem">
                            We help you to
                            <em> be safe and/or take care</em>
                            of those who matter most to you.
                        </p>
                    </div>
                    <img class="img-about rounded" src="assets/img/health_care.jpg" alt="..." />
                </div>
            </div>
        </section>
        <footer class="footer text-faded text-center py-3">
            <div class="container">
                <p id="rights" class="m-0 small">
                    All rights reserved &copy; AixKare 2023
                </p>
            </div>
        </footer>
        <script src="js/lang.js"></script>        
    </body>
</html>