<commit_before><!-- Copyright 2014 CINC (www.infocinc.com)
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en" prefix="og: http://ogp.me/ns#">
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Infocinc: Responsive Web Design | Montreal Consulting</title>
    <meta property="fb:admins" content="699841262" />
    <meta property="og:title" content="Infocinc" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Infocinc is an enterprise from the region of Montreal specializing in responsive web design, data mining and visualization. Contact us at <EMAIL>" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="http://www.infocinc.com" />
    <meta property="og:image" content="http://www.infocinc.com/img/cinc-logo_big.png" />

    <meta name="description" content="Infocinc is an enterprise from the region of Montreal specializing in responsive web design, data mining and visualization." />
    <meta name="keywords" content="Infocinc, Responsive Web Design, Montreal, Data Mining, Visualization" />

    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1" />
    <link rel="canonical" href="http://www.infocinc.com" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/main.min.css" />
    <link href="https://plus.google.com/+infocinc" rel="publisher" />
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>



<body itemscope itemtype="http://schema.org/ProfessionalService">

    <!--[if lt IE 9]>
            <p class="chromeframe" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> </p>
        <![endif]-->

    <!-- Modals -->
    <div class="modal fade" id="telCinc" tabindex="-1" role="dialog" aria-labelledby="contactLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;</button>
                </div>
                <div class="modal-body">
                    <ul class="text-center">
                        <li class="list-group-item">
                            <strong>CONTACT</strong>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type red">email</span>  <a href="mailto:<EMAIL>"><EMAIL></a>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type blue">twitter</span>  <a href="https://twitter.com/infoCinc" target="_blank"> @infoCinc</a>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type orange">mobile</span> 
                            <span>438 496 6886</span> 
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type purple">skype</span>  <a href="#" data-toggle="modal" data-target="#skypeCinc">infocinc </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

   

    <div class="modal fade" id="skypeCinc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body text-center">
                    <ul>
                        <li class="list-group-item">
                            <strong>PREREQUISITES!</strong>
                        </li>
                        <li class="list-group-item"><a href="http://www.skype.com/en/download-skype/click-to-call"> Skype click to call extension</a>
                        </li>

                        <li class="list-group-item">Skype Application</li>
                        <hr></hr>
                        <li class="list-group-item">
                            For Windows 8 desktop users, please download <a href="http://www.skype.com/en/download-skype/skype-for-computer"> Skype desktop.</a>
                        </li>
                        <li class="list-group-item">The native Skype app pre-installed with Windows 8 is not detected by the Skype click to call extension for Chrome.
                        </li>
                        <li class="list-group-item">I'm feeling lucky:</li>
                    </ul>
                    <div class="skype-call-wrapper text-center">
                        <a id='skype-call-anchor' href="#">
                            <span>CALL INFOCINC</span> 
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modals -->

    <!-- Loader icon !-->

    <div id='main'>
        <script>
        var m = document.getElementById("main");
        m.className = 'invisible';
        </script>

        <div id="fb-root"></div>

        <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=257336651130199&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        </script>

        <div id='fixed-icons'>
            <div id='phone-logo-wrapper' class="desktop-hide invisible">
                <a id='phone-logo-anchor' href="tel:+14384966886">
                    <span class="glyphicon glyphicon-earphone"></span>
                </a>
            </div>
            <div id='mail-logo-wrapper' class="desktop-hide invisible">
                <a id='mail-logo-anchor' href="mailto:<EMAIL>?Subject=Contact">
                    <span class="glyphicon glyphicon-envelope"></span>
                </a>
            </div>
            <div id='arrow-up' class='desktop-hide invisible'>
                <a id='arrow-up-anchor' href="#navbar">
                    <span class="glyphicon glyphicon-arrow-up"></span>
                </a>
            </div>
        </div>

        <nav id="navbar">
            <div class="container">
                <div class="row">
                    <div id="main-title" class="nav-item">
                        <div class="text-center">
                            <h2 class="prefix">Info</h2>
                            <h1>
                                <a id="top-hero-anchor" href="#margin-top">[IN[</a>
                            </h1>
                            <h2>Technology Services and Consulting</h2>
                        </div>
                    </div>
                    <div id="main-nav" class="nav-item">
                        <ul>
                            <li class="nav-item"><a id="services-hero-anchor" href="#services-banner">services</a>
                            </li>
                            <li class="nav-item"><a id="method-hero-anchor" href="#method-banner">about </a>
                            </li>
                            <li class="nav-item"><a id="team-hero-anchor" href="#team-banner">team</a>
                            </li>
                            <li class="nav-item"><a id="project-hero-anchor" href="#project-banner">projects</a>
                            </li>
                            <li class="nav-item"><a id="contact-hero-anchor" href="#footer">contact</a>
                            </li>
                        </ul>
                    </div>
                    <div id="social-icons" class="nav-item">
                        <a id="phone_anchor" href="#" class="nav-item">
                            <img id="phone-logo" src="img/maillogo.png" alt='Contact'>
                        </a>
                        <a href="#" data-target="#skypeCinc" data-toggle="modal" class="nav-item">
                            <img id="skype-logo" src="img/skypelogo.png" alt='Skype'>
                        </a>
                        <a id='fbook-anchor' href="https://facebook.com/infocinc" target="_blank" class="nav-item">
                            <img id='facebook-logo' src="img/facebooklogo.png" alt='Facebook'>
                        </a>
                        <a href="https://plus.google.com/+infocinc" target="_blank" rel="publisher" target="_blank" class="nav-item">
                            <img id="googleplus-logo" src="img/googlepluslogo.png" alt='Google+'>
                        </a>
                        <a href="https://twitter.com/infocinc" target="_blank" class="nav-item">
                            <img id="twitter-logo" src="img/twitterlogo.png" alt='Twitter'>
                        </a>

                    </div>
                </div>
            </div>
            <div id='lang-wrapper'>
                <p> <a href='/' id='lang-anchor'>
               FRANÇAIS</a>
                </p>
            </div>

        </nav>

        <div id="margin-top" class="mobile-hide"></div>

        <section id="top" class="background-container container-fluid">
            <div class="slider cadre text-center">
                <figure class="slide ">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/creative_sm.jpg 640px, img/creative_smd.jpg 768px, img/creative_md.jpg 1309px, img/creative_lg.jpg 1744px" alt="Creative">
                    </img>
                    <figcaption>Creative</figcaption>
                </figure>
                <figure class="slide hide">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/reflexive_sm.jpg 640px, img/reflexive_smd.jpg 768px, img/reflexive_md.jpg 1309px, img/reflexive_lg.jpg 1744px" alt="Reflective">
                    </img>
                    <figcaption>Reflective</figcaption>
                </figure>
                <figure class="slide hide">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/origin_sm.jpg 640px, img/origin_smd.jpg 768px, img/origin_md.jpg 1309px, img/origin_lg.jpg 1744px" alt="Origin">
                    </img>
                    <figcaption>Origin</figcaption>
                </figure>
            </div>
        </section>
        <div id="main-nav-1" class="center-navigation">
            <a id="service-nav-anchor" href="#services-banner" class="btn btn-default">
                <span class="glyphicon glyphicon-play rotate-90 white "></span> 
            </a>
            <div class="responsive-line"></div>
        </div>


        <section id="services-banner" class="container-fluid banner ">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-12 col-lg-offset-0">
                        <header>We offer technology services to companies </header>
                        <p itemprop="description">Infocinc is a small enterprise from the region of Montreal specializing in responsive web design, data mining and visualization. No matter what the project is about, we strive to infuse quality and intelligence in our services. We are forward thinkers and pushes ourselves to create innovative solutions for our customers.  
                        </p>
                        <footer>Here's a quick tour of our current services:</footer>
                    </div>
                </div>
                <div class="row center-navigation">
                    <a id="service-nav-slide-anchor" href="#slide-one" class="btn border">
                        <span class="glyphicon glyphicon-play rotate-90 black "></span> 
                    </a>
                </div>
            </div>
        </section>


        <section id="services" class="container-fluid ">

            <div class='container'>
                <div id="slide-one" class="slide-nav">
                    <div class="v-line"></div>
                    <div class="slide-box">
                        <span>1</span> 
                    </div>
                </div>

                <div id='services-icons' class="row ">
                    <div class="col-sm-4">
                        <div class="button-padding desktop-hide"></div>
                        <button id="website-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="website-img" src="img/www.png" alt="Web button"></img>
                        </button>
                        <div class="button-caption">WEB</div>
                        <div id="website-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('website-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Responsive Web Design</h2>
                            <p>
                                We create websites that adapts their visual, textual and interactive features according to the user's device characteristics. No need for an additional mobile domain to broadcast your content on Androids or iPhones. Responsive web design has you covered. 
                            </p>
                            <h2>Website Upgrade</h2>
                            <p>
                                We rethink and refactor existing websites to upgrade you with the latest technologies available: google maps v3.0, better YouTube api integration, open graph/structured data tags, responsive features, tag management, etc..  
                            </p>
                        </div>
                        <div id="website-photo" class="desktop-hide text-center">
                            <img id="website-img" sizes="(min-width:1200px) 600px, (min-width:992px) 450px, (min-width:768px) 520px, (min-width:560px) 400px, 80vw" srcset="img/responsive_sm.jpg 529px, img/responsive_md.jpg 793px, img/responsive_lg.png 1041px" alt="Responsive web design">
                            </img>
                        </div>
                    </div>

                    <div class='mobile-break desktop-hide'></div>

                    <div class="col-sm-4 ">
                        <div class="button-padding desktop-hide"></div>

                        <button id="scrape-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="scrape-img" src="img/scrape.png" alt="Data mining"></img>
                        </button>

                        <div class="button-caption">MINING</div>

                        <div id="scrape-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('scrape-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Web Content Extraction</h2>
                            <p>We design, build and automate programmable robots that will connect to websites and scrape web content (i.e. html tables, excel spreadsheets, unstructured data).  
                            </p>
                            <h2>Data Mining</h2>
                            <p>
                                We can extract the intelligence out of your data you carefully collected using a series of complex SQL queries, regression algorithms, PCA and other unsupervised learning techniques. 
                            </p>
                        </div>
                        <div id="scrape-photo" class="desktop-hide text-center">
                            <img id="scrape-img" sizes="(min-width:1200px) 600px, (min-width:992px) 450px, (min-width:768px) 520px, (min-width:560px) 400px, 80vw" srcset="img/miners_sm.jpg 529px, img/miners_md.jpg 793px, img/miners_lg.png 1041px" alt="Data mining">
                            </img>
                        </div>
                    </div>
                    <div class='mobile-break desktop-hide'></div>

                    <div class="col-sm-4 ">
                        <div class="button-padding desktop-hide"></div>

                        <button id="excel-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="excel-img" src="img/visualize.png" alt="Visualization"></img>
                        </button>

                        <div class="button-caption">VISUALISATION</div>

                        <div id="excel-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('excel-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Custom Dashboards</h2>
                            <p>
                                To help you understand what your data are saying to you, we build responsive web apps that contain interactive charts, tables and real-time data updating. </p>
                            <h2>Excel Automation</h2>
                            <p>
                                Reduce your amount of repetitive and manual data entry work. We can build custom macros to automate the process of refreshing and displaying your data.
                            </p>
                        </div>

                        <div id="excel-photo" class="desktop-hide text-center">
                            <div id='excel-wrapper-canvas'>
                                <canvas id='excel-canvas'>
                                </canvas>
                            </div>
                        </div>
                    </div>
                    <div class='mobile-break desktop-hide'></div>

                </div>
            </div>
        </section>

        <div id='screen-services' class="container-fluid mobile-hide box ">
            <div class="row ">
                <div id='screen-services-visual' class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0 col-lg-7 text-center">
                    <div id='screen-services-photo'>
                    </div>
                    <div id='screen-canvas-wrapper'>
                        <canvas id='screen-canvas'></canvas>
                    </div>

                </div>
                <div id='screen-services-text' class="content-block col-sm-8 col-sm-offset-2 col-md-offset-0 col-md-6 col-lg-4 ">
                </div>
            </div>
        </div>

        <div id="main-nav-2" class="center-navigation">
            <div>

                <a id="method-nav-anchor" href="#method-banner" class="btn btn-default">
                    <span class="glyphicon glyphicon-play rotate-90 white"></span> 
                </a>
                <div class="v-md-line"></div>
            </div>
        </div>



        <section id="method-banner" class="container-fluid banner ">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-12 col-lg-offset-0">
                        <header>Our approach is scientific 
                        </header>
                        <p>
                            We don't solely rely on our previous experiences to assure us of success. Our background in computer science research taught us to take a more formal approach to our projects. We like to engineer solutions. Our mission is to provide you with technology services based on verifiable facts, that follows precise specifications and meet the requirements established by our clients.  
                        </p><commit_msg>fix typo<commit_after><!-- Copyright 2014 CINC (www.infocinc.com)
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en" prefix="og: http://ogp.me/ns#">
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Infocinc: Responsive Web Design | Montreal Consulting</title>
    <meta property="fb:admins" content="699841262" />
    <meta property="og:title" content="Infocinc" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Infocinc is an enterprise from the region of Montreal specializing in responsive web design, data mining and visualization. Contact us at <EMAIL>" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="http://www.infocinc.com" />
    <meta property="og:image" content="http://www.infocinc.com/img/cinc-logo_big.png" />

    <meta name="description" content="Infocinc is an enterprise from the region of Montreal specializing in responsive web design, data mining and visualization." />
    <meta name="keywords" content="Infocinc, Responsive Web Design, Montreal, Data Mining, Visualization" />

    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1" />
    <link rel="canonical" href="http://www.infocinc.com" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/main.min.css" />
    <link href="https://plus.google.com/+infocinc" rel="publisher" />
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>



<body itemscope itemtype="http://schema.org/ProfessionalService">

    <!--[if lt IE 9]>
            <p class="chromeframe" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> </p>
        <![endif]-->

    <!-- Modals -->
    <div class="modal fade" id="telCinc" tabindex="-1" role="dialog" aria-labelledby="contactLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;</button>
                </div>
                <div class="modal-body">
                    <ul class="text-center">
                        <li class="list-group-item">
                            <strong>CONTACT</strong>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type red">email</span>  <a href="mailto:<EMAIL>"><EMAIL></a>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type blue">twitter</span>  <a href="https://twitter.com/infoCinc" target="_blank"> @infoCinc</a>
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type orange">mobile</span> 
                            <span>438 496 6886</span> 
                        </li>
                        <li class="list-group-item">
                            <span class="contact-type purple">skype</span>  <a href="#" data-toggle="modal" data-target="#skypeCinc">infocinc </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

   

    <div class="modal fade" id="skypeCinc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body text-center">
                    <ul>
                        <li class="list-group-item">
                            <strong>PREREQUISITES!</strong>
                        </li>
                        <li class="list-group-item"><a href="http://www.skype.com/en/download-skype/click-to-call"> Skype click to call extension</a>
                        </li>

                        <li class="list-group-item">Skype Application</li>
                        <hr></hr>
                        <li class="list-group-item">
                            For Windows 8 desktop users, please download <a href="http://www.skype.com/en/download-skype/skype-for-computer"> Skype desktop.</a>
                        </li>
                        <li class="list-group-item">The native Skype app pre-installed with Windows 8 is not detected by the Skype click to call extension for Chrome.
                        </li>
                        <li class="list-group-item">I'm feeling lucky:</li>
                    </ul>
                    <div class="skype-call-wrapper text-center">
                        <a id='skype-call-anchor' href="#">
                            <span>CALL INFOCINC</span> 
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modals -->

    <!-- Loader icon !-->

    <div id='main'>
        <script>
        var m = document.getElementById("main");
        m.className = 'invisible';
        </script>

        <div id="fb-root"></div>

        <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=257336651130199&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        </script>

        <div id='fixed-icons'>
            <div id='phone-logo-wrapper' class="desktop-hide invisible">
                <a id='phone-logo-anchor' href="tel:+14384966886">
                    <span class="glyphicon glyphicon-earphone"></span>
                </a>
            </div>
            <div id='mail-logo-wrapper' class="desktop-hide invisible">
                <a id='mail-logo-anchor' href="mailto:<EMAIL>?Subject=Contact">
                    <span class="glyphicon glyphicon-envelope"></span>
                </a>
            </div>
            <div id='arrow-up' class='desktop-hide invisible'>
                <a id='arrow-up-anchor' href="#navbar">
                    <span class="glyphicon glyphicon-arrow-up"></span>
                </a>
            </div>
        </div>

        <nav id="navbar">
            <div class="container">
                <div class="row">
                    <div id="main-title" class="nav-item">
                        <div class="text-center">
                            <h2 class="prefix">Info</h2>
                            <h1>
                                <a id="top-hero-anchor" href="#margin-top">[IN[</a>
                            </h1>
                            <h2>Technology Services and Consulting</h2>
                        </div>
                    </div>
                    <div id="main-nav" class="nav-item">
                        <ul>
                            <li class="nav-item"><a id="services-hero-anchor" href="#services-banner">services</a>
                            </li>
                            <li class="nav-item"><a id="method-hero-anchor" href="#method-banner">about </a>
                            </li>
                            <li class="nav-item"><a id="team-hero-anchor" href="#team-banner">team</a>
                            </li>
                            <li class="nav-item"><a id="project-hero-anchor" href="#project-banner">projects</a>
                            </li>
                            <li class="nav-item"><a id="contact-hero-anchor" href="#footer">contact</a>
                            </li>
                        </ul>
                    </div>
                    <div id="social-icons" class="nav-item">
                        <a id="phone_anchor" href="#" class="nav-item">
                            <img id="phone-logo" src="img/maillogo.png" alt='Contact'>
                        </a>
                        <a href="#" data-target="#skypeCinc" data-toggle="modal" class="nav-item">
                            <img id="skype-logo" src="img/skypelogo.png" alt='Skype'>
                        </a>
                        <a id='fbook-anchor' href="https://facebook.com/infocinc" target="_blank" class="nav-item">
                            <img id='facebook-logo' src="img/facebooklogo.png" alt='Facebook'>
                        </a>
                        <a href="https://plus.google.com/+infocinc" target="_blank" rel="publisher" target="_blank" class="nav-item">
                            <img id="googleplus-logo" src="img/googlepluslogo.png" alt='Google+'>
                        </a>
                        <a href="https://twitter.com/infocinc" target="_blank" class="nav-item">
                            <img id="twitter-logo" src="img/twitterlogo.png" alt='Twitter'>
                        </a>

                    </div>
                </div>
            </div>
            <div id='lang-wrapper'>
                <p> <a href='/' id='lang-anchor'>
               FRANÇAIS</a>
                </p>
            </div>

        </nav>

        <div id="margin-top" class="mobile-hide"></div>

        <section id="top" class="background-container container-fluid">
            <div class="slider cadre text-center">
                <figure class="slide ">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/creative_sm.jpg 640px, img/creative_smd.jpg 768px, img/creative_md.jpg 1309px, img/creative_lg.jpg 1744px" alt="Creative">
                    </img>
                    <figcaption>Creative</figcaption>
                </figure>
                <figure class="slide hide">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/reflexive_sm.jpg 640px, img/reflexive_smd.jpg 768px, img/reflexive_md.jpg 1309px, img/reflexive_lg.jpg 1744px" alt="Reflective">
                    </img>
                    <figcaption>Reflective</figcaption>
                </figure>
                <figure class="slide hide">
                    <img sizes="(min-width: 1600px) 1305px, (min-width:1200px) 1082px, (min-width:992px) 894px, (min-width:768px) 738px, 100vw" srcset="img/origin_sm.jpg 640px, img/origin_smd.jpg 768px, img/origin_md.jpg 1309px, img/origin_lg.jpg 1744px" alt="Origin">
                    </img>
                    <figcaption>Origin</figcaption>
                </figure>
            </div>
        </section>
        <div id="main-nav-1" class="center-navigation">
            <a id="service-nav-anchor" href="#services-banner" class="btn btn-default">
                <span class="glyphicon glyphicon-play rotate-90 white "></span> 
            </a>
            <div class="responsive-line"></div>
        </div>


        <section id="services-banner" class="container-fluid banner ">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-12 col-lg-offset-0">
                        <header>We offer technology services to companies </header>
                        <p itemprop="description">Infocinc is a small enterprise from the region of Montreal specializing in responsive web design, data mining and visualization. No matter what the project is about, we strive to infuse quality and intelligence in our services. We are forward thinkers and pushes ourselves to create innovative solutions for our customers.  
                        </p>
                        <footer>Here's a quick tour of our current services:</footer>
                    </div>
                </div>
                <div class="row center-navigation">
                    <a id="service-nav-slide-anchor" href="#slide-one" class="btn border">
                        <span class="glyphicon glyphicon-play rotate-90 black "></span> 
                    </a>
                </div>
            </div>
        </section>


        <section id="services" class="container-fluid ">

            <div class='container'>
                <div id="slide-one" class="slide-nav">
                    <div class="v-line"></div>
                    <div class="slide-box">
                        <span>1</span> 
                    </div>
                </div>

                <div id='services-icons' class="row ">
                    <div class="col-sm-4">
                        <div class="button-padding desktop-hide"></div>
                        <button id="website-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="website-img" src="img/www.png" alt="Web button"></img>
                        </button>
                        <div class="button-caption">WEB</div>
                        <div id="website-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('website-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Responsive Web Design</h2>
                            <p>
                                We create websites that adapts their visual, textual and interactive features according to the user's device characteristics. No need for an additional mobile domain to broadcast your content on Androids or iPhones. Responsive web design has you covered. 
                            </p>
                            <h2>Website Upgrade</h2>
                            <p>
                                We rethink and refactor existing websites to upgrade you with the latest technologies available: google maps v3.0, better YouTube api integration, open graph/structured data tags, responsive features, tag management, etc..  
                            </p>
                        </div>
                        <div id="website-photo" class="desktop-hide text-center">
                            <img id="website-img" sizes="(min-width:1200px) 600px, (min-width:992px) 450px, (min-width:768px) 520px, (min-width:560px) 400px, 80vw" srcset="img/responsive_sm.jpg 529px, img/responsive_md.jpg 793px, img/responsive_lg.png 1041px" alt="Responsive web design">
                            </img>
                        </div>
                    </div>

                    <div class='mobile-break desktop-hide'></div>

                    <div class="col-sm-4 ">
                        <div class="button-padding desktop-hide"></div>

                        <button id="scrape-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="scrape-img" src="img/scrape.png" alt="Data mining"></img>
                        </button>

                        <div class="button-caption">MINING</div>

                        <div id="scrape-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('scrape-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Web Content Extraction</h2>
                            <p>We design, build and automate programmable robots that will connect to websites and scrape web content (i.e. html tables, excel spreadsheets, unstructured data).  
                            </p>
                            <h2>Data Mining</h2>
                            <p>
                                We can extract the intelligence out of your data you carefully collected using a series of complex SQL queries, regression algorithms, PCA and other unsupervised learning techniques. 
                            </p>
                        </div>
                        <div id="scrape-photo" class="desktop-hide text-center">
                            <img id="scrape-img" sizes="(min-width:1200px) 600px, (min-width:992px) 450px, (min-width:768px) 520px, (min-width:560px) 400px, 80vw" srcset="img/miners_sm.jpg 529px, img/miners_md.jpg 793px, img/miners_lg.png 1041px" alt="Data mining">
                            </img>
                        </div>
                    </div>
                    <div class='mobile-break desktop-hide'></div>

                    <div class="col-sm-4 ">
                        <div class="button-padding desktop-hide"></div>

                        <button id="excel-button" type="button" class="noglow service-thumbnail services-click">
                            <img id="excel-img" src="img/visualize.png" alt="Visualization"></img>
                        </button>

                        <div class="button-caption">VISUALISATION</div>

                        <div id="excel-text" class="content-block text-center">
                            <script>
                            var d = document.getElementById('excel-text');
                            d.className = d.className + ' desktop-hide';
                            </script>
                            <h2>Custom Dashboards</h2>
                            <p>
                                To help you understand what your data are saying to you, we build responsive web apps that contain interactive charts, tables and real-time data updating. </p>
                            <h2>Excel Automation</h2>
                            <p>
                                Reduce your amount of repetitive and manual data entry work. We can build custom macros to automate the process of refreshing and displaying your data.
                            </p>
                        </div>

                        <div id="excel-photo" class="desktop-hide text-center">
                            <div id='excel-wrapper-canvas'>
                                <canvas id='excel-canvas'>
                                </canvas>
                            </div>
                        </div>
                    </div>
                    <div class='mobile-break desktop-hide'></div>

                </div>
            </div>
        </section>

        <div id='screen-services' class="container-fluid mobile-hide box ">
            <div class="row ">
                <div id='screen-services-visual' class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0 col-lg-7 text-center">
                    <div id='screen-services-photo'>
                    </div>
                    <div id='screen-canvas-wrapper'>
                        <canvas id='screen-canvas'></canvas>
                    </div>

                </div>
                <div id='screen-services-text' class="content-block col-sm-8 col-sm-offset-2 col-md-offset-0 col-md-6 col-lg-4 ">
                </div>
            </div>
        </div>

        <div id="main-nav-2" class="center-navigation">
            <div>

                <a id="method-nav-anchor" href="#method-banner" class="btn btn-default">
                    <span class="glyphicon glyphicon-play rotate-90 white"></span> 
                </a>
                <div class="v-md-line"></div>
            </div>
        </div>



        <section id="method-banner" class="container-fluid banner ">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-12 col-lg-offset-0">
                        <header>Our approach is scientific 
                        </header>
                        <p>
                            We don't solely rely on our previous experiences to assure us of success. Our background in computer science research taught us to take a more formal approach to our projects. We like to engineer solutions. Our mission is to provide you with technology services based on verifiable facts, that follow precise specifications and meet the requirements established by our clients.  
                        </p>
{'fraction_non_alphanumeric': 0.1338223538816006, 'fraction_numerical': 0.01608125264494287, 'mean_word_length': 1.4764205868653937, 'pattern_counts': {'":': 0, '<': 829, '<?xml version=': 0, '>': 827, 'https://': 10, 'lorem ipsum': 0, 'www.': 16, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 24, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4001047', 'n_tokens_mistral': 12164, 'n_tokens_neox': 10989, 'n_words': 2682}