Advertisement
rizky07

Untitled

Sep 13th, 2022
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.85 KB | None | 0 0
  1. {{>header}}
  2.  
  3. <ol class="breadcrumb">
  4. <li><a href="/">{{lang._HOME}}</a></li>
  5. <li>
  6. <a href="{{SITEURL}}/blog/{{post.post_category.id}}-{{post.post_category.slug}}.html">{{post.post_category.title}}</a>
  7. </li>
  8. <li class="active">{{{post.title}}}</li>
  9. </ol>
  10.  
  11. <!--<div class="col-md-10 col-md-offset-1 scroll-news">
  12. <marquee onmousedown="this.stop();" onmouseup="this.start();" scrollamount="5">
  13. {{#scrolling-news}}
  14. &bull; <a href="/post/{{id}}-{{slug}}.html">{{{title}}}</a> &bull; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  15. {{/scrolling-news}}
  16. </marquee>
  17. </div>-->
  18.  
  19.  
  20. <div class="container">
  21. <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
  22. <h1 class="post-title_k text-uppercase mb-5">{{{post.title}}}</h1>
  23.  
  24. <ul class="post-date-ul">
  25. <li>{{post.formatted_date}}</li>
  26. <li><a href="#">{{post.post_category.title}}</a></li>
  27. <li><i class="fa fa-comments-o"></i> {{comments_count}}</li>
  28. <li><i class="fa fa-eye"></i> {{post.views}}</li>
  29. </ul>
  30.  
  31.  
  32. <div class="post-content post-content-single">
  33. <!-- Post item-->
  34. <div class="post-item">
  35. <div class="post-image">
  36. {{#video-url}}
  37. <div id="myDiv"></div>
  38. <ul id="playlists" style="display:none;">
  39. <li data-source="playlist1" data-playlist-name="Видео новини"
  40. data-thumbnail-path="/api/uploads/blog/{{post.id}}/{{post.images.0.image}}">
  41. <p class="minimalDarkCategoriesTitle"><span class="minimialDarkBold"></span>Видео новина</p>
  42. <p class="minimalDarkCategoriesType"><span class="minimialDarkBold">Вид: </span>YouTube</p>
  43. <p class="minimalDarkCategoriesDescription"><span
  44. class="minimialDarkBold">Description: </span>Created using html elements, videos
  45. are loaded and played from the server.</p>
  46. </li>
  47. </ul>
  48. <ul id="playlist1" style="display:none;">
  49.  
  50. <li data-thumb-source="/api/uploads/blog/{{post.id}}/{{post.images.0.image}}"
  51. data-video-source="[{source:'{{video-url}}', label:'small version'}]"
  52. data-start-at-video="0"
  53. data-poster-source="/api/uploads/blog/{{post.id}}/{{post.images.0.image}}, /api/uploads/blog/{{post.id}}/{{post.images.0.image}}">
  54. <div data-video-short-description="">
  55. <div>
  56. <p class="classicDarkThumbnailTitle">{{post.title}}</p>
  57. <p class="minimalDarkThumbnailDesc">Описание на видеото</p>
  58. </div>
  59. </div>
  60. <div data-video-long-description="">
  61. <div>
  62. <p class="minimalDarkVideoTitleDesc">MULTIPLE VIDEO QUALITIES AND SUBTITLES
  63. EXAMPLE</p>
  64. <p class="minimalDarkVideoMainDesc">Each video can contain a detailed description,
  65. the description can be formatted with CSS as you like. The description window
  66. and description button can be disabled individually for each video or globally
  67. for all videos.</p>
  68. <p class="minimalDarkLink">For more information about this please follow <a
  69. href="http://www.webdesign-flash.ro/" target="_blank">this link</a></p>
  70. </div>
  71. </div>
  72. </li>
  73. </ul>
  74. {{/video-url}}
  75. {{^video-url}}
  76. {{#post.images.0.image}}
  77. <img alt="{{post.title}}" src="/api/uploads/blog/{{post.id}}/{{post.images.0.image}}"/>
  78. {{/post.images.0.image}}
  79. {{/video-url}}
  80. </div>
  81. <ul class="the-reactions">
  82. <li class="reactionn" data-id="1"><span class="awesome">{{post.awesome_reaction}}</span><img src="{{THEMEURL}}/images/reactions/awesome.gif"></li>
  83. <li class="reactionn" data-id="2"><span class="funny">{{post.funny_reaction}}</span><img src="{{THEMEURL}}/images/reactions/funny.gif"></li>
  84. <li class="reactionn" data-id="3"><span class="cry">{{post.cry_reaction}}</span><img src="{{THEMEURL}}/images/reactions/cry.gif"></li>
  85. <li class="reactionn" data-id="4"><span class="lol">{{post.lol_reaction}}</span><img src="{{THEMEURL}}/images/reactions/lol.gif"></li>
  86. <li class="reactionn" data-id="5"><span class="loved">{{post.loved_reaction}}</span><img src="{{THEMEURL}}/images/reactions/loved.gif"></li>
  87. <li class="reactionn" data-id="6"><span class="nice">{{post.nice_reaction}}</span><img src="{{THEMEURL}}/images/reactions/nice.png"></li>
  88. <li class="reactionn" data-id="7"><span class="wow">{{post.wow_reaction}}</span><img src="{{THEMEURL}}/images/reactions/wow.gif"></li>
  89. <li class="reactionn" data-id="8"><span class="fail">{{post.fail_reaction}}</span><img src="{{THEMEURL}}/images/reactions/fail.gif"></li>
  90. </ul>
  91. <input type="hidden" id="article" value="{{post.id}}" />
  92. <div class="post-content-details">
  93. <div class="post-title">
  94. <h2>{{{post.title}}}</h2>
  95. </div>
  96. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1846535141887168"
  97. crossorigin="anonymous"></script>
  98.  
  99.  
  100. {{#ad_46.html_code}}
  101. {{#ad_46}}
  102. {{{html_code}}}
  103. {{/ad_46}}
  104. {{/ad_46.html_code}}
  105. {{^ad_46.html_code}}
  106. {{#ad_46}}
  107. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  108. {{/ad_46}}
  109. {{/ad_46.html_code}}
  110.  
  111. <div class="post-description editable noselect">
  112. <div class="clearfix"></div>
  113. {{{post.body}}}
  114. </div>
  115. <div id="M761717ScriptRootC1225782"></div> <script src="https://jsc.adskeeper.co.uk/u/n/uniconbg.com.1225782.js" async></script>
  116.  
  117.  
  118. <div class="post-gallery row">
  119. {{#post.images}}
  120. <div class="col-md-3">
  121. <a href="{{SITEURL}}/api/uploads/blog/{{post.id}}/{{image}}" data-lightbox="post-imgs" data-title="{{post.title}}">
  122. <img src="{{SITEURL}}/api/uploads/blog/{{post.id}}/{{image}}" alt="{{post.title}}">
  123. </a>
  124.  
  125. </div>
  126. {{/post.images}}
  127. </div>
  128.  
  129. <br />
  130. <div>
  131. <div id="M761717ScriptRootC1225782"></div>
  132. <!-- <script src="https://jsc.adskeeper.co.uk/u/n/uniconbg.com.1225782.js" async></script> -->
  133. <script>
  134. var me = document.scripts[document.scripts.length - 1]
  135. , wrapper = me.parentNode
  136. , width = screen.width
  137.  
  138. wrapper.style.textAlign = "center"
  139.  
  140. switch (true) {
  141. case width < 336:
  142. document.write('<script>/* Uniconbg.com - Under article - 300x600 */ea_spot = 12666;ea_width = 300;ea_height = 600;ea_anonymous = 0;ea_redir = "";ea_hash = "hNOHv9qleqCACIVzmpa7O2_nSroa5wNNEiOcU01XwbCTDibH81LeIwlUKCKoWWWF";<\/script><script src="//eadsrv.com/js/display.js"><\/script>');
  143. break
  144.  
  145. case width < 728:
  146. document.write('<script>/* Uniconbg.com - Under article - 336x600 */ea_spot = 12665;ea_width = 336;ea_height = 600;ea_anonymous = 0;ea_redir = "";ea_hash = "hNOHv9qleqAeqgDD8GexP1aDeZaDk6da47inKsfiA7gmtBRZpnKM2kR5ux2hR9uI";<\/script><script src="//eadsrv.com/js/display.js"><\/script>');
  147. break
  148.  
  149. default:
  150. document.write('<script>/* Uniconbg.com - Under article - 728x250 */ea_spot = 12662;ea_width = 728;ea_height = 250;ea_anonymous = 0;ea_redir = "";ea_hash = "hNOHv9qleqBEBGHk1geFuzGWNYBVt_Z5MK0WG38fZ5b_mfj0QhuFkDypYriNEgst";<\/script><script src="//eadsrv.com/js/display.js"><\/script>');
  151. break
  152. }
  153. </script>
  154. </div>
  155.  
  156. <br />
  157.  
  158.  
  159.  
  160.  
  161. <div class="g-ytsubscribe" data-channelid="UCeMnRZ_frfjMMJnJo22hrXQ" data-layout="full" data-count="default"></div>
  162.  
  163. <div class="fb-share-button" style="display: block;margin-top: 20px;"
  164. data-href="{{actual_link}}"
  165. data-action="like" data-size="large" data-show-faces="false" data-share="true"
  166. data-layout="button_count">
  167. </div>
  168.  
  169.  
  170.  
  171.  
  172.  
  173. </div>
  174. </div>
  175. <div class="row " style="margin-top: 40px;">
  176. <div class="col-md-12">
  177. {{#ad_22.html_code}}
  178. {{#ad_22}}
  179. {{{html_code}}}
  180. {{/ad_22}}
  181. {{/ad_22.html_code}}
  182. {{^ad_22.html_code}}
  183. {{#ad_22}}
  184. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  185. {{/ad_22}}
  186. {{/ad_22.html_code}}
  187. </div>
  188. </div>
  189.  
  190. <!-- Comments-->
  191.  
  192. <div class="row">
  193. <div class="col-md-12 col-sm-12 col-xs-12">
  194. <h4 class="latest-title-home">Коментари</h4>
  195. </div>
  196. <div class="col-md-12 col-sm-12 col-xs-12">
  197. <div id="comments" class="comments">
  198. {{#comments}}
  199. <div class="comment">
  200. <div class="media-body">
  201. <table>
  202. <tr>
  203. <td>
  204. <span class="userphoto"><img src="{{THEMEURL}}/images/user-photo.jpg"></span>
  205. </td>
  206. <td>
  207. <h4>{{#user_info.first_name}}{{user_info.first_name}} {{user_info.last_name}}{{/user_info.first_name}}
  208. {{^user_info.first_name}}
  209. {{{name}}}
  210. {{/user_info.first_name}}</h4>
  211. <p class="time">{{formated_date}}</p>
  212. </td>
  213. </tr>
  214. </table>
  215. <p>{{{comment}}}</p>
  216. <a href="#do_comment" data-id="{{id}}"
  217. onclick="event.preventDefault(); changeParent({{id}});"
  218. class="comment-reply reply-but pull-right">{{lang._REPLY}}</a>
  219. </div>
  220. {{#child_comments}}
  221. <div class="comment comment-replied">
  222. <div class="media-body">
  223. <span class="userphoto"><img src="{{THEMEURL}}/images/user-photo.jpg"></span>
  224. <h4 class="media-heading">{{user_info.first_name}} {{user_info.last_name}}</h4>
  225. <p class="time">{{formated_date}}</p>
  226. <p>{{{comment}}}</p>
  227. </div>
  228. </div>
  229. {{/child_comments}}
  230. </div>
  231. {{/comments}}
  232. </div>
  233. </div>
  234. </div>
  235. <div class="row">
  236. <div class="col-md-12">
  237. <div class="comment-form">
  238. {{#logged_in}}
  239. <form class="form-gray-fields" action="" method="post" id="do_comment" role="form"
  240. enctype="multipart/form-data">
  241. <input type="hidden" name="do_comment" value="1"/>
  242. <input type="hidden" name="type" value="post"/>
  243. <input type="hidden" name="subject_id" value="{{post.id}}"/>
  244. <input type="hidden" name="parent_id" value="0"/>
  245. <div class="row">
  246. <div class="col-md-6 mt-razni">
  247. <span class="userphoto"><img src="{{THEMEURL}}/images/user-photo.jpg"></span>
  248. <h3 id="userer"> {{user_info.first_name}} {{user_info.last_name}}</h3>
  249. </div>
  250. </div>
  251. <div class="row">
  252. <div class="col-md-12">
  253. <div class="form-group">
  254. <label for="comment" class="upper">{{lang._YOUR_COMMENT}}</label>
  255. <textarea aria-required="true" id="comment"
  256. placeholder="{{lang._YOUR_COMMENT}}..." rows="9" name="comment"
  257. class="form-control required"></textarea>
  258. </div>
  259. </div>
  260. </div>
  261. <div class="row">
  262. <div class="col-md-12">
  263. <div class="form-group text-center">
  264. <button style="position: initial; top: 0; width: 180px;" type="submit"
  265. class="view-more-article-new">{{lang._FRONT_SEND_COMMENT}}</button>
  266. </div>
  267. </div>
  268. </div>
  269. </form>
  270. {{/logged_in}}
  271. {{^logged_in}}
  272. <!--<a href="#" class="btn btn-success" data-toggle="modal" data-target="#modal-login"><i
  273. class="fa fa-user"></i> Вход</a>-->
  274. <form class="form-gray-fields" action="" method="post" id="do_comment" role="form"
  275. enctype="multipart/form-data">
  276. <input type="hidden" name="do_comment" value="1"/>
  277. <input type="hidden" name="type" value="post"/>
  278. <input type="hidden" name="subject_id" value="{{post.id}}"/>
  279. <input type="hidden" name="parent_id" value="0"/>
  280. <div class="row">
  281. <div class="col-md-6">
  282. <div class="form-group">
  283. <label for="comment" class="">{{lang._YOUR_NAME}}</label>
  284. <input type="text" name="name" value="" class="form-control" placeholder="{{lang._YOUR_NAME}}" required />
  285. </div>
  286. </div>
  287. </div>
  288. <div class="row">
  289. <div class="col-md-12">
  290. <div class="form-group">
  291. <label for="comment" class="upper">{{lang._YOUR_COMMENT}}</label>
  292. <textarea aria-required="true" id="comment"
  293. placeholder="{{lang._YOUR_COMMENT}}..." rows="9" name="comment"
  294. class="form-control required"></textarea>
  295. </div>
  296. </div>
  297. </div>
  298. <div class="row">
  299. <div class="col-md-12">
  300. <div class="form-group text-center">
  301. <button style="position: initial; top: 0; width: 180px;" type="submit"
  302. class="view-more-article-new">{{lang._FRONT_SEND_COMMENT}}</button>
  303. </div>
  304. </div>
  305. </div>
  306. </form>
  307. {{/logged_in}}
  308. </div>
  309. </div>
  310. </div>
  311.  
  312. <!-- END: Comments-->
  313. </div>
  314. </div>
  315.  
  316. <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
  317. <div class="sidebar sidebar-modern">
  318.  
  319.  
  320. <!--widget blog articles-->
  321.  
  322. <section class="widget widget_categories blog_cats">
  323. <div class="col-md-12 col-sm-12 col-xs-12">
  324. <h4 class="latest-title-home">{{lang._LATEST_NEWS}}</h4>
  325. </div>
  326. <ul>
  327. {{#latest-news}}
  328. <div class="article__small">
  329. <div class="article__small__image">
  330. <a href="{{SITEURL}}/post/{{id}}-{{slug}}.html">
  331. {{#images.0.image}}
  332. <img src="/api/uploads/blog/{{id}}/{{images.0.image}}">
  333. {{/images.0.image}}
  334. {{^images.0.image}}
  335. <img src="{{THEMEURL}}/images/noimage.png">
  336. {{/images.0.image}}
  337. </a>
  338. </div>
  339. <div class="article__small_content">
  340. <a href="{{SITEURL}}/post/{{id}}-{{slug}}.html" class="article__title__link">{{{title}}}</a>
  341. <span class="article__small_time">{{created}}</span>
  342. </div>
  343. </div>
  344. {{/latest-news}}
  345. </ul>
  346. </section>
  347.  
  348. {{#ad_23.html_code}}
  349. {{#ad_23}}
  350. {{{html_code}}}
  351. {{/ad_23}}
  352. {{/ad_23.html_code}}
  353. {{^ad_23.html_code}}
  354. {{#ad_23}}
  355. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  356. {{/ad_23}}
  357. {{/ad_23.html_code}}
  358. <br>
  359. <!--<script type="text/javascript" src="https://js.winbetaffiliates.com/javascript.php?prefix=OCR83BIHOvbBIopaNv7uDWNd7ZgqdRLk&amp;media=3666&amp;campaign=235"></script>
  360. <script type="text/javascript" src="https://js.winbetaffiliates.com/javascript.php?prefix=OCR83BIHOvZYAV4ttI1s6GNd7ZgqdRLk&amp;media=3714&amp;campaign=235"></script>-->
  361. <script>
  362. /* uniconbg.com - Sidebar - 300x600 */
  363. ea_spot = 12463;
  364. ea_width = 300;
  365. ea_height = 600;
  366. ea_anonymous = 0;
  367. ea_redir = "";
  368. ea_hash = "hNOHv9qleqAxmFpeE5iB9CzO4nrgMrhKmeVqPBO0W7SUw_jtf_go-A,,";
  369. </script>
  370. <script src="//eadsrv.com/js/display.js"></script>
  371. </div>
  372. </div>
  373. {{#poll}}
  374. <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
  375. <div class="polls">
  376. <div id="msgholder"></div>
  377. <section class="widget widget_categories blog_cats">
  378. <h4 class="poll-title">{{{title}}}</h4>
  379. <div class="col-md-12 col-sm-12 col-xs-12">
  380. </div>
  381. <input type="hidden" value="{{id}}" id="p_id">
  382. {{#answers}}
  383. <div class="vote-option">
  384. <div>
  385. <span id="voteCount{{id}}">{{votes}}</span>
  386. <a href="javascript:;" data-id="{{id}}" class="vote">Гласувай</a>
  387. <div class="textVote">
  388. {{text}}
  389. </div>
  390. </div>
  391.  
  392. </div>
  393. {{/answers}}
  394. </section>
  395. </div>
  396. <div class="col-md-12 text-center" style="margin-top:20px;">
  397. {{#ad_28.html_code}}
  398. {{#ad_28}}
  399. {{{html_code}}}
  400. {{/ad_28}}
  401. {{/ad_28.html_code}}
  402. {{^ad_28.html_code}}
  403. {{#ad_28}}
  404. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  405. {{/ad_28}}
  406. {{/ad_28.html_code}}
  407. </div>
  408. <div class="col-md-12 text-center" style="margin-top:20px;">
  409. {{#ad_29.html_code}}
  410. {{#ad_29}}
  411. {{{html_code}}}
  412. {{/ad_29}}
  413. {{/ad_29.html_code}}
  414. {{^ad_29.html_code}}
  415. {{#ad_29}}
  416. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  417. {{/ad_29}}
  418. {{/ad_29.html_code}}
  419. </div>
  420. <div class="col-md-12 text-center" style="margin-top:20px;">
  421. {{#ad_30.html_code}}
  422. {{#ad_30}}
  423. {{{html_code}}}
  424. {{/ad_30}}
  425. {{/ad_30.html_code}}
  426. {{^ad_30.html_code}}
  427. {{#ad_30}}
  428. <a href="{{url}}" target="_blank"><img src="/api/uploads/ads/{{image}}" style="max-width: 100%;"/></a>
  429. {{/ad_30}}
  430. {{/ad_30.html_code}}
  431. </div>
  432. </div>
  433. {{/poll}}
  434. </div>
  435. <div class="page-title page-title--classic bg-2" style="background-image: url(/img-demo/bg-page-title/1.jpg);">
  436. <div class="container">
  437. <div class="page-title__main">
  438. <div class="row">
  439. <div class="col-md-6 col-sm-6">
  440.  
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446.  
  447. <br/>
  448.  
  449. <section class="content p-t-20">
  450. <div class="container">
  451. <div class="row">
  452. <!-- Sidebar-->
  453.  
  454. <!-- END: Sidebar-->
  455. <!-- Blog post-->
  456.  
  457. <!-- END: Blog post-->
  458. </div>
  459. </div>
  460. </section>
  461.  
  462. <!-- The Modal -->
  463. <div id="myModal" class="modal">
  464.  
  465. <!-- Modal content -->
  466. <div class="modal-content">
  467. <span class="close1">&times;</span>
  468. <p><h1 style="text-align: center;" class="post-title_k text-uppercase mb-5">МОЛЯ, ХАРЕСАЙТЕ НИ В СОЦИАЛНИТЕ МРЕЖИ</h1></p>
  469. <p>
  470. <ul style="text-align: center;" class="social-header">
  471. <li><a href="https://www.facebook.com/uniconbg/"><img style="width: 80px;"
  472. src="{{THEMEURL}}/images/facebook-logo.png" target="_blank" ></a></li>
  473. <li><a href="https://www.youtube.com/channel/UCeMnRZ_frfjMMJnJo22hrXQ" target="_blank" ><img style="width: 80px;"
  474. src="{{THEMEURL}}/images/youtube-symbol.png"></a></li>
  475. </ul>
  476. </p>
  477. </div>
  478.  
  479. </div>
  480. <script>
  481.  
  482. // LIKE US MODAL
  483. // $(document).ready(function(){
  484. // if (!sessionStorage.alreadyClicked) {
  485. // var modal = $("#myModal");
  486. // var modal_content = $(".modal-content");
  487. // var span = $(".close1");
  488. // setTimeout(
  489. // function() {
  490. // $(modal).css("display", "block");
  491. // sessionStorage.alreadyClicked = "true";
  492. // }, 10000 );
  493. // }
  494.  
  495. // $(span).click(function() {
  496. // $(modal).css("display", "none");
  497. // });
  498.  
  499. // $(document).on("click", function (event) {
  500. // if ($(event.target).closest(modal_content).length === 0) {
  501. // $(modal).css("display", "none");
  502. // }
  503. // });
  504.  
  505. // });
  506.  
  507.  
  508.  
  509. </script>
  510. <style>
  511. .modal {
  512. display: none;
  513. position: fixed;
  514. z-index: 1;
  515. left: 0;
  516. top: 0;
  517. width: 100%;
  518. height: 100%;
  519. overflow: auto;
  520. background-color: rgb(0,0,0);
  521. background-color: rgba(0,0,0,0.4);
  522. }
  523.  
  524.  
  525. .modal-content {
  526. background-color: #fefefe;
  527. margin: 15% auto;
  528. padding: 20px;
  529. border: 1px solid #888;
  530. width: 50%;
  531. }
  532.  
  533.  
  534. .close1 {
  535. color: #aaa;
  536. float: right;
  537. font-size: 28px;
  538. font-weight: bold;
  539. }
  540.  
  541. .close1:hover,
  542. .close1:focus {
  543. color: black;
  544. text-decoration: none;
  545. cursor: pointer;
  546. }
  547.  
  548. @media only screen and (max-width: 768px){
  549. .modal-content {
  550. width: 80%;
  551. }
  552. }
  553. </style>
  554. {{>footer}}
  555.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement