Suunnittele ilmoitus - Osanottokiitokset

<!DOCTYPE html> <html lang="fi"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="noindex, nofollow, nosnippet"> <title>Suunnittele ilmoitus - Osanottokiitokset - Kaleva</title> <meta name="Description" content="Suunnittele ilmoitus"> <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet"> <link href="/themes/v3.0.23/kaleva/kaleva.css" rel="stylesheet"> <script> var n = 'acc3d3a06826f77340445537bc2eb4b7', priceWithVAT = 1, nextPhaseUrl = '/109/osanottokiitokset/hyvaksyminen/?n=acc3d3a06826f77340445537bc2eb4b7&', campaignId = 109, interfaceUser = 0, askForSubscription = 0; </script> </head> <body class="campaign-osanottokiitokset"> <div id="top"> <div id="container">  <header id="header"> <div id="header_meta"> <div class="container" style="height:32px"></div> </div> <div id="header_main"> <div class="container av-logo-container"> <div class="inner-container"> <strong class="logo logo-kaleva"> <a target="_blank" href="https://asiakaspalvelu.kaleva.fi/kaleva/" tabindex="-1"></a> </strong> </div> </div> <div id="header_main_alternate" class="container_wrap"> <div class="container"> <nav class="main_menu"> <div class="avia-menu av-main-nav-wrap"> <ul id="avia-menu" class="menu av-main-nav"> <li class="menu-item"> <a target="_blank" href="https://asiakaspalvelu.kaleva.fi/kaleva/" itemprop="url" tabindex="-1"> <span class="avia-menu-text">« Takaisin asiakaspalveluun</span> </a> </li> </ul> </div> </nav> </div> </div> </div> <div class="header_bg"></div> </header>   <main id="content" role="main"> <noscript> <div class="no-script"> <div class="no-script-message"> <h2 class="no-script-title">T盲rke盲盲</h2> <p class="no-script-text">T盲m盲 palvelu vaatii toimiakseen JavaScripti盲. Aseta JavaScript p盲盲lle selaimesi asetuksista.</p> </div> </div> </noscript>  <div id="phases" class="phases phases-6"> <ul class="phase-list"><li><a href="/109/osanottokiitokset/malli/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-module phase-list-item-1" tabindex="0"><span class="phase-list-item-title">Ilmoitusmalli</span></a></il><li><a href="/109/osanottokiitokset/osanotto/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-condolence phase-list-item-2 current phase-list-item-current" tabindex="0"><span class="phase-list-item-title">Suunnittelu</span></a></il><li><a href="/109/osanottokiitokset/hyvaksyminen/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-confirmation phase-list-item-3" tabindex="0"><span class="phase-list-item-title">Hyv盲ksyminen</span></a></il><li><a href="/109/osanottokiitokset/paivamaarat/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-dates phase-list-item-4" tabindex="0"><span class="phase-list-item-title">Julkaisup盲iv盲t</span></a></il><li><a href="/109/osanottokiitokset/yhteystiedot/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-contact phase-list-item-5" tabindex="0"><span class="phase-list-item-title">Yhteystiedot</span></a></il><li><a href="/109/osanottokiitokset/yhteenveto/?n=acc3d3a06826f77340445537bc2eb4b7&" class="phase-list-item focus phase-list-item-summary phase-list-item-6" tabindex="0"><span class="phase-list-item-title">Yhteenveto ja maksaminen</span></a></il><div class="clear"></div></ul></div>  <div id="phase-container"> <div id="condolence">  <div id="phase">  <div class="phase-header"> <h1 class="phase-header-title">Suunnittele ilmoitus</h1>  <div class="phase-intro"> <p>Ilmoituksen suunnittelu tehda虉a虉n kahdessa osassa. Voit seurata ilmoituksen valmistumista esikatselukuvassa. Hinta pa虉ivittyy suunnittelun edetessa虉.</p> </div> </div> <div id="mobile-design-switcher"> <a href="#" class="switch-designer current">Suunnittelu</a><a href="#" class="switch-preview">Esikatselu</a> </div> <div id="condolence-design"> <div id="condolence-phases">  <div id="condolence-phase-symbols" class="condolence-phase"> <div class="condolence-phase-container"> <div class="condolence-phase-content">  <div class="condolence-phase-header"> <h2><span>Valitse symboli</span></h2> <div class="condolence-phase-intro"> <p>Aloita valitsemalla symboli. Kun olet valmis, klikkaa Jatka-painiketta. Jos et halua valita symbolia, klikkaa Jatka-painiketta.</p> <div class="clear"></div> </div> </div> <div id="symbols" class="symbols"> <a href="#" data-symbol-id="0" class="symbol symbol- focus no-symbol" tabindex="0"> <span class="no-symbol-text">Ei symbolia</span> <span class="selected"></span> </a> <a href="#" data-symbol-id="35" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/35@2x.png);background-size:65px 130px;" tabindex="0"> <span class="name">Risti</span> </a> <a href="#" data-symbol-id="36" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/36@2x.png);background-size:65px 130px;" tabindex="0"> <span class="name">Ortodoksinen risti</span> </a> <a href="#" data-symbol-id="37" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/37@2x.png);background-size:65px 130px;" tabindex="0"> <span class="name">Ortodoksinen kahdeksanp盲inen risti</span> </a> <a href="#" data-symbol-id="24" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/24@2x.png);background-size:125px 60px;" tabindex="0"> <span class="name">Lilja</span> </a> <a href="#" data-symbol-id="5" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/5@2x.png);background-size:94px 130px;" tabindex="0"> <span class="name">Kalla</span> </a> <a href="#" data-symbol-id="10" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/10@2x.png);background-size:119px 130px;" tabindex="0"> <span class="name">Kalla (2)</span> </a> <a href="#" data-symbol-id="29" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/29@2x.png);background-size:76px 130px;" tabindex="0"> <span class="name">Ruusu</span> </a> <a href="#" data-symbol-id="28" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/28@2x.png);background-size:130px 91px;" tabindex="0"> <span class="name">Ruusu (2)</span> </a> <a href="#" data-symbol-id="27" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/27@2x.png);background-size:130px 47px;" tabindex="0"> <span class="name">Ruusu (3)</span> </a> <a href="#" data-symbol-id="13" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/13@2x.png);background-size:90px 130px;" tabindex="0"> <span class="name">Kielo</span> </a> <a href="#" data-symbol-id="17" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/17@2x.png);background-size:80px 130px;" tabindex="0"> <span class="name">Kielo (2)</span> </a> <a href="#" data-symbol-id="22" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/22@2x.png);background-size:130px 67px;" tabindex="0"> <span class="name">Lumme</span> </a> <a href="#" data-symbol-id="16" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/16@2x.png);background-size:76px 130px;" tabindex="0"> <span class="name">K枚ynn枚s</span> </a> <a href="#" data-symbol-id="6" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/6@2x.png);background-size:113px 130px;" tabindex="0"> <span class="name">Enkeli torvella</span> </a> <a href="#" data-symbol-id="8" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/8@2x.png);background-size:75px 130px;" tabindex="0"> <span class="name">Enkeli</span> </a> <a href="#" data-symbol-id="9" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/9@2x.png);background-size:130px 67px;" tabindex="0"> <span class="name">Enkeli siivet</span> </a> <a href="#" data-symbol-id="7" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/7@2x.png);background-size:130px 122px;" tabindex="0"> <span class="name">Karitsa makaa</span> </a> <a href="#" data-symbol-id="12" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/12@2x.png);background-size:98px 130px;" tabindex="0"> <span class="name">Karitsa</span> </a> <a href="#" data-symbol-id="23" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/23@2x.png);background-size:130px 66px;" tabindex="0"> <span class="name">Linnut</span> </a> <a href="#" data-symbol-id="11" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/11@2x.png);background-size:130px 69px;" tabindex="0"> <span class="name">Joutsenet</span> </a> <a href="#" data-symbol-id="15" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/15@2x.png);background-size:99px 130px;" tabindex="0"> <span class="name">Kyyhkynen</span> </a> <a href="#" data-symbol-id="14" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/14@2x.png);background-size:130px 90px;" tabindex="0"> <span class="name">Kyyhkyset</span> </a> <a href="#" data-symbol-id="31" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/31@2x.png);background-size:87px 130px;" tabindex="0"> <span class="name">T盲hk盲t</span> </a> <a href="#" data-symbol-id="30" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/30@2x.png);background-size:130px 115px;" tabindex="0"> <span class="name">Raamattu</span> </a> <a href="#" data-symbol-id="21" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/21@2x.png);background-size:46px 130px;" tabindex="0"> <span class="name">Nuottiavain</span> </a> <a href="#" data-symbol-id="33" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/33@2x.png);background-size:97px 130px;" tabindex="0"> <span class="name">T盲hti</span> </a> <a href="#" data-symbol-id="20" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/20@2x.png);background-size:130px 117px;" tabindex="0"> <span class="name">Pilvet</span> </a> <a href="#" data-symbol-id="19" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/19@2x.png);background-size:105px 130px;" tabindex="0"> <span class="name">Purjevene</span> </a> <a href="#" data-symbol-id="25" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/25@2x.png);background-size:125px 130px;" tabindex="0"> <span class="name">Purjevene (2)</span> </a> <a href="#" data-symbol-id="18" class="symbol symbol-1 focus" style="background-image:url(/static/condolence/kaleva/18@2x.png);background-size:96px 130px;" tabindex="0"> <span class="name">Laiva</span> </a> <a href="#" data-symbol-id="34" class="symbol symbol-2 focus" style="background-image:url(/static/condolence/kaleva/34@2x.png);background-size:130px 44px;" tabindex="0"> <span class="name">Vene</span> </a> </div> </div> <div class="clear"></div> </div> <div class="condolence-proceed proceed"> <a href="/109/osanottokiitokset/osanotto/?n=acc3d3a06826f77340445537bc2eb4b7&#text" class="button next" tabindex="0"><span>Symboli on valittu, jatka</span></a> </div> </div> <div id="condolence-phase-text" class="hidden condolence-phase"> <div class="condolence-phase-container"> <div class="condolence-phase-content">  <div class="condolence-phase-header"> <h2><span>Ilmoituksen teksti</span></h2> <div class="condolence-phase-intro"> <p>T盲yt盲 alla olevat kent盲t. Kun olet valmis, klikkaa Teksti on valmis -painiketta.</p> </div> </div>  <form action="" method="post" id="form-condolence-text" class="condolence-form">  <p class="field-row"> <label>Teksti vainajan nimen yl盲puolella <span class="label-description">(pakollinen, esim. "Kiit盲mme l盲mpim盲sti kaikkia teit盲, jotka kunnioititte...")</span></label> <span class="form-alert-container is-textarea"> <textarea tabindex="0" id="condolence-top" name="condolence_top" class="field field-text required" autocomplete="off"></textarea> <span class="form-alert" style="display:none"></span> </span> </p>  <p class="field-row"> <label>Vainajan nimi <span class="label-description">(pakollinen)</span></label> <span class="form-alert-container"> <input type="text" tabindex="0" id="condolence-name" name="condolence_name" value="" class="field field-text required" autocomplete="off" /> <span class="form-alert" style="display:none"></span> </span> </p>  <p class="field-row"> <label>Teksti vainajan nimen alapuolella <span class="label-description">(valinnainen, esim. "muistoa ja otitte osaa suruumme...")</span></label> <span class="form-alert-container is-textarea"> <textarea tabindex="0" id="condolence-text" name="condolence_text" class="field field-text" autocomplete="off"></textarea> <span class="form-alert" style="display:none"></span> </span> </p>  <p class="field-row"> <label>Surukiitoksen esitt盲j盲t <span class="label-description">(pakollinen, esim. "omaiset")</span></label> <span class="form-alert-container is-textarea"> <textarea tabindex="0" id="condolence-signatures" name="condolence_signatures" class="field field-signatures required" autocomplete="off"></textarea> <span class="form-alert" style="display:none"></span> </span> </p> <div class="clear"></div> <input type="hidden" name="n" value="acc3d3a06826f77340445537bc2eb4b7" /> <input type="hidden" name="condolencesave" value="text" /> </form> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="condolence-proceed proceed"> <a href="/109/osanottokiitokset/osanotto/?n=acc3d3a06826f77340445537bc2eb4b7&#finished" class="button next" tabindex="0"><span>Teksti on valmis, jatka</span></a> </div> </div> <div id="condolence-phase-finished" class="hidden condolence-phase"> <div class="condolence-phase-container"> <div class="condolence-phase-content">  <div class="condolence-phase-header"> <h2 class="title-condolence-finished"><span>L盲het盲 kommentoitavaksi</span></h2> <div class="condolence-phase-intro"> <p>Voit halutessasi l盲hett盲盲 ilmoituksen l盲heisillesi kommentoitavaksi ja palata my枚hemmin palveluun muokkaamaan ilmoitusta.</p> <p>T盲yt盲 alla oleva lomake ja klikkaa lopuksi L盲het盲-painiketta. L盲het盲mme s盲hk枚postiisi viestin, jossa on linkki jota klikkaamalla p盲盲set takaisin ilmoituksen suunnitteluun.</p> <p>Kaikki kent盲t ovat pakollisia.</p> </div> </div> <form action="https://ilmoita.kalevamedia.fi/109/osanottokiitokset/osanotto/" method="post" id="form-condolence-send" class="condolence-form">  <p class="field-row"> <label>Viesti vastaanottajille</label> <textarea tabindex="0" id="condolence-send-message" name="message" class="field field-text"></textarea> <span class="form-error" style="display:none">Kirjoita viesti</span> </p>  <p class="field-row"> <label>Vastaanottajan s盲hk枚postiosoite</label> <input type="text" tabindex="0" id="condolence-send-recipient" value="" class="field field-text" autocomplete="off" /> <input type="button" id="recipient-add" value="Lis盲盲" class="button"> <span id="condolence-send-recipient-error" class="form-error" style="display:none">Kirjoita vastaanottajan s盲hk枚postiosoite</span> </p> <ul id="recipients" style="display:none"> </ul> <p class="form-error" id="error-recipients" style="display:none">Lis盲盲 v盲hint盲盲n yhden vastaanottajan s盲hk枚postiosoite</p>  <p class="field-row"> <label>Nimesi</label> <input type="text" tabindex="0" id="condolence-send-name" name="name" value="" class="field field-text" autocomplete="off" /> <span class="form-error" style="display:none">Kirjoita nimesi</span> </p>  <p class="field-row"> <label>S盲hk枚postiosoitteesi</label> <input type="text" tabindex="0" id="condolence-send-email" name="email" value="" class="field field-text" autocomplete="off" /> <span class="form-error" style="display:none">Kirjoita s盲hk枚postiosoitteesi</span> </p> <p class="submit-row"> <input type="submit" id="send" value="L盲het盲 viesti" class="button" tabindex="0"> </p> <input type="hidden" name="n" value="acc3d3a06826f77340445537bc2eb4b7" /> <input type="hidden" name="condolencesend" value="1" /> </form> <div id="condolence-sending" style="display:none"> <div class="loading condolence-sending-loading"><div class="loading-dot loading-dot-1"></div><div class="loading-dot loading-dot-2"></div><div class="loading-dot loading-dot-3"></div></div> </div> <div id="condolence-sent" style="display:none"> <h3 class="condolence-sent-title">Viesti l盲hetetty</h3> <p>L盲hetimme antamaasi s盲hk枚postiosoitteeseen viestin, jonka linkki盲 klikkaamalla p盲盲set takaisin ilmoituksen suunnitteluun.</p> <p><strong>Huom!</strong> Ennen t盲m盲n sivun sulkemista, tarkista, ett盲 viesti saapui. Jos viesti盲 ei n盲y, tarkistathan my枚s s盲hk枚postisi roskapostikansion.</p> <p class="button-container"> <a href="#" id="send-new" class="button">L盲het盲 uusi viesti</a> </p> </div> </div> <div class="clear"></div> </div> <div id="condolence-finished-proceed" class="condolence-proceed proceed"> <a href="/109/osanottokiitokset/hyvaksyminen/?n=acc3d3a06826f77340445537bc2eb4b7&" class="button next"><span>Ilmoitus on valmis, jatka</span></a> </div> </div> </div>  <div id="condolence-preview" data-default-top="15"> <h2>Esikatselu</h2> <button id="change-condolence-template" class="button is-1-columns" tabindex="0"><span>Kokeile 2-palstaisena</span></button> <div id="condolence-ad"> <div class="loading"><div class="loading-dot loading-dot-1"></div><div class="loading-dot loading-dot-2"></div><div class="loading-dot loading-dot-3"></div></div> </div> <div id="height-warning" class="warning" style="display:none"> <h3>Ilmoitusteksti ei mahdu varattuun tilaan</h3> <p>Lyhenn盲 tai poista tekstej盲.<span class="two-column-note"> Voit my枚s kokeilla vaihtaa ilmoituksen mallin 2-palstaiseksi.</span></p> <p class="close-container"><a href="#" class="close" tabindex="0">Sulje</a></p> </div> </div>  <div class="clear"></div> </div> </div>  </div>  <div class="cart"><div class="cart-header"><h2 class="cart-title">Yhteenveto</h2></div><div class="cart-content"><div class="cart-product block"><h4 class="cart-item-title">Lehti</h4><ul class="cart-value-list cart-products"><li class="cart-value">Kaleva</li></ul><p class="cart-many-products cart-value hidden">1 lehte盲</p></div><div class="cart-section block"><h4 class="cart-item-title">Osasto</h4><ul class="cart-value-list cart-section-name"><li class="cart-value">Osanottokiitokset</li></ul></div><div class="cart-product-sections block hidden"><h4 class="cart-item-title">Alue</h4><ul class="cart-value-list cart-product-section-name"></ul></div><div class="cart-zone block hidden"><h4 class="cart-item-title">Alueet</h4><ul class="cart-value-list cart-zone-name"></ul></div><div class="cart-module block"><h4 class="cart-item-title">Ilmoitus</h4><p class="cart-value"><span class="cart-module-name"><span class="cart-module-width">39</span> x <span class="cart-module-height">54</span> mm</span></p></div><div class="cart-files block hidden"><h4 class="cart-item-title">Aineisto</h4><p class="cart-value"><span class="cart-material-method"></span></p></div><div class="cart-dates block hidden"><h4 class="cart-item-title">Julkaisup盲iv盲</h4><ul class="cart-value-list"></ul><p class="cart-many-dates cart-value hidden">0 julkaisup盲iv盲盲</p></div><div class="cart-price block show-regular-price"><h4 class="cart-item-title">Hinta</h4><p class="cart-prices"><span class="cart-price-row"><span class="cart-price-row-days">Ma-La</span> <span class="cart-price-row-amount">200,58 €</span></span></p><div class="cart-vat"><p>Sis. ALV 25,5 %</p></div></div></div></div>  <div class="clear"></div> </div> <div class="clear"></div> </main>   <footer id="footer"> <div class="container_wrap socket_color" id="footer-bottom" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter"> <div class="container"> <nav class="sub_menu_socket" role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="avia3-menu"> <ul id="avia3-menu" class="menu"> <li id="menu-item-1207" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"> <a tabindex="-1" href="https://asiakaspalvelu.kalevamedia.fi/ilmoitusehdot/" itemprop="url"> <span class="avia-bullet"></span> <span class="avia-menu-text">Ilmoitusehdot</span> <span class="avia-menu-fx"> <span class="avia-arrow-wrap"> <span class="avia-arrow"></span> </span> </span> </a> </li> <li id="menu-item-731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-2"> <a tabindex="-1" href="https://www.kalevamedia.fi/tietosuoja/" itemprop="url"> <span class="avia-bullet"></span> <span class="avia-menu-text">Tietosuoja</span> <span class="avia-menu-fx"> <span class="avia-arrow-wrap"> <span class="avia-arrow"></span> </span> </span> </a> </li> </ul> </div> </nav> </div> </div> </footer>  <div class="clear"></div> </div> <div class="clear"></div> </div> <div id="obituary-confirm-proceed-modal" class="modal outer-modal modal-generic modal-obituary-confirm-proceed" style="display:none"><div class="modal-header modal-ask-header"><h2 class="modal-title modal-ask-title">Viestin kirjoitus kesken</h2><p class="modal-description">Kirjoitit l盲heisillesi viestin mutta et viel盲 l盲hett盲nyt viesti盲. Haluatko silti jatkaa seuraavaan vaiheeseen l盲hett盲m盲tt盲 viesti盲?</p></div><div class="modal-footer modal-ask-footer modal-footer-buttons modal-ask-footer-buttons"><a href="/109/osanottokiitokset/hyvaksyminen/?n=acc3d3a06826f77340445537bc2eb4b7&" class="button modal-button modal-button-proceed">Jatka seuraavaan vaiheeseen</a><a href="#" class="button modal-button modal-button-close">Peruuta</a></div></div> <script src="/js/v3.1.27/jquery.min.js"></script> <script src="/js/v3.1.27/common.min.js"></script> <script src="/js/v3.1.27/condolence.min.js"></script> </body> </html>

CINXE.COM

Suunnittele ilmoitus - Osanottokiitokset - Kaleva