<div class="nav sticky-top"> <div class='blur'></div> <div class="col-12"> <div class="col-12 col-lg-10 col-xl-9 mx-auto px-0"> <div class="overall-nav row"> <div class="menu-toggler nav-bar w-100 py-3"> <nav class="navbar navbar-expand-lg custom-toggler bg-light "> <div class=""> <a class="p-0" href="/"> <img class="brand-image" src="/assets/showoff-brand-9eb8be4efe37ddbb82834f606cc39beb7111eed53ad704936afc429d9d2452e3.png" /> </a> </div> <button class="navbar-toggler mr-3" type="button" data-toggle="collapse" data-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 ml-auto"> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" role="button" data-target="#technology-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Services </a> <div id="technology-dropdown" class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/services/what_we_do">What we do</a> <a class="dropdown-item" href="/services/salesforce">Salesforce</a> <a class="dropdown-item" href="/services/heroku">Heroku</a> </div> </li> <li class="nav-item "> <a href="/clients">Clients</a> </li> <li class="nav-item active"> <a href="/technologies">Technologies</a> </li> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" role="button" data-target="#about-us-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="caret"> About Us<span class="caret"></span> </a> <div id="about-us-dropdown" class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/about_us/our_story"><span class="translation_missing" title="translation missing: en.menu.sub_entries.services.our_story">Our Story</span></a> <a class="dropdown-item" href="/about_us/partners"><span class="translation_missing" title="translation missing: en.menu.sub_entries.services.partners">Partners</span></a> </div> </li> <li class="nav-item "> <a href="/careers">Careers</a> </li> <li class="nav-item "> <a href="/resources">Resources</a> </li> <li class="nav-item d-inline"> <a class="btn contact-us-button m-3 m-lg-0" href="/contact">Contact Us</a> </li> </ul> </div> </nav> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-12"> <button type="button" id="sheep-wizard-button" class="d-none btn btn-primary" data-toggle="modal" data-target="#sheepWizardModal"></button> <div id="sheep-wizard-click" class="col-2"> <img class="sheep-wizard" alt="Talk-to-Showoff.png" src="/assets/sheep_images/sheep-wizard-106461c0f610434d15e46e79fdbc092789159725c8873b48a4a65797e3666210.png" /> </div> <div class="modal fade" id="sheepWizardModal" tabindex="-1" role="dialog" aria-labelledby="sheepWizardModal" aria-hidden="true"> <div class="row modal-dialog modal-positioning" role="document"> <div class="col-12 col-sm-9 col-md-7 col-xl-5 mx-auto"> <div class="modal-content p-sm-3"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="font-weight-bold apex-medium">Get in touch!</h4> </div> <div class="modal-body"> <form role="form" id="sheep-wizard-modal" action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" class="row needs-validation" novalidate> <input type=hidden name="oid" value="00D0Y000000rI3U"> <input type=hidden name="retURL" value="http://showoff.ie/technologies?sheep_submitted=true"> <input type=hidden name="Campaign_ID" value="7011v0000003d2D"> <div class="form-group col-6"> <label for="first_name">First Name</label> <input id="first_name" class="form-control" maxlength="40" name="first_name" size="20" type="text" required/> <div class="invalid-feedback"> Please enter a First Name </div> </div> <div class="form-group col-6"> <label for="last_name">Last Name</label> <input id="last_name" class="form-control" maxlength="80" name="last_name" size="20" type="text" required/> <div class="invalid-feedback"> Please enter a Last Name </div> </div> <div class="form-group col-12"> <label for="email">Email</label> <input id="email" class="form-control" maxlength="80" name="email" size="20" type="text" required/> <div class="invalid-feedback"> Please enter an Email </div> </div> <div class="form-group col-12"> <label for="company">Company (Optional)</label> <input id="company" class="form-control" maxlength="40" name="company" size="20" type="text"/> <div class="invalid-feedback"> Please enter a Company (Optional) </div> </div> <div class="form-group col-6"> <label for="city">City (Optional)</label> <input id="city" class="form-control" maxlength="40" name="city" size="20" type="text"/> <div class="invalid-feedback"> Please enter a City (Optional) </div> </div> <div class="form-group col-6"> <label for="country">Country (Optional)</label> <input id="country" class="form-control" maxlength="40" name="country" size="20" type="text"/> <div class="invalid-feedback"> Please enter a Country (Optional) </div> </div> <div class="form-group col-12"> <label for="country">Message</label> <textarea id="description" class="form-control" name="description" type="text" rows="5" required></textarea> <div class="invalid-feedback"> Please enter a Message </div> </div> <div class="col-12"> <button type="submit" class="btn btn-primary w-100">Send</button> </div> </form> </div> </div> </div> </div> </div> <div class="row"> <div id="hero" class="col"> <div class="row technologies-hero"> <div class="col homepage-heading"> <div class='row'> <div class="col-12 col-lg-10 col-xl-9 mx-auto text-left"> <h1 class="mb-4">Technologies</h1> </div> </div> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-12 col-lg-10 col-xl-9 mx-auto"> <div class="row my-5 pb-3"> <div class="Col-12 p-3"> <p class="homepage-line-height">We use a best in class technology stack, delivering trusted infrastructure for security, reliability, performance and scale. We are always learning and upskilling to stay ahead of the game, developing new frameworks and keeping up to speed with the latest programming languages. As each project is unique, we take great care to select the most suitable technologies for your project, resulting in a best in class product.</p> </div> </div> </div> </div> <div id="technologies-page" class="row pb-3 background-grey"> <div class="col-12 col-lg-10 col-xl-9 mx-auto"> <div class="row my-5 pb-3 px-2 px-lg-1"> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Heroku.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/001/original/heroku.png?1551198359" /> </div> <div class="col-12"> <h2>Heroku</h2> </div> <div class="col-12 mb-3"> <h5>A reliable, performant architecture hosting platform that provides the backbone to all our applications</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="AWS.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/002/original/aws.png?1551198361" /> </div> <div class="col-12"> <h2>AWS</h2> </div> <div class="col-12 mb-3"> <h5>A cloud platform, provided by Amazon, that allows for secure media hosting, push notifications and database management</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Rails.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/003/original/rails.png?1551198362" /> </div> <div class="col-12"> <h2>Rails</h2> </div> <div class="col-12 mb-3"> <h5>A web framework that provides everything needed to build robust, responsive APIs and Web Platforms</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Objective C & Swift.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/004/original/swift.png?1551198364" /> </div> <div class="col-12"> <h2>Objective C & Swift</h2> </div> <div class="col-12 mb-3"> <h5>Native iOS languages that provide the most responsive, intuitive interfaces in iOS applications</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Java & Kotlin.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/005/original/kotlin.png?1551198365" /> </div> <div class="col-12"> <h2>Java & Kotlin</h2> </div> <div class="col-12 mb-3"> <h5>Native Android languages that provide the most responsive, intuitive interfaces in Android applications</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="React JS.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/006/original/react.png?1551198367" /> </div> <div class="col-12"> <h2>React JS</h2> </div> <div class="col-12 mb-3"> <h5>A declarative, efficient, and flexible JavaScript library for building user interfaces</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Apache Kafka.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/007/original/apache_kafka.png?1551198368" /> </div> <div class="col-12"> <h2>Apache Kafka</h2> </div> <div class="col-12 mb-3"> <h5>Apache Kafka is a distributed streaming platform for building real-time data pipelines and stream processing applications</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Angular.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/008/original/angular.png?1551198370" /> </div> <div class="col-12"> <h2>Angular</h2> </div> <div class="col-12 mb-3"> <h5>AngularJS is a JavaScript-based open-source front-end web framework used for building user interfaces</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="Postgres.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/009/original/postgres.png?1551198371" /> </div> <div class="col-12"> <h2>Postgres</h2> </div> <div class="col-12 mb-3"> <h5>PostgreSQL, often simply Postgres, is an object-relational database management system with an emphasis on extensibility and standards compliance</h5> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 text-center px-4 pb-4 position-relative"> <div class="row text-center black-font technology-card p-3"> <div class="col-5 col-md-6 col-xl-5 mx-auto py-3"> <img class="w-100" alt="MongoDB.png" src="https://showoff-website-production.s3.amazonaws.com/technologies/images/000/000/010/original/mongo_db.png?1551198373" /> </div> <div class="col-12"> <h2>MongoDB</h2> </div> <div class="col-12 mb-3"> <h5>MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with schemata</h5> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer pt-3"> <div class="col-12 col-lg-10 col-xl-9 mx-auto mt-5 pb-3 border-bottom"> <div class="row"> <div class="col-12 col-md-4"> <div class="row"> <div class="col-12"> <h6 class="font-weight-bold mb-4">Menu</h6> </div> <div class="col-6"> <ul> <li> <a href="/">Home</a> </li> <li> <a href="/services/salesforce"><span class="translation_missing" title="translation missing: en.menu.sub_entries.salesforce">Salesforce</span></a> </li> <li> <a href="/services/heroku"><span class="translation_missing" title="translation missing: en.menu.sub_entries.heroku">Heroku</span></a> </li> <li> <a href="/services/what_we_do"><span class="translation_missing" title="translation missing: en.menu.sub_entries.what_we_do">What We Do</span></a> </li> <li> <a href="/resources">Resources</a> </li> </ul> </div> <div class="col-6"> <ul> <li> <a href="/clients">Clients</a> </li> <li> <a href="/about_us/our_story">About Us</a> </li> <li> <a href="https://blog.showoff.ie" target="_blank"> Blog </a> </li> <li> <a href="/about_us/policies">Policies</a> </li> <li> <a href="/contact">Contact</a> </li> </ul> </div> </div> </div> <div class="col-12 col-md-5 col-lg-6 d-none d-md-block"> <div class="row mt-5 mt-md-0 text-center text-md-left"> <div class="col-12 pr-md-5"> <p class="apex-medium">You have the idea, we have the solution.</p> </div> <div class="col-12 mt-4 mt-md-2"> <a class="btn clear-button col-6 col-sm-5 col-md-8 col-lg-6 col-xl-5" href="/contact">Get in touch</a> </div> </div> </div> <div class="col-12 col-md-3 col-lg-2"> <div class="row mt-5 mt-md-0" id="footer_contact"> <div class="col-12"> <h6 class="apex-medium mb-4">Contact</h6> </div> <div class="col-12"> <div class="row social-media-text"> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.facebook.com/showoff.ie/" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/facebook-16-7c3eebf2a2efd38c65a859ce491e8a2423890edbd6738c6010af7936242709b3.svg" /> <span class="my-auto">Facebook</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://twitter.com/showoff_ie" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/twitter-16-524c3b85bcd920fd8270cefb0aa63c0f8dcd97eb9a55ad2c1c0ea4a0a5688d06.svg" /> <span class="my-auto">Twitter</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.instagram.com/showoff_ie/" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/instagram-16-a0776eb12fe80a657e646a1b07aff189c865ce9c75861118b702758d10b5c409.svg" /> <span class="my-auto">Instagram</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.linkedin.com/company/showoff-ie/?originalSubdomain=ie" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/linkedin-9c72d6bc7a1471a3f62abcc19c5d40934bccce4c376f04ea7dc26c59fa197030.png" /> <span class="my-auto">LinkedIn</span> </a> </p> </div> </div> </div> </div> </div> <div class="col-12 col-md-5 col-lg-6 d-md-none"> <div class="row mt-5 mt-md-0 text-center text-md-left"> <div class="col-12 pr-md-5"> <p class="apex-medium">You have the idea, we have the solution.</p> </div> <div class="col-12 mt-4 mt-md-2"> <a class="btn clear-button col-6 col-sm-5 col-md-8 col-lg-6 col-xl-5" href="/contact">Get in touch</a> </div> </div> </div> <div class="col-12 mt-4 mb-2 mt-md-4 mb-md-0 text-center text-md-left"> <span class="apex-book">All rights reserved. © Showoff. 2020</span> </div> </div> </div> <div class="col-12 col-lg-10 col-xl-9 mx-auto px-lg-0"> <div class="row"> <a class="col-6 col-md-3 col-xl-2" href="/services/salesforce"> <img class="w-100 salesforce-footer-logo px-0 py-3 ml-auto mx-md-0 d-block" alt="Salesforce-Registered-Consulting-Partner.png" src="/assets/salesforce/salesforce_consulting_partner-2c41b6dc779ae765bb761b8ccfc10affdaae8b9e17903db22bc7997e54481b5d.png" /> </a> <a class="col-6 col-md-3" href="/services/heroku"> <img class="w-100 salesforce-footer-logo px-0 py-3 mx-auto mx-md-0 d-block" alt="Salesforce-Heroku-Partner.png" src="/assets/salesforce/salesforce_heroku_partner-7b02844412d22fa78a804775cecafe075caf1ab582f6354396d3672e2b190608.png" /> </a> <div class="col-12 col-md-6 offset-xl-1"> <div class="text-center text-md-right"> <a href='http://guaranteedirish.ie/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Guaranteed-Irish.png" src="/assets/logos/partners/partner-gi-36-4b41ee74b8274fbd6534f05be18b2006cd2e1c47c07ee1ec470123c6315becdd.svg" /> </a> <a href='https://www.enterprise-ireland.com/en/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Enterprise-Ireland.png" src="/assets/logos/partners/partner-ei-36-f475f38b00a069c6a10ab6ad3ec06cd7518b7f49a3628b3c67c8fcf7173c257c.svg" /> </a> <a href='http://www.ibye.ie/' target="_blank"> <img class="footer-logo px-0 py-3" alt="IBYE.png" src="/assets/logos/partners/partner-leo-36-ba961751ec1df977954387f70e8d622ee75e677081201bf6a2c23c6a195f2423.svg" /> </a> <a href='https://pledge1percent.org/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Pledge1percent.png" src="/assets/logos/partners/partner-pledge-1-36-8cec1f6e915f2fb35299ac0b19afcee27172ac49982f9a5db429edadfdd26632.svg" /> </a> <a href="/about_us/our_story"> <img class="footer-logo px-0 py-3" alt="Showoff-Sheep.png" src="/assets/logos/sheep-5a57c8858c247742819ff0bb6087ddd6508a5b91621373faecc96089cd301b3d.svg" /> </a> </div> </div> </div> </div> </footer> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHj5zzIAVI9tuDwA2umYSYZtG2A7mYkX8" async defer></script> </body> </html>