Tarpeisiisi sopivin asukasvalinta- ja viestintäjärjestelmä

<!-- Responsive pricing table HTML --><!-- [et_pb_line_break_holder] --><div id="taulukko"><!-- [et_pb_line_break_holder] --><article><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><ul><!-- [et_pb_line_break_holder] --> <li class="bg-purple active"><!-- [et_pb_line_break_holder] --> <button>Viestintä</button><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li class="bg-blue"><!-- [et_pb_line_break_holder] --> <button>Saneeraus</button><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li class="bg-blue"><!-- [et_pb_line_break_holder] --> <button>Gryndi</button><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li class="bg-blue"><!-- [et_pb_line_break_holder] --> <button>Virtuaali</button><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --></ul> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><table><!-- [et_pb_line_break_holder] --> <thead><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <th class="hide"></th><!-- [et_pb_line_break_holder] --> <th class="bg-purple default">Viestintä</th><!-- [et_pb_line_break_holder] --> <th class="bg-blue">Saneeraus</th><!-- [et_pb_line_break_holder] --> <th class="bg-blue">Gryndi</th><!-- [et_pb_line_break_holder] --> <th class="bg-blue">Virtuaali</th><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </thead><!-- [et_pb_line_break_holder] --> <tbody><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Hinta</td><!-- [et_pb_line_break_holder] --> <td><span class="txt-l">3€</span><span class="txt-top"> asunto/kk*</span></td><!-- [et_pb_line_break_holder] --> <td><span class="txt-l">5€</span><span class="txt-top"> asunto/kk*</span></td><!-- [et_pb_line_break_holder] --> <td class="default"><span class="txt-l">Kysy tarjous</span><span class="txt-top">/**</span></td><!-- [et_pb_line_break_holder] --> <td><span class="txt-l">Kysy tarjous</span><span class="txt-top">/**</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Ilmoitustaulu</td><!-- [et_pb_line_break_holder] --> <td class="default"><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Sähköpostituki</td><!-- [et_pb_line_break_holder] --> <td class="default"><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Materiaalivalinnat</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Materiaalipankki</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>Puhelintuki</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Visualisoidut materiaalivalinnat</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Asiakaskohtainen brändäys</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>Materiaalivalinnat asuntopohjakohtaisella 3D-konfiguraattorilla</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><span class="tick">✔</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td colspan="5" class="sep">Lisäpalvelut</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>BIM</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><td></td><td></td><td></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>Työmaa</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><td></td><td></td><td></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>Tarkastukset</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><td></td><td></td><td></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --><tr><!-- [et_pb_line_break_holder] --> <td>Kohteiden perustamispalvelu</td><!-- [et_pb_line_break_holder] --> <td class="default"></td><td></td><td></td><td></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </tbody><!-- [et_pb_line_break_holder] --></table><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --></article><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Responsive pricing table CSS */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* <!-- [et_pb_line_break_holder] -->- make mobile switch sticky<!-- [et_pb_line_break_holder] -->*/<!-- [et_pb_line_break_holder] -->* {<!-- [et_pb_line_break_holder] --> box-sizing:border-box;<!-- [et_pb_line_break_holder] --> padding:0;<!-- [et_pb_line_break_holder] --> margin:0;<!-- [et_pb_line_break_holder] --> outline: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#taulukko { <!-- [et_pb_line_break_holder] --> font-family:Helvetica Neue,Helvetica,Arial,sans-serif;<!-- [et_pb_line_break_holder] --> font-size:14px;<!-- [et_pb_line_break_holder] --> padding-top:14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->article {<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> max-width:1000px;<!-- [et_pb_line_break_holder] --> margin:0 auto;<!-- [et_pb_line_break_holder] --> height:auto;<!-- [et_pb_line_break_holder] --> position:relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->article ul {<!-- [et_pb_line_break_holder] --> display:flex;<!-- [et_pb_line_break_holder] --> top:0px;<!-- [et_pb_line_break_holder] --> z-index:10;<!-- [et_pb_line_break_holder] --> padding-bottom:14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->article li {<!-- [et_pb_line_break_holder] --> list-style:none;<!-- [et_pb_line_break_holder] --> flex:1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->article li:last-child {<!-- [et_pb_line_break_holder] --> border-right:1px solid #DDD;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->button {<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> border: 1px solid #DDD;<!-- [et_pb_line_break_holder] --> border-right:0;<!-- [et_pb_line_break_holder] --> border-top:0;<!-- [et_pb_line_break_holder] --> padding: 5px !important;<!-- [et_pb_line_break_holder] --> background:#FFF;<!-- [et_pb_line_break_holder] --> font-size:14px;<!-- [et_pb_line_break_holder] --> font-weight:bold;<!-- [et_pb_line_break_holder] --> height:60px;<!-- [et_pb_line_break_holder] --> color:#999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->article li.active button {<!-- [et_pb_line_break_holder] --> background:#F5F5F5;<!-- [et_pb_line_break_holder] --> color:#000;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->table { border-collapse:collapse; table-layout:fixed; width:100%; }<!-- [et_pb_line_break_holder] -->th { background:#F5F5F5; display:none; }<!-- [et_pb_line_break_holder] -->td, th {<!-- [et_pb_line_break_holder] --> height:53px<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->td,th { <!-- [et_pb_line_break_holder] -->border-bottom: 0px !important;<!-- [et_pb_line_break_holder] -->border-top: 0px !important;<!-- [et_pb_line_break_holder] -->border-right: 1px solid #DDD !important;<!-- [et_pb_line_break_holder] -->padding:10px !important;<!-- [et_pb_line_break_holder] --> empty-cells:show; }<!-- [et_pb_line_break_holder] -->td,th {<!-- [et_pb_line_break_holder] --> text-align:left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->td:last-child,th:last-child { <!-- [et_pb_line_break_holder] --> border-right: 0px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->th:nth-child(1),th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5){<!-- [et_pb_line_break_holder] --> border-bottom: 1px solid #DDD !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->tr:nth-child(2){<!-- [et_pb_line_break_holder] --> border-top: 1px solid #DDD !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->tr:nth-child(10){<!-- [et_pb_line_break_holder] --> border-top: 1px solid #DDD !important; border-bottom: 1px solid #DDD !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->td+td, th+th {<!-- [et_pb_line_break_holder] --> text-align:center;<!-- [et_pb_line_break_holder] --> display:none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->td.default {<!-- [et_pb_line_break_holder] --> display:table-cell;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.bg-purple {<!-- [et_pb_line_break_holder] --> border-top:3px solid #fc6b23 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.bg-blue {<!-- [et_pb_line_break_holder] --> border-top:3px solid #fc6b23 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.sep {<!-- [et_pb_line_break_holder] --> background:#F5F5F5;<!-- [et_pb_line_break_holder] --> font-weight:bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.txt-l { font-size:18px; font-weight:bold; }<!-- [et_pb_line_break_holder] -->.txt-top { position:relative; top:-9px; right:-2px; }<!-- [et_pb_line_break_holder] -->.tick { font-size:18px; color:#2CA01C; }<!-- [et_pb_line_break_holder] -->.hide {<!-- [et_pb_line_break_holder] --> border:0px;<!-- [et_pb_line_break_holder] --> background:none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->article ul {<!-- [et_pb_line_break_holder] --> display:none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> td,th {<!-- [et_pb_line_break_holder] --> display:table-cell !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> td,th {<!-- [et_pb_line_break_holder] --> width: 25%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> td+td, th+th {<!-- [et_pb_line_break_holder] --> width: auto;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Responsive pricing table JS<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->jQuery( "ul" ).on( "click", "li", function() {<!-- [et_pb_line_break_holder] --> var pos = jQuery(this).index()+2;<!-- [et_pb_line_break_holder] --> jQuery("tr").find('td:not(:eq(0))').hide();<!-- [et_pb_line_break_holder] --> jQuery('td:nth-child('+pos+')').css('display','table-cell');<!-- [et_pb_line_break_holder] --> jQuery("tr").find('th:not(:eq(0))').hide();<!-- [et_pb_line_break_holder] --> jQuery('li').removeClass('active');<!-- [et_pb_line_break_holder] --> jQuery(this).addClass('active');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Initialize the media query<!-- [et_pb_line_break_holder] --> var mediaQuery = window.matchMedia('(min-width: 768px)');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // Add a listen event<!-- [et_pb_line_break_holder] --> mediaQuery.addListener(doSomething);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // Function to do something with the media query<!-- [et_pb_line_break_holder] --> function doSomething(mediaQuery) { <!-- [et_pb_line_break_holder] --> if (mediaQuery.matches) {<!-- [et_pb_line_break_holder] --> jQuery('.sep').attr('colspan',5);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> jQuery('.sep').attr('colspan',2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // On load<!-- [et_pb_line_break_holder] --> doSomething(mediaQuery);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>