index.html

---
layout: app
---
<div class="container grid-xl home-container">
    <div class="logo-wrapper">
        <img src="img/hirusta-logo.png" alt="" class="logo">
    </div>
    <div class="home-description-container">
        <div class="columns">
            <div class="col col-8 col-mx-auto">
                <p>We are Hirusta, a group of people specialized in web development and data science, and we offer you the chance to launch your project on the net so you can take the most out of its advantages.</p>
            </div>
        </div>
    </div>
    <hr>
    <div class="services-container">
        <div class="columns services">
            <div class="column col-4">
                <img src="img/png/002-startup.png" alt="">
                <h3>web development</h3>
                <p>We develop tailored web applications, always taking into account vanguard practices of programming to create a secure, scalable, fast and continuously integrated codebase.</p>
            </div>
            <div class="column col-4">
                <img src="img/png/006-smartphone.png" alt="">
                <h3>app development</h3>
                <p>We create hybrid apps for the main portable devices on the market (Android and iOS). We use React Native to code ReactJS-based apps that compile down to native apps.</p>
            </div>
            <div class="column col-4">
                <img src="img/png/005-networking.png" alt="">
                <h3>data analytics</h3>
                <p>We are experts in managing, interpreting and giving insights on data of all kinds, from a variety of sources and formats, so that you can better understand how your business works.</p>
            </div>
        </div>
        <div class="columns services">
            <div class="column col-4">
                <img src="img/png/004-browser.png" alt="">
                <h3>machine learning</h3>
                <p>We develop predictive models that allow you to get accurate approximations of unlabeled data and clustering, using vanguard programming techniques and libraries.</p>
            </div>
            <div class="column col-4">
                <img src="img/png/003-shopping-bag.png" alt="">
                <h3>online marketing</h3>
                <p>Our creative partners are the perfect complement for your project to be transmitted in the most direct and efficient way. Contact us if you need professional video or photo editing.</p>
            </div>
            <div class="column col-4">
                <img src="img/png/001-route.png" alt="">
                <h3>custom programming</h3>
                <p>If your business has the need of very specific programming, we can develop tailored solutions that adjust to your needs. We study your use case and do our best to make it easy for you.</p>
            </div>
        </div>
    </div>
    <hr>
    <div class="tools-container">
        <div class="web">
                    <h2 class="title-center">our tools</h2>
            <div class="columns">
                <div class="column col-3 tool">
                    <h3>Laravel</h3>
                    <p>We use Laravel for data-centered web applications which require a fast development pace and require complex business logic on the backend side of things.</p>
                </div>
                <div class="column col-3 tool">
                    <h3>Wordpress</h3>
                    <p>We are experts in developing on Wordpress, a widely-used CMS which allows for fast development of static websites, which can also implement custom behaviors if needed.</p>
                </div>
                <div class="column col-3 tool">
                    <h3>VueJS</h3>
                    <p>This JavaScript library makes it easy to develop reactive interfaces that can be scaled and extended easily, making it a great choice as the basis for our projects' frontend basis.</p>
                </div>
                <div class="column col-3 tool">
                    <h3>React</h3>
                    <p>We use React and React Native to create hybrid mobile applications that behave just like their native counterparts, but with a faster development pace and better mantainability.</p>
                </div>
            </div>

            <div class="columns">

                <div class="column col-3 tool">
                    <h3>Python</h3>
                    <p>We use Python for developing APIs, data wrangling and scraping, as we have experienced it brings us the fastest and most painless way to do it.</p>
                </div>
                <div class="column col-3 tool">
                    <h3>Scikit-learn</h3>
                    <p>This set of tools gives us the ability to better understand your data and provide good performing predictive models that produce meaningful output. </p>
                </div>
                <div class="column col-3 tool">
                    <h3>R</h3>
                    <p>We use R to analyze datasets and produce statistical insights that help you make better business decisions. Our priority is creating understandable visual output.</p>
                </div>
                <div class="column col-3 tool">
                    <h3>GNU/Linux</h3>
                    <p>We believe the Linux operating system provides us with the best ecosystem for both producing and hosting our projects, both practically and philosophically.</p>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="projects-container">
        <h2 class="title-center">our projects</h2>
        <div class="columns projects">
            <div class="column col-6"> 
                <h3>Gizapedia</h3>
                <p>Encyclopedia written in basque that seeks to promote knowledge in a language with succint presence on the net. Gizapedia is our vision of how a digital encyclopedia should be.</p>
                <a href="https://gizapedia.hirusta.io">learn more</a>
            </div>
            <div class="column col-6">
                <h3>Predactive</h3>
                <p>A webapp that lets is users import ads from different platforms in order to have a global vision of how their marketing campaigns are working and how to optimize their investment.</p>
                <a href="http://adbibotech.com">learn more</a>
            </div>
        </div>
        <div class="columns projects">
            <div class="column col-6"> 
                <h3>Bioscio</h3>
                <p>Biochemistry blog featuring a knowledge base and advanced bibliography capabilities. It also implements LaTeX interpretation on the client side and GraphQL API.</p>
                <a href="javascript:void(0)">in development - coming soon</a>
            </div>
            <div class="column col-6">
                <h3>Harresia</h3>
                <p>Independent news page that discusses latest political, social and technological events. Harresia pursues to show a true critical viewpoint with no economical interest.</p>
                <a href="javascript:void(0)">in development - coming soon</a>
            </div>
        </div>
    </div>
    <hr>
    <div class="about-container">
        <h2 class="text-center">about us</h2>
        <div class="columns">
            
            <div class="column col-8">
                <div class="pwr" style="padding: 20px;">
                We are a development studio whose main raison d'être is learning from the work we do and improving it constantly to find a solution fitted perfectly to your needs. Our philosophy is that the better we do our job, the bigger the 
                impact it will make. We put our best effort on each project so that the final result is as good as possible.
                <br><br>
               Our team is based in Barcelona and Donostia-San Sebastián, but we have extensive experience on working remotely 
               on our projects. Hirusta has been around since 2015 making all kinds of applications, and has recently been 
               reinvented to offer data science for real-world problem solving.
               <br><br>
               Don't hesitate to contact us if you think we can be a good fit for your next big idea!
                </div>
            </div>
            <div class="column col-4">
                    <div id="map-wrapper">
                    <div id="map-home"></div>
                    </div>
                </div>
        </div>
    </div>
    <hr>
    <div class="contact-container contact">
        <h2 class="text-center">contact</h2>
        <div class="columns">
            <div class="col-6 col-mx-auto">
                    <span class="contact-text">like what we do?<br><br>drop us a message and we will contact you as soon as possible :)<br><br>
<!-- Calendly link widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>
you can also <a href="" onclick="Calendly.showPopupWidget('https://calendly.com/eneko/30min');return false;">schedule a 30 minute call with us</a>
<!-- Calendly link widget end -->
                    <form autocomplete="nope" action="https://formspree.io/exocuted@gmail.com" method="POST">
                        <label for="iname">Name</label>
                        <input name="nombre" id="iname" type="text" required>
                        <label for="imail">Email</label>
                        <input name="email" id="imail" type="email" required>
                        <label for="itelf">Phone number</label>
                        <input name="telf" id="itelf" type="text">
                        <input type="hidden" name="_next" value="hirusta.io/thanks" />
                        <label for="itelf">Your great idea</label>
                        <textarea name="message" id="imess" style="height: 200px;" name="" rows="10" cols="30" id=""></textarea>

                        <div class="checkbox">
                            <input type="checkbox" id="consent" required name="consent">
                            <label for="consent">By checking this you consent us to store your name and email.</label>
                        </div>

                        <button type="submit" id="isend">Send</button>
                        <div style="clear: both;"></div>
                    </form>
            </div>
        </div>
    </div>


</div>



<script>
let style_array = [
    {
        "featureType": "all",
        "elementType": "labels.text",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative.province",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative.locality",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "administrative.land_parcel",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "all",
        "stylers": [
            {
                "color": "#e5e8e7"
            },
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "landscape.man_made",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "landscape.natural",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#eeeede"
            },
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.attraction",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.government",
        "elementType": "geometry",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.medical",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.park",
        "elementType": "all",
        "stylers": [
            {
                "color": "#91b65d"
            },
            {
                "gamma": 1.51
            }
        ]
    },
    {
        "featureType": "poi.park",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.place_of_worship",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.school",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.sports_complex",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi.sports_complex",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#c7c7c7"
            },
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "all",
        "stylers": [
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "visibility": "simplified"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "labels.icon",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "simplified"
            },
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
            {
                "visibility": "simplified"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "all",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "visibility": "simplified"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "all",
        "stylers": [
            {
                "color": "#bae0e0"
            },
            {
                "visibility": "on"
            }
        ]
    }
];

function initMap() {
  // The location of Uluru
  var uluru = {lat: -25.344, lng: 131.036};
  // The map, centered at Uluru
  var map = new google.maps.Map(
      document.getElementById('map-home'), {zoom: 6, center: {
         lat: 42.3224449, lng: -0.1220037
      },
      styles: style_array,
      disableDefaultUI: true
      });
  // 43.309458, -2.001468
  // The marker, positioned at Uluru
  var marker = new google.maps.Marker({position: {
      lat: 43.309458,
      lng: -2.001468
  }, map: map, icon: 'img/marker.png'});

  var marker2 = new google.maps.Marker({position: {
      lat: 41.4136832,
      lng: 2.1559505
  }, map: map, icon: 'img/marker.png'});
}
</script>

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCaW9gQyq4us1xX_2Unr9qLtakMSnUVOn0&callback=initMap">
    </script>