cece<patTemplate:tmpl name="content">

<style type="text/css" media="screen">

#slider {

	width: 970px; /* important to be same as image width */

	height: 199px; /* important to be same as image height */

	position: relative; /* important */

	overflow: hidden; /* important */

	margin: 0px;

	padding: 0px;

	z-index:-100;

}

#sliderContent {

	width: 970px; /* important to be same as image width or wider */

	position: absolute;

	margin: 0px;

	padding: 0px;

}

.sliderImage {

	float: left;

	position: relative;

	display: none;

}

.sliderImage span {

	display: none;

}

.clear {

	clear: both;

}

.sliderImage span strong {

	font-size: 12px;

}

.top {

	top: 0;

	left: 0;

}

.bottom {

	bottom: 0;

	left: 0;

}

ul {

	list-style-type: none;

}

</style>

<style type="text/css">

.stepcarousel {

	position: relative; /*leave this value alone*/

	border-top: 6px solid #666666;

	overflow: scroll; /*leave this value alone*/

	width: 970px; /*Width of Carousel Viewer itself*/

	height: 100px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt {

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}

.stepcarousel .panel {

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 0px -5px 0px 0px; /*margin around each panel*/

	width: 251px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

</style>

<script type="text/javascript">



stepcarousel.setup({

	galleryid: 'gallerya', //id of carousel DIV

	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs

	panelclass: 'panel', //class of panel DIVs each holding content

	autostep: {enable:true, moveby:1, pause:5000},

	panelbehavior: {speed:1000, wraparound:true, wrapbehavior:'slide',persist:false},

	defaultbuttons: {enable: true, moveby: 1, leftnav: ['{HTTPPATH}doc/content/prev.png', 0, 40], rightnav: ['{HTTPPATH}doc/content/next.png', -40, 40]},

	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']

})



</script>

<script type="text/javascript">

	var box_skitter_large = null;

	$(document).ready(function() {

		$('.box_skitter_large').skitter({

			numbers_align: "right", 

 			dots: false, 

 			preview: true, 

 			focus: false, 

 			focus_position: "leftTop", 

 			controls: false, 

 			controls_position: "leftTop", 

 			progressbar: false,

			navigation:true,

			hideTools:true,

			label: false, 

 			progressbar_css: { 

				top:'5px', 

				left:'590px', 

				height:10, 

				borderRadius:'2px', 

				width:200, 

				backgroundColor:'#000', 

				opacity:.7 

			}, 

 			animateNumberOver: { 'backgroundColor':'#555' }, 

 			enable_navigation_keys: false

, 

			onLoad: function(self) {

				if (this.thumbs) $('.border-skitter').height(100);

				box_skitter_large = self;

			}

		});

	});

	

	$(function () {

        // basic version is: $('div.demo marquee').marquee() - but we're doing some sexy extras

        

        $('div.demo marquee').marquee('pointer').mouseover(function () {

            $(this).trigger('stop');

        }).mouseout(function () {

            $(this).trigger('start');

        }).mousemove(function (event) {

            if ($(this).data('drag') == true) {

                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);

            }

        }).mousedown(function (event) {

            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);

        }).mouseup(function () {

            $(this).data('drag', false);

        });

    });

	</script>



  <div class="newsbox">

    <div class="sekapur-sirih"> </div>

  </div>
  <div class="section group">

    <div class="col_1_of_3 span_1_of_3">

      <h3>Selamat Datang</h3>

      <!--<img src="{URL_LAMPIRAN}"/>--> {JUDUL} <BR/>

      {KONTEN}
		 <embed src="{HTTPPATH}/doc/pengumuman/position_statement-palestine.pdf#page=2" type="application/pdf" width="100%" height="100%">
         <p></p>
     <div class="new-products">

          <h3>Our Gallery</h3>

          <patTemplate:tmpl name="list_gallery" type="OddEven">

          <patTemplate:sub condition="odd">

            <p><a href="{URL_DETAIL}"><img src="{IMGPATH}" alt="{DESKRIPSI}" title="{DESKRIPSI}" /></a></p>

          </patTemplate:sub>

          <patTemplate:sub condition="even">

            <p><a href="{URL_DETAIL}"><img src="{IMGPATH}" alt="{DESKRIPSI}" title="{DESKRIPSI}" /></a></p>

          </patTemplate:sub>

        </patTemplate:tmpl> 

        </div>

         

       </div>

      
      <!------berita---->

      

    <div class="col_1_of_3 span_1_of_3">

      <h3>Berita</h3>

      

        <ul>

          <patTemplate:tmpl name="list_news" type="OddEven">

            <patTemplate:sub condition="odd">

              <li>

                <patTemplate:tmpl name="list_news_image" type="condition" conditionVar="image">

                  <patTemplate:sub condition="have"> 

                  <p><a href="{NEWS_IMG_URL}"  class="thickbox"><img src="{NEWS_IMG_URL}" alt="" /> </a></p></patTemplate:sub>

                </patTemplate:tmpl>

                <strong>{NEWS_TITLE}</strong>

                <p>{POST_DATE}, Read ({HITS})</p>

                <p> {NEWS_CONTENT}... <a href="{NEWS_HREF}">Read more</a> </p>

                <div class="ffhack"></div>

              </li>

            </patTemplate:sub>

            <patTemplate:sub condition="even">

              <li>

                <patTemplate:link src="list_news_image" />

                <strong>{NEWS_TITLE}</strong>

                <p>{POST_DATE}, Read ({HITS})</p>

                <p> {NEWS_CONTENT}... <a href="{NEWS_HREF}">Read more</a> </p>

                <div class="ffhack"></div>

              </li>

            </patTemplate:sub>

          </patTemplate:tmpl>

        </ul>

      

    </div>

      <!------berita---->

      

    <div class="col_1_of_3 span_1_of_3">
        <img src="{HTTPPATH}/doc/temp/ICINNA_2022.jpeg"/style="width:300px; height:400px; "><br />
		International Conference of INNA<br />
Description: The International Conference of the Indonesian National Nurses Association will be held on November 23-24, 2022 in Jakarta, Indonesia. Don't miss the opportunity to share the latest knowledge with the world community.<br />

For further information, click the link <a href="https://ppni-icinna.org">https://ppni-icinna.org</a>
     <style>
.pdfobject-container { height: 30rem; border: 1rem solid rgba(0,0,0,.1); }
   
  <!--   <script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("{HTTPPATH}/doc/temp/pers_release_ppni.pdf", "#example1");</script> -->
</style>
    <iframe width="300" height="315" src="https://www.youtube.com/embed/C6N5Y4ECML8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<p></p><p></p>
    

      <h3>Berita Terbaru</h3>

       <ul>

            <patTemplate:tmpl name="list_archive" type="OddEven">

              <patTemplate:sub condition="odd">

                <li ><a href="{ARCHIVE_HREF}"><strong>{ARCHIVE_TITLE}</strong><br />

                  {POST_DATE}, Read ({HITS})</a></li>

              </patTemplate:sub>

              <patTemplate:sub condition="even">

                <li><a href="{ARCHIVE_HREF}"><strong>{ARCHIVE_TITLE}</strong><br />

                  {POST_DATE}, Read ({HITS})</a></li>

              </patTemplate:sub>

            </patTemplate:tmpl>

          </ul>

          


        

       

    </div>

      

      

  </div>

<!--  <h3>Penyebaran Anggota Perawat Indonesia</h3>

  <span class="main-banner">{MAP} </span>
-->
  <div class="section group">

    <div class="col_1_of_3 span_1_of_3">

     <h3>Agenda Kegiatan</h3>

       <ul>

            <patTemplate:tmpl name="list_event" type="OddEven">

              <patTemplate:sub condition="odd">

            
              </patTemplate:sub>

              <patTemplate:sub condition="even">

                <li><a href="{EVENT_HREF}"><strong>{EVENT_TITLE}</strong> <br />

                  {EVENT_START}</a></li>

              </patTemplate:sub>

            </patTemplate:tmpl>

          </ul>

      

   

  </div>

  <div class="col_1_of_3 span_1_of_3">

   <h3>ANNOUNCEMENTS</h3>

        <ul>

            <patTemplate:tmpl name="list_announce" type="OddEven">

              <patTemplate:sub condition="odd">

                <li><strong><a href="{URL_VIEW}">{TITLE}</a></strong><a href="{URL_VIEW}"><br />

                  {POST_DATE}</a></li>

              </patTemplate:sub>

              <patTemplate:sub condition="even">

                <li><strong><a href="{URL_VIEW}">{TITLE}</a></strong><a href="{URL_VIEW}"><br />

                  {POST_DATE}</a></li>

              </patTemplate:sub>

            </patTemplate:tmpl>

          </ul>

  </div>

  <div class="col_1_of_3 span_1_of_3">

     <h3>Link Terkait</h3>

      

       <ul>

            <patTemplate:tmpl name="list_links" type="OddEven">

              <patTemplate:sub condition="odd">

                <li><a href="{LINKS_HREF}" title="{DESKRIPSI}">{LINKS_TITLE}</a></li>

              </patTemplate:sub>

              <patTemplate:sub condition="even">

                <li><a href="{LINKS_HREF}" title="{DESKRIPSI}">{LINKS_TITLE}</a></li>

              </patTemplate:sub>

            </patTemplate:tmpl>

          </ul>

  </div>

  </div>  

  <div class="ffhack"></div>

</div>



</patTemplate:tmpl>