Buy Intense Now
Buy Intense Now

Intense Template Documentation

Виджеты

Intense содержит множество виджетов для добавления содержимого в ваши боковые панели и футер сайта. Все доступные виджеты представлены на соответствующих страницах: Components > Toolkit Components > Sidebar Widgets и Components > Toolkit Components > Footer Widgets.

Форма подписки

Для добавления виджета формы подписки на страницу воспользуйтесь следующим примером:


        <form data-form-output="form-output-global" data-form-type="subscribe"
              method="post" action="bat/rd-mailform.php" class="rd-mailform">
            <div class="form-group">
                <div class="input-group input-group-sm">
            <span class="input-group-addon">
                <span class="input-group-icon mdi mdi-email">  </span>
            </span>
                    <input placeholder="Type your E-Mail" type="email" name="email"
                           data-constraints="@Required @Email" class="form-control"/>
            <span class="input-group-btn">
                <button type="submit" class="btn btn-sm btn-primary">  Subscribe</button>
            </span>
                </div>
            </div>
        </form>
    

Flickr Photostream

Для добавления виджета Flickr Photostream на страницу воспользуйтесь следующим примером:

    <div data-photo-swipe="gallery" data-flickr-id="[email protected]" class="group-xs flickr widget-flickrfeed">
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item"class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item"  class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
        <a data-photo-swipe-item="" href="" data-image_c="href" data-size="800x800"
           data-type="flickr-item" class="flickr-item thumbnail-classic">
            <img width="82" height="82" data-title="alt" src="images/_blank.png" alt="" data-image_q="src"/>
        </a>
    </div>
    

Twitter Feed

Для добавления виджета Twitter Feed на страницу воспользуйтесь следующим примером:


        <div data-twitter-username="templatemonster" data-twitter-date-hours=" hours ago"
                                    data-twitter-date-minutes=" minutes ago" class="twitter">
            <div data-twitter-type="tweet" class="twitter-sm">
                <div data-date="text" class="twitter-date text-dark small"></div>
                <div data-tweet="text" class="twitter-text"></div>
                <div data-screen_name="text" class="twitter-name text-bold big"></div>
            </div>
            <div data-twitter-type="tweet" class="twitter-sm">
                <div data-date="text" class="twitter-date text-dark small"></div>
                <div data-tweet="text" class="twitter-text"></div>
                <div data-screen_name="text" class="twitter-name text-bold big"></div>
            </div>
        </div>