<!DOCTYPE html>
<html lang="en">

  <head>

      <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
      <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
      <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
      <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
      <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
      <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
      <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
      <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
      <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
      <link rel="manifest" href="/manifest.json">
      <meta name="msapplication-TileColor" content="#ffffff">
      <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
      <meta name="theme-color" content="#ffffff">
    <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>The Machine - Consulting</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/stylish-portfolio.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <a class="menu-toggle rounded" href="#">
      <i class="fas fa-bars"></i>
    </a>
    <nav id="sidebar-wrapper">
      <ul class="sidebar-nav">
        <li class="sidebar-brand">
          <a class="js-scroll-trigger" href="#page-top">The Machine Consultancy</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#page-top">Home</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#about">About</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#services">Services</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#skills">Skills</a>
        </li>
        <li class="sidebar-nav-item">
            <a class="js-scroll-trigger" href="#brochure">Brochure</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#contact">Contact</a>
        </li>
      </ul>
    </nav>

    <!-- Header -->
    <header class="masthead d-flex">
      <div class="container text-center my-auto">
        <h1 class="mb-1">The Machine</h1>
        <h3 class="mb-5">
          <em>Human Consulting</em>
        </h3>
        <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
      </div>
      <div class="overlay"></div>
    </header>

    <!-- About -->
    <section class="content-section bg-light" id="about">
      <div class="container text-center">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h2>Get machines to work for you.</h2>
            <p class="lead mb-5">The Machine is a software consultancy focused on building and delivering exquisite software to humans.</p>
            <a class="btn btn-dark btn-xl js-scroll-trigger" href="#services">What We Offer</a>
          </div>
        </div>
      </div>
    </section>

    <!-- Services -->
    <section class="content-section bg-primary text-white text-center" id="services">
      <div class="container">
        <div class="content-section-heading">
          <h3 class="text-secondary mb-0">Services</h3>
          <h2 class="mb-5">What We Offer</h2>
        </div>
        <div class="row">
          <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
            <span class="service-icon rounded-circle mx-auto mb-3">
              <i class="icon-screen-smartphone"></i>
            </span>
            <h4>
              <strong>Advisory</strong>
            </h4>
            <p class="text-faded mb-0">Get actionable advice to boost your software projects</p>
          </div>
          <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
            <span class="service-icon rounded-circle mx-auto mb-3">
              <i class="icon-pencil"></i>
            </span>
            <h4>
              <strong>Implementation</strong>
            </h4>
            <p class="text-faded mb-0">We build and deliver top notch code and products</p>
          </div>
          <div class="col-lg-3 col-md-6 mb-5 mb-md-0">
            <span class="service-icon rounded-circle mx-auto mb-3">
              <i class="icon-phone"></i>
            </span>
            <h4>
              <strong>Technical support</strong>
            </h4>
            <p class="text-faded mb-0">Quick turnaround, making sure your software is looked after.</p>
          </div>
          <div class="col-lg-3 col-md-6">
            <span class="service-icon rounded-circle mx-auto mb-3">
              <i class="fas fa-building"></i>
            </span>
            <h4>
              <strong>Architecture</strong>
            </h4>
            <p class="text-faded mb-0">Requirements, Cloud Architecture and Audits</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Portfolio -->
    <section class="content-section" id="skills">
      <div class="container">
        <div class="content-section-heading text-center">
          <h3 class="text-secondary mb-0">Skills</h3>
          <h2 class="mb-5">Our specialties</h2>
        </div>
        <div class="row no-gutters">
          <div class="col-lg-6">
            <span class="portfolio-item">
              <span class="caption">
                <span class="caption-content">
                  <h2>Enterprise software</h2>
                  <p class="mb-0">Best of breed bespoke solutions, in Java or Go.</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-1.jpg" alt="">
            </span>
          </div>
          <div class="col-lg-6">
            <span class="portfolio-item">
              <span class="caption">
                <span class="caption-content">
                  <h2>Cloud infrastructure</h2>
                  <p class="mb-0">AWS and Docker coupled with continuous deployment.</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-2.jpg" alt="">
            </span>
          </div>
          <div class="col-lg-6">
            <span class="portfolio-item">
              <span class="caption">
                <span class="caption-content">
                  <h2>Blockchain</h2>
                  <p class="mb-0">Peer-to-peer applications, Ethereum-based middleware and oracles, Quorum-based solutions.</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-3.jpg" alt="">
            </span>
          </div>
          <div class="col-lg-6">
            <span class="portfolio-item">
              <span class="caption">
                <span class="caption-content">
                  <h2>Business Process Modelling</h2>
                  <p class="mb-0">Business Process Modelling, Metrics and Monitoring, as well as Adaptive Case Management.</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-4.jpg" alt="">
            </span>
          </div>
        </div>
      </div>
    </section>

    <!-- Callout -->
    <section class="callout" id="brochure">
        <div class="container text-center">
          <h2 class="mx-auto mb-5"></h2>
          <a class="btn btn-primary btn-xl" href="/one_pager.pdf" target="_blank">Download our brochure</a>
        </div>
    </section>

    <!-- Call to Action -->
    <section class="content-section bg-primary text-white text-center" id="contact">
        <div class="container">
          <div class="content-section-heading">
            <h3 class="text-secondary mb-0"></h3>
            <h2 class="mb-5">Contact us</h2>
          </div>
          <div class="row">
            <div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
              <span class="service-icon rounded-circle mx-auto mb-3">
                  <a href="/cdn-cgi/l/email-protection#b1d8dfd7def1c5d9d4dcd0d2d9d8dfd49fd8de8ec2c4d3dbd4d2c58cf8dfc0c4d8c3c8">
                <i class="fas fa-envelope"></i>
                </a>
              </span>
              <h4>
                <strong>Email</strong>
              </h4>
              <p class="text-faded mb-0"></p>
            </div>
            <div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
                <span class="service-icon rounded-circle mx-auto mb-3">
                    <a href="tel:+14084716784">
                  <i class="fas fa-phone"></i>
                  </a>
                </span>
                <h4>
                  <strong>Phone</strong>
                </h4>
                <p class="text-faded mb-0"></p>
              </div>
              <div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
                  <span class="service-icon rounded-circle mx-auto mb-3">
                      <a href="https://t.me/joinchat/AAAAAFOHnuLkKsslhg1jBQ">
                    <i class="fab fa-telegram-plane"></i>
                    </a>
                  </span>
                  <h4>
                    <strong>Telegram</strong>
                  </h4>
                  <p class="text-faded mb-0"></p>
                </div>
          </div>

        </div>
      </section>

    <!-- Footer -->
    <footer class="footer text-center">
      <div class="container">
        <ul class="list-inline mb-5">
          <li class="list-inline-item">
            <a class="social-link rounded-circle text-white mr-3" href="https://www.linkedin.com/company/the-machine-io/">
              <i class="icon-social-linkedin"></i>
            </a>
          </li>
          <li class="list-inline-item">
            <a class="social-link rounded-circle text-white mr-3" href="https://twitter.com/themachineio">
              <i class="icon-social-twitter"></i>
            </a>
          </li>
          <li class="list-inline-item">
            <a class="social-link rounded-circle text-white" href="https://www.github.com/tmio">
              <i class="icon-social-github"></i>
            </a>
          </li>
        </ul>
        <p class="text-muted small mb-0">Copyright &copy; The Machine Consultancy LLC 2018</p>
      </div>
    </footer>

    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
      <i class="fas fa-angle-up"></i>
    </a>

    <!-- Bootstrap core JavaScript -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/stylish-portfolio.min.js"></script>

  </body>

</html>
