invisio v2.0

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="description" content="Inner peace: retreats, #TE4connection, recordings, books, groups, private sessions with Henry Marshall, PhD, remembering Rickie Moore, PhD">
<meta name="keywords" content="Henry Marshall, #TE4connection, TE, Playshops, Inner Peace, Mantras, Tri-Energetics, Your Essential Self, YES Stillness Retreat, therapy, training, counselling, coaching, Rickie Moore">
<title>TEMPLATE - Events - inpeacenet.com - Peace is Inside You</title>
<link href="css_dev.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
    background-image: url(images/logo_dancer170_bgr_transp_outline.png);
    background-position: center;
    background-repeat: none;
    background-color: #fdfdfd;
}
#logo_frame {
    border-top-color: #dedede;
}
#content {
    background-color: #fafafa;
    background-image: url(images/logo_dancer170_bgr.png);
    background-position: 545px bottom;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #2e6cbd;
}
table.shadow_table {
    margin-top: 13px;
}
#IE6 {
    display: none;
}
#events {
    text-decoration: underline;
}
.registrationButton {
    -moz-box-shadow: 0px 0px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 0px 0px 0px #fff6af;
    box-shadow: 0px 0px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #eee));
    background: -moz-linear-gradient(top, #ccc 5%, #eee 100%);
    background: -webkit-linear-gradient(top, #ccc 5%, #eee 100%);
    background: -o-linear-gradient(top, #ccc 5%, #eee 100%);
    background: -ms-linear-gradient(top, #ccc 5%, #eee 100%);
    background: linear-gradient(to bottom, #ccc 5%, #eee 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee', GradientType=0);
    background-color: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #2e6cbd;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
    margin-left: 0px;
}
.registrationButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
    background-color: #ffab23;
}
.registrationButton:active {
    position: relative;
    top: 1px;
}
.reg_business {
    margin: 10px 0 0 90px !important;
}
#container_CompanyActivities .jquery-content {
    text-align: left;
}
.style3 {
    font-family: Helvetica;
    font-size: 12px;
    color: rgb(0, 0, 0);
}
.style4 {
    font-size: 12px
}
</style>
</head>
<body  >
<table width="103%" class="centerBoth">
  <tr>
    <td><div id="outer">
        <table width="840" class="shadow_table">
          <tr>
            <td width="12" id="L">&nbsp;</td>
            <td width="802" bgcolor="#FFFFFF"><div id="logo_frame" class="Home">
                <div class="lightning1"></div>
                <a href="#"><img src="images/logo_dance_190.jpg" alt="Logo" width="190" height="190" id="logo"  class="Home"/></a>
                <div id="logo_right"> <img src="images/inpeacenet.gif" alt="" width="158" height="37" id="LogoText"/> </div>
                <div class="clear"></div>
              </div>
              <div id="menu_frame">
                <div class="lightning1"></div>
                <ul class="navigation">
                  <li><a href="events.html"  id="events">events</a></li>
                  <li><a href="recordings.html"  id="recordings">recordings</a></li>
                  <li><a href="books.html"  id="books">publications</a></li>
                  <li><a href="media.html"  id="treats">media</a></li>
                  <li><a href="trainings.html"  id="trainings">tri-energetics</a></li>
                  <li><a href="links.html"  id="links">links</a></li>
                  <li><a href="contact.html"  id="contact">contact</a></li>
                  <li><a href="Rickie.html"  id="Rickie">Rickie</a></li>
                  <li><a href="Henry.html"  id="Henry">Henry</a></li>
                </ul>
              </div>
              <div id="content_frame">
                <div class="lightning1"> </div>
                <div id="content"   style="background-image:url(images/logo_dancer170_bgr_gaia.png);">
                  <div id="content_holder_main">
                    <div id="content_holder">
                      <div id="background_pict_CompanyActivities">
                        <div class="CompanyActivities">
                          <p>&nbsp;</p>
                          <div class="acc_container_CompanyActivities">
                            <div class="bold">
                              <p>Upcoming Events</p>
                            </div>
                            <div id="container_CompanyActivities" >
                              <div class="accordion"> 
                                
                                 
                                
                                
                                
                                <div style="position: static;" >
                                  <div>
                                    <div> <span class="title bold">Tri-Energetic Playshop</span> <span class="date bold">12-16 July 2026</span> <span class="place bold">Franking (A)</span>
                                      <div>
                                        <p>&nbsp;</p>
                                        <div>
                                          <p style="width: 241px; display: block;" class="jquery" goto="270"><a href="#">Details<span class="closer"></span></a></p>
                                          <div style="display: block;" class="jquery-content">
                                            <p>Last summer 2025, a fantastic TE Circle of about 35 wonderful “Playshoppers” sang, danced, and healed in beautiful nature just north of Salzburg, Austria. </p> 
                                            <p>&nbsp;</p>
                                            <p>This summer 2026, from July 12-16, join us to play, co-create, and dive deep into the transformative power of emotions in our bodies and in our lives.</p>
                                            <p>&nbsp;</p>
                                            <p class="bold">For details click <a href="https://www.viennaschool.at/en/event-details-registration/nature-healing-playshop-eigene-emotionen-nutzen-im-einklang-mit-dir-selbst-und-anderen" target="_blank">THIS LINK</a></p>
                                            <p class="">&nbsp;</p>
                                            <p><strong>#TE4connection</strong></p>
                                            <p><br>
                                            </p>
                                            <p>&nbsp;</p>
                                            <div class="clear"></div>
                                            <div class="landscape_img"><img src="images/picts/2022playshop.jpg" alt="2022playshop" class="img_frame" height="306" width="500"></div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <br>
                                  <br>
                                </div>
                                
                                 
                                
                                
                                
                                <div class="footer_pict"><img  src="images/picts/peace.jpg" alt="inpeace" width="497" height="287" class="team_img2" /> </div>
                                <div class="clear"> </div>
                                <br />
                                <br />
                                <br />
                                <br />
                                <div id="reverence"> <a href="http://www.crisrieder.org/thejourney" target="_blank" rel="noopener noreferrer">2023©cris.r webdesign</a> </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div></td>
            <td width="10" id="R">&nbsp;</td>
          </tr>
          <tr>
            <td width="12" id="LB">&nbsp;</td>
            <td width="802" id="B"></td>
            <td width="10" id="RB">&nbsp;</td>
          </tr>
        </table>
      </div></td>
  </tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script src="scripts/dev_jquery_ALL_plugins_home_opt.js"></script> 
<script>
	
$(document).ready(function(){
	
console.log("test");

$(".registrationButton").click(function() {
  var txt = $(this).text();
  console.log(txt);
	var title = $(this).closest("div .jquery-content").parent().parent().parent().find(".title").text();
	var date = $(this).closest("div .jquery-content").parent().parent().parent().find(".date").text();
	console.log(title +" + "+date);
	
		
	//set local storage
    // Check browser support
    if (typeof(Storage) !== "undefined") {
    // Store
    localStorage.setItem("event_title", title);
	
    localStorage.setItem("event_date", date);	
    }
	
		
	
//get local storage	
	// Check browser support
if (typeof(Storage) !== "undefined") {
// Retrieve
var eventtitle = localStorage.getItem("event_title");	
console.log("event_title: " + eventtitle);

var eventdate = localStorage.getItem("event_date");		
console.log("event_date: " + eventdate);
} else {
console.log( "Browser does not support Web Storage.");
}
	
	
	
});
		
});

</script>
</body>
</html>