Advertisement
Guest User

flippy theme

a guest
Mar 29th, 2015
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.44 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {block:Description}
  5. <meta name="description" content="{MetaDescription}" />
  6. {/block:Description}
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  9. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  10. <link rel="shortcut icon" href="http://41.media.tumblr.com/d055451ccc95317f119b92de506ed000/tumblr_nillm1yyt81u12j9yo2_250.png">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:links" content="#000000" />
  14. <meta name="color:links hover" content="#a0a0a0" />
  15. <meta name="color:text" content="#000000" />
  16. <meta name="color:posts" content="#ffffff" />
  17. <meta name="if:hide captions" content="0"/>
  18.  
  19. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  20. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  21. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  22.  
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:90,
  31. tip_fade_speed:600,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <style type="text/css">
  39. ::-moz-selection {
  40. background: {color:text};
  41. color: {color:background};
  42. }
  43.  
  44. ::selection {
  45. background: {color:text};
  46. color: {color:background};
  47. }
  48. ::-webkit-scrollbar {
  49. width: 13px;
  50. }
  51. ::-webkit-scrollbar-track {
  52. background:{color:background};
  53. }
  54. ::-webkit-scrollbar-thumb {
  55. background:{color:text};
  56. border:3px solid white;
  57. }
  58. ::-webkit-scrollbar-thumb:window-inactive {
  59. background: transparent;
  60. }
  61. #s-m-t-tooltip {
  62. max-width:300px;
  63. margin:10px 0px 0px 10px;
  64. background-color:white;
  65. padding:5px;
  66. border:1px solid black;
  67. border-radius:19px;
  68. font-size:12px;
  69. letter-spacing:1px;
  70. color:black;
  71. z-index:999999999999999999999999999999999999;
  72. }
  73. body {
  74. background:{color:Background};
  75. color: {color:text};
  76. font-family: helvetica, arial;
  77. background-image:url(http://static.tumblr.com/6c8c28f51a743f66f8a7c5d0b1659165/kfhytre/AKFnl6l5r/tumblr_static_e451pc14cigc0kkc04wog80ko.png);
  78. background-attachment:fixed;
  79. background-repeat:repeat;
  80. font-size: 11px;
  81. margin: 0;
  82. padding: 0;
  83. word-wrap: break-word;
  84. line-height:150%;
  85. cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  86. }
  87. a {
  88. color: {color:links};
  89. text-decoration: none;
  90. -webkit-transition: all .3s;
  91. -moz-transition: all .3s;
  92. -o-transition: all .3s;
  93. -ms-transition: all .3s;
  94. transition: all .3s;
  95. cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  96. }
  97. a:hover{
  98. color:{color:links hover};
  99. -webkit-transition: all .3s;
  100. -moz-transition: all .3s;
  101. -o-transition: all .3s;
  102. -ms-transition: all .3s;
  103. transition: all .3s;
  104. cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  105. }
  106.  
  107. blockquote {
  108. border-left: 1px solid {color:text};
  109. margin: 10px;
  110. padding-left:25px;
  111. padding-top:3px;
  112. padding-bottom:3px;
  113. }
  114. iframe, img, embed, object, video {max-width: 100%;}
  115. p{margin-bottom:10px;}
  116. img {height: auto;width:auto;max-width:100%;}
  117. h1{text-transform:uppercase;font-size:13px;}
  118. ul{list-style-type:square;}
  119. ol{list-style-type:;}
  120. #bigcon{
  121. width:560px;
  122. margin-left:auto;
  123. margin-right:auto;
  124. }
  125.  
  126. .tabcontent {
  127. position:fixed;
  128. margin-top:200px;
  129. margin-left:auto;
  130. margin-right:auto;
  131. width: 520px;
  132. text-align:center;
  133. margin-bottom:200px;
  134. }
  135.  
  136. .topthing{
  137. position:fixed;
  138. width:100%;
  139. height:220px;
  140. z-index:55;
  141. background:white;
  142. opacity:0.3;
  143. background-attachment:fixed;
  144. background-repeat:repeat;
  145. -webkit-transition: all .7s ease;
  146. -moz-transition: all .7s ease;
  147. -o-transition: all .7s ease;
  148. transition: all .7s ease;
  149. }
  150. .topthing:hover{
  151. opacity:0.8;
  152. -webkit-transition: all .7s ease;
  153. -moz-transition: all .7s ease;
  154. -o-transition: all .7s ease;
  155. transition: all .7s ease;
  156.  
  157. }
  158.  
  159. #topbar{
  160. position:fixed;
  161. background:transparent;
  162. width:300px;
  163. padding:10px;
  164. left:44%;
  165. z-index:99;
  166. margin-top:120px;
  167. z-index:61;
  168. text-align:right;
  169. }
  170.  
  171. .description{
  172. margin-bottom:0px;
  173. z-index:62;
  174. font-size:13px;
  175.  
  176. }
  177. .bt{
  178. position:fixed;
  179. left:31%;
  180. width:500px;
  181. margin-top:20px;
  182. height:40px;
  183. z-index:63;
  184. }
  185.  
  186. #navbar{
  187. display:inline-block;
  188. text-align:center;
  189. position:fixed;
  190. top:-2px;
  191. left:25%;
  192. font-size:12px;
  193. }
  194. #tg{
  195. position:fixed;
  196. right:20px;
  197. bottom:30px;
  198. width:80px;
  199. }
  200.  
  201. .tabs {
  202. width:50px;
  203. display:inline-block;
  204. }
  205. .tab-links:after {
  206. display:block;
  207. clear:both;
  208. content:'';
  209. }
  210. .tab-links li {
  211. margin-right:5px;
  212. display:inline-block;
  213. list-style:none;
  214. text-transform:uppercase;
  215. }
  216. .tab-links a {
  217. padding:7px;
  218. display:inline-block;
  219. color:{color:links};
  220. transition:all linear 0.15s;
  221. border-left:1px solid transparent;}
  222.  
  223. .tab-links a:hover {
  224. border-left:1px solid {color:text};
  225. text-decoration:none;
  226. transition:all linear 0.15s;}
  227.  
  228. li.active a, li.active a:hover {
  229. background:transparent;
  230. color:{color:background};
  231. border-bottom:1px solid {color:text};
  232. background:{color:links};
  233. -webkit-transition: all .3s;
  234. -moz-transition: all .3s;
  235. -o-transition: all .3s;
  236. -ms-transition: all .3s;
  237. transition: all .3s; }
  238. .tab-content {
  239. float:left;}
  240. .tab {
  241. display:none;}
  242. .tab.active {
  243. display:block;
  244. }
  245.  
  246. #wrapper{
  247. position:absolute;
  248. float:left;
  249. margin-top:200px;
  250. margin-left:-80px;
  251. overflow:hidden;
  252. text-align:center;
  253. width:700px;
  254. padding:5px;
  255. z-index:3;
  256. }
  257. .entry{
  258. padding:10px;
  259. margin:35px;
  260. background:{color:posts};
  261. float:left;
  262. text-align:left;
  263. {block:indexpage}
  264. width:250px;
  265. {/block:indexpage}
  266. {block:permalinkpage}
  267. left:-100px;
  268. width:500px;
  269. padding:10px;
  270. {/block:permalinkpage}
  271. }
  272.  
  273. .postinfo{
  274. margin-top:10px;
  275. font-weight:bold;}
  276. .tags {
  277. margin-top:5px;
  278. font-weight:normal;}
  279. ol.notes {
  280. display:block;
  281. text-align:left;
  282. list-style-type:none;
  283. margin-left:-40px;}
  284. ol.notes li.note{
  285. margin-bottom:5px;}
  286. .pagenotes {
  287. text-align:left;
  288. margin-top:15px;}
  289. .pagenotes img{
  290. padding-right:5px;
  291. padding-top:5px;
  292. margin-bottom:-5px;}
  293. ul.chat{
  294. list-style:none;
  295. margin-left:-40px;}
  296. .chat span {
  297. float: left;}
  298. .quote{
  299. font-size:20px;
  300. line-height:150%;}
  301. .quotesource{
  302. text-align:right;
  303. margin-bottom:10px;}
  304. .question{
  305. margin-bottom:15px;}
  306. .answer {
  307. font-size:11px;}
  308. .askerimg{
  309. position:relative;
  310. display:inline-block;
  311. margin-right:10px;}
  312. .songart{
  313. float:left;
  314. margin-right:10px;}
  315. .songart img{
  316. width:80px;
  317. height:80px;}
  318. .songtitle{
  319. margin-bottom:10px;
  320. margin-left:90px;}
  321. .songauthor{
  322. margin-bottom:10px;
  323. font-size:8px;
  324. margin-left:90px;}
  325. .tumblr_audio_player {
  326. height: 50px;}
  327. .pagination {
  328. display: none;}
  329. {CustomCSS}
  330. </style>
  331.  
  332.  
  333.  
  334.  
  335. </head>
  336. <body>
  337. <div id="tg">
  338. <a href="http://tumblrthemedirectory.com/" title="more themes h e r e"><img src="http://33.media.tumblr.com/46cd33f6456b49f6c6ab2251b2962c21/tumblr_nftsfxIxQJ1txu31to2_250.png" width="80px"></a></div>
  339. <div class="topthing"></div>
  340.  
  341. <div id="bigcon">
  342. <!--TOPBAR-->
  343. <div class="bt"><a href="/" title="refresh"><img src="http://static.tumblr.com/l7mom3b/btAnilk7j/sleaklayouts.png"></a></div><br>
  344. <div id="topbar">
  345. <div class="description">{description}
  346. <p>
  347. <script language="JavaScript">
  348. var ref = (''+document.referrer+'');
  349. var w_h = window.screen.width + " x " + window.screen.height;
  350. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4537345&e1=here&e2=here&r=' + ref + '&wh=' + w_h + '"><\/script>');
  351. </script>&nbsp;
  352. <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2754817&name=been"></script>
  353. </p>
  354. </div>
  355. <div id="navbar">
  356. <div class="tabs">
  357. <ul class="tab-links">
  358. <br><a href="#tab1" title="recent"><i class="fa fa-home"></i></a>
  359. <br><a href="#tab2" title="contact"><i class="fa fa-envelope-o"></i></a>
  360. <br><a href="#tab3" title="codes"><i class="fa fa-code"></i></a>
  361. <br><a href="#tab4" title="answered"><i class="fa fa-comment-o"></i></a>
  362. <br><a href="#tab5"><i class="fa fa-cloud"></i></a>
  363. </ul>
  364. </div>
  365. </div>
  366.  
  367. </div>
  368.  
  369.  
  370. <div class="tabs">
  371.  
  372.  
  373. <div class="tab-content">
  374. <div id="tab1" class="tab active">
  375.  
  376. <div id="wrapper">
  377.  
  378. {block:Posts}
  379. <div class="entry">
  380. {block:Text}
  381. {block:Title}
  382. <h1 class="title">
  383. <a href="{Permalink}">{Title}</a></h1>
  384. {/block:Title}
  385. {Body}
  386. {/block:Text}
  387.  
  388. {block:Photo}
  389. {block:IndexPage}
  390. {LinkOpenTag}
  391. <img src="{PhotoURL-250}" alt="{PhotoAlt}" />
  392. {LinkCloseTag}
  393. {/block:IndexPage}
  394. {block:PermalinkPage}
  395. {LinkOpenTag}
  396. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  397. {LinkCloseTag}{/block:PermalinkPage}
  398. {/block:Photo}
  399.  
  400.  
  401. {block:Photoset}
  402. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  403. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  404. {/block:Photoset}
  405.  
  406. {block:Quote}
  407. <div class="quote">{Quote}</div>
  408. {block:Source}
  409. <div class="quotesource">{Source}</div>
  410. {/block:Source}
  411. {/block:Quote}
  412.  
  413.  
  414. {block:Link}
  415. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  416. {block:Description}{Description}{/block:Description}
  417. {/block:Link}
  418.  
  419. {block:Chat}
  420. <ul class="chat">
  421. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  422. </ul>
  423. {/block:Chat}
  424.  
  425. {block:Audio}
  426. {block:AlbumArt}
  427. <div class="songart">
  428. <img src="{AlbumArtURL}">
  429. </div>
  430. {/block:AlbumArt}
  431. <div class="songtitle">
  432. {block:TrackName}
  433. {TrackName}
  434. {/block:TrackName}
  435. </div>
  436. <div class="songauthor">
  437. By
  438. {block:Artist}
  439. {Artist}
  440. {/block:Artist}
  441. </div>
  442. {AudioPlayerWhite}
  443. {/block:Audio}
  444.  
  445. {block:Video}
  446. <div class="video">
  447. <div class="video-player">{Video-500}</div>
  448. {/block:Video}
  449.  
  450. {block:Answer}
  451. <div class="askerimg"><img src="{AskerPortraitURL-16}"></div>
  452. <b>{Asker}:</b></span>
  453. <span class="question">{Question}</span>
  454. <p><div class="answer">{Answer}</div>
  455. {/block:Answer}
  456.  
  457. {block:Ifhidecaptions}
  458. {block:permalink}
  459. {block:Caption}
  460. {Caption}
  461. {/block:Caption}
  462. {/block:permalink}
  463. {/block:Ifhidecaptions}
  464. {block:Ifnothidecaptions}
  465. {block:Caption}
  466. {Caption}
  467. {/block:Caption}
  468. {/block:Ifnothidecaptions}
  469.  
  470. <!--POST INFORMATION-->
  471. <div class="postinfo">
  472.  
  473. <!--PERMALINK-->
  474. <a href="{Permalink}">
  475. {block:Date}
  476. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
  477. {/block:Date}
  478. </a>
  479.  
  480. <!--NOTES-->
  481. {block:NoteCount}
  482. <a href="{Permalink}"> + {NoteCount} </a>
  483. {/block:NoteCount}
  484.  
  485. <!--VIA AND SOURCE-->
  486. {block:RebloggedFrom}
  487. ( <a href="{ReblogParentURL}">Via</a>
  488. {/block:RebloggedFrom}
  489. {block:ContentSource}
  490. & <a href="{SourceURL}">Source</a>
  491. {/block:ContentSource}
  492. {block:RebloggedFrom} ){/block:RebloggedFrom}
  493.  
  494. <!--TAGS-->
  495. {block:HasTags}
  496. <div class="tags">
  497. {block:Tags}
  498. <a href="{TagURL}">#{Tag},</a>
  499. {/block:Tags}
  500. </div>
  501. {/block:HasTags}
  502.  
  503. </div>
  504.  
  505. <!--POST NOTES-->
  506. {block:PostNotes}
  507. <div class="pagenotes">{PostNotes-16}</div>
  508. {/block:PostNotes}
  509.  
  510.  
  511. </div><!--entry div-->
  512. {/block:Posts}
  513.  
  514.  
  515.  
  516. <div class="pagination">
  517. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  518. </div>
  519.  
  520. </div>
  521.  
  522. </div>
  523.  
  524. <div id="tab2" class="tab">
  525. <div class="tabcontent">
  526. <table>
  527. <tr><td>
  528. <div style="width: 200px; height:100px; font-size:13px;padding-right:30px;padding:15px; border-right:1px solid black;">
  529. <big>I will:</big><br>
  530. Help you with my themes, tuts, and understanding other themes/tuts and html in general
  531. <br> Accept submissions for ideas for themes/what you would like to see next/advice for themes
  532. </div>
  533. </td>
  534. <td>
  535. <div style="width:210px; height:100px;font-size:13px;padding-left:30px;padding:15px;border-left:1px solid black;">
  536. <big>I will not:</big><br>
  537. Give away someone's personal codes without their permission, or respect you for stealing other peoples coding (html is timely, I spend upwards of 6 hours on each theme)
  538. </div>
  539. </td>
  540. </tr>
  541. </table>
  542. <hr>
  543. SUBMIT THEME IDEAS HERE<br>
  544. Any Questions / Problems, ask away:
  545. <br><br>
  546. <iframe frameborder="0" width="480px" height="195px" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" seamless></iframe>
  547. </div>
  548. </div>
  549.  
  550. <div id="tab3" class="tab">
  551. <div class="tabcontent" style="width:1000px;">
  552. <div style="width:200px;position:fixed;left:8%;font-size:14px; margin-top:30px;text-align:right;">
  553. Kanagawa Theme
  554. <p><a href="/kanagawa" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=cAaDrH61">download</a>
  555. <br><br><br><p>
  556. <a href="http://sleaklayouts.tumblr.com/post/112724859870/kanagawa-theme-by-sleaklayouts-static-preiview">view post</a></p>
  557. </div>
  558. <div style="width:300px;background:white;padding:10px; left:24%; position:fixed;">
  559. <img src="http://cdn.makeagif.com/media/3-23-2015/7q39rG.gif" width="280px" style="border:1px solid black;">
  560. </div>
  561.  
  562. <div style="width:200px;position:fixed;left:76%;font-size:14px; margin-top:30px;text-align:left;">
  563. Em Theme
  564. <p><a href="/em" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=fcbefkbP">download</a>
  565. <br><br><br><p>
  566. <a href="http://sleaklayouts.tumblr.com/post/107347241550/em-theme-static-preview-download-featuring">view post</a>
  567. </div>
  568. <div style="width:300px;background:white;padding:10px;position:fixed;left:51%;">
  569. <img src="http://cdn.makeagif.com/media/3-23-2015/L95d4R.gif" width="280px" style="border:1px solid black;">
  570. </div>
  571.  
  572. <div style="width:200px;position:fixed;left:8%;font-size:14px; margin-top:30px;top:450px;text-align:right;">
  573. Slick Theme
  574. <p><a href="/slick" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=19SDur34">download</a>
  575. <br><br><br><p><a href="http://sleaklayouts.tumblr.com/post/111736343240/slick-theme-static-preview-download-features">view post</a></p>
  576. </div>
  577. <div style="width:300px;background:white;padding:10px;position:fixed;left:24%; top:450px;">
  578. <img src="http://40.media.tumblr.com/b49ba32a3a265eccee77cefb00878143/tumblr_na6reoFd5M1rt0u22o1_1280.png" width="280px" style="border:1px solid black;">
  579. </div>
  580.  
  581. <div style="width:200px;position:fixed;left:76%;font-size:14px; margin-top:30px;top:450px;text-align:left;">
  582. Slide Theme
  583. <p><a href="/slide" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=iSKtxspq">download</a>
  584. <br><br><br><p>
  585. <a href="http://sleaklayouts.tumblr.com/post/105511593365/slide-theme-v1-live-preview-download">view post</a></p>
  586. </div>
  587. <div style="width:300px;background:white;padding:10px;position:fixed;left:51%;top:450px;">
  588. <img src="http://38.media.tumblr.com/e308fe4a42a4dfffb4cf1c7512a322c9/tumblr_ngrrvr1u871tj7sn0o1_1280.gif" width="280px" style="border:1px solid black;">
  589. </div>
  590. </div>
  591. </div>
  592.  
  593.  
  594. <!-- -------------------------- TAB 4 -------------------------- -->
  595.  
  596. <div id="tab4" class="tab">
  597. <div class="tabcontent">
  598. </div>
  599. </div>
  600.  
  601.  
  602. <!-- -------------------------- TAB 5 -------------------------- -->
  603.  
  604. <div id="tab5" class="tab">
  605. <div class="tabcontent">
  606. Tab five content here
  607. </div>
  608. </div>
  609.  
  610.  
  611.  
  612. <!-- END OF TABS -->
  613.  
  614. </div>
  615. </div>
  616. </div>
  617. </div>
  618. </div>
  619.  
  620.  
  621. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  622. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  623. <script>
  624. $.noConflict();
  625. jQuery( document ).ready(function( $ ) {
  626. var $container = $('#wrapper');
  627. $container.imagesLoaded(function(){
  628. $container.masonry({
  629. itemSelector: '.entry',
  630. });
  631. });
  632. $container.infinitescroll({
  633. itemSelector : ".entry",
  634. navSelector : "div.pagination",
  635. nextSelector : ".pagination a#next",
  636. loadingImg : "http://media.giphy.com/media/IgQ8E05Dpg2ze/giphy.gif",
  637. loadingText : "<em></em>",
  638. bufferPx : 10000,
  639. extraScrollPx: 12000,
  640. },
  641. function( newElements ) {
  642. var $newElems = $( newElements ).css({ opacity: 0 });
  643. $newElems.imagesLoaded(function(){
  644. $newElems.animate({ opacity: 1 });
  645. $container.masonry( 'appended', $newElems, true );
  646. });
  647. }
  648. );
  649. });
  650. //new code
  651. $(document).ready(function() {
  652. $('.tabs .tab-links a').on('click', function(e) {
  653. var currentAttrValue = $(this).attr('href');
  654. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  655. $(this).parent('li').addClass('active').siblings().removeClass('active');
  656.  
  657. e.preventDefault();
  658. });
  659. });
  660. </script>
  661. <script>
  662. $(document).ready(function() {
  663. $('#filterOptions li a').click(function() {
  664. var ourClass = $(this).attr('class');
  665. $('#filterOptions li').removeClass('active');
  666. $(this).parent().addClass('active');
  667. if(ourClass == 'all') {
  668. $('#ourHolder').children('div.item').show();
  669. }
  670. else {
  671. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  672. $('#ourHolder').children('div.' + ourClass).show();
  673. }
  674. return false;
  675. });
  676. });
  677. </script>
  678. </body>
  679. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement