Как вывести значение свойства в публичную часть битрикса?

<div class="container">
        <div class="row">
            <div class="top-slide">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                  <!-- Содержимое слайдов -->
                  <div class="carousel-inner">
                    <div class="item active">
                      <img src="img/1.jpg" alt="...">
                      <div class="carousel-captions">
                        <h3>Россия (Москва)</h3>
                        <p>Где это видано, чтобы люди в Москве без прописки проживали.</p>
                      </div>
                    </div>

                    <div class="item">
                      <img src="img/2.jpg" alt="...">
                      <div class="carousel-captions">
                        <h3>Осень</h3>
                        <p>Осень — это вторая весна, когда каждый лист — цветок.</p>
                      </div>
                    </div>
                     
                    <div class="item">
                      <img src="img/3.jpg" alt="...">
                      <div class="carousel-captions">
                        <h3>Дождь</h3>
                        <p>Осень опять идут дожди...</p>
                      </div>
                    </div>
                  </div>
                  <!-- Стрелки -->
                  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                    <span class="glyphicons glyphicons-left-arrow"></span>
                  </a>
                  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                    <span class="glyphicons glyphicons-right-arrow"></span>
                  </a>
                </div>
 
            </div>
        </div>
    </div>