API tools faq
paste
Advertisement
iteach

animated {deface}

iteach
Nov 29th, 2018
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.97 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <meta name="author" content="Codrops">
  6. <link rel="shortcut icon" href="https://upload.wikimedia.org/wikipedia/commons/8/8f/Latrodectus_hasseltii_close.jpg">
  7. <style type="text/css">
  8. @font-face {
  9. font-family:'BebasNeueRegular';
  10. src: url('fonts/BebasNeue-webfont.eot');
  11. src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  12. font-weight: normal;
  13. font-style: normal;
  14. }
  15. /* CSS reset */
  16. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  17. margin:0;
  18. padding:0;
  19. }
  20. html, body {
  21. margin:0;
  22. padding:0;
  23. }
  24. table {
  25. border-collapse:collapse;
  26. border-spacing:0;
  27. }
  28. fieldset, img {
  29. border:0;
  30. }
  31. input {
  32. border:1px solid #b0b0b0;
  33. padding:3px 5px 4px;
  34. color:#979797;
  35. width:190px;
  36. }
  37. address, caption, cite, code, dfn, th, var {
  38. font-style:normal;
  39. font-weight:normal;
  40. }
  41. ol, ul {
  42. list-style:none;
  43. }
  44. caption, th {
  45. text-align:left;
  46. }
  47. h1, h2, h3, h4, h5, h6 {
  48. font-size:100%;
  49. font-weight:normal;
  50. }
  51. q:before, q:after {
  52. content:';
  53.  
  54. }
  55. abbr, acronym {
  56. border:0;
  57. }
  58. /* General Demo Style */
  59. body {
  60. font-family: Constantia, Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
  61. background: #000;
  62. font-weight: 400;
  63. font-size: 15px;
  64. color: #aa3e03;
  65. overflow-y: scroll;
  66. overflow-x: hidden;
  67. }
  68. .ie7 body {
  69. overflow:hidden;
  70. }
  71. a {
  72. color: #333;
  73. text-decoration: none;
  74. }
  75. .container {
  76. position: relative;
  77. text-align: center;
  78. }
  79. .clr {
  80. clear: both;
  81. }
  82. .container > header {
  83. padding: 30px 30px 10px 20px;
  84. margin: 0px 20px 10px 20px;
  85. position: relative;
  86. display: block;
  87. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  88. text-align: left;
  89. }
  90. .container > header h1 {
  91. font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  92. font-size: 35px;
  93. line-height: 35px;
  94. position: relative;
  95. font-weight: 400;
  96. color: #fff;
  97. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  98. padding: 0px 0px 5px 0px;
  99. }
  100. .container > header h1 span {
  101. }
  102. .container > header h2, p.info {
  103. font-size: 16px;
  104. font-style: italic;
  105. color: #f8f8f8;
  106. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  107. }
  108. /* Header Style */
  109. .codrops-top {
  110. font-family: Arial, sans-serif;
  111. line-height: 24px;
  112. font-size: 11px;
  113. width: 100%;
  114. background: #000;
  115. opacity: 0.9;
  116. text-transform: uppercase;
  117. z-index: 9999;
  118. position: relative;
  119. -moz-box-shadow: 1px 0px 2px #000;
  120. -webkit-box-shadow: 1px 0px 2px #000;
  121. box-shadow: 1px 0px 2px #000;
  122. }
  123. .codrops-top a {
  124. padding: 0px 10px;
  125. letter-spacing: 1px;
  126. color: #ddd;
  127. display: block;
  128. float: left;
  129. }
  130. .codrops-top a:hover {
  131. color: #fff;
  132. }
  133. .codrops-top span.right {
  134. float: right;
  135. }
  136. .codrops-top span.right a {
  137. float: none;
  138. display: inline;
  139. }
  140. p.codrops-demos {
  141. display: block;
  142. padding: 15px 0px;
  143. }
  144. p.codrops-demos a, p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover {
  145. display: inline-block;
  146. border: 1px solid #6d0019;
  147. padding: 4px 10px 3px;
  148. font-size: 13px;
  149. line-height: 18px;
  150. margin: 2px 3px;
  151. font-weight: 800;
  152. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  153. -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);
  154. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  155. color:#fff;
  156. -webkit-border-radius: 5px;
  157. -moz-border-radius: 5px;
  158. border-radius: 5px;
  159. background: #a90329;
  160. background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  161. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
  162. background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  163. background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  164. background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  165. background: linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  166. }
  167. p.codrops-demos a:hover {
  168. background: #6d0019;
  169. }
  170. p.codrops-demos a:active {
  171. background: #6d0019;
  172. background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
  173. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d0019), color-stop(56%, #8f0222), color-stop(100%, #a90329));
  174. background: -webkit-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
  175. background: -o-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
  176. background: -ms-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
  177. background: linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
  178. -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  179. -moz-box-shadow:0px 1px 1px rgba(255, 255, 255, 0.9);
  180. box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  181. }
  182. p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover {
  183. color: #A5727D;
  184. background: #6d0019;
  185. }
  186. /* Media Queries */
  187. @media screen and(max-width: 767px) {
  188. .container > header {
  189. text-align: center;
  190. }
  191. p.codrops-demos {
  192. position: relative;
  193. top: auto;
  194. left: auto;
  195. }
  196. }
  197. </style>
  198. <style type="text/css">
  199. .cb-slideshow, .cb-slideshow:after {
  200. position: fixed;
  201. width: 100%;
  202. height: 100%;
  203. top: 0px;
  204. left: 0px;
  205. z-index: 0;
  206. }
  207. .cb-slideshow:after {
  208. content:';
  209. background: transparent url(http://im50.gulfup.com/6gQ52I.png) repeat top left;
  210. }
  211. .cb-slideshow li span {
  212. width: 100%;
  213. height: 100%;
  214. position: absolute;
  215. top: 0px;
  216. left: 0px;
  217. color: transparent;
  218. background-size: cover;
  219. background-position: 50% 50%;
  220. background-repeat: none;
  221. opacity: 0;
  222. z-index: 0;
  223. -webkit-backface-visibility: hidden;
  224. -webkit-animation: imageAnimation 36s linear infinite 0s;
  225. -moz-animation: imageAnimation 36s linear infinite 0s;
  226. -o-animation: imageAnimation 36s linear infinite 0s;
  227. -ms-animation: imageAnimation 36s linear infinite 0s;
  228. animation: imageAnimation 36s linear infinite 0s;
  229. }
  230. .cb-slideshow li div {
  231. z-index: 1000;
  232. position: absolute;
  233. bottom: 10px;
  234. left: 0px;
  235. width: 100%;
  236. text-align: right;
  237. opacity: 0;
  238. -webkit-animation: titleAnimation 36s linear infinite 0s;
  239. -moz-animation: titleAnimation 36s linear infinite 0s;
  240. -o-animation: titleAnimation 36s linear infinite 0s;
  241. -ms-animation: titleAnimation 36s linear infinite 0s;
  242. animation: titleAnimation 36s linear infinite 0s;
  243. }
  244. .cb-slideshow li div h3 {
  245. font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  246. font-size: 160px;
  247. padding: 0 30px;
  248. line-height: 120px;
  249. color: rgba(169, 3, 41, 0.8);
  250. }
  251. .cb-slideshow li:nth-child(1) span {
  252. background-image: url(http://ironmikemag.com/wp-content/uploads/2015/09/crowd.jpg)
  253. }
  254. .cb-slideshow li:nth-child(2) span {
  255. background-image: url(http://ironmikemag.com/wp-content/uploads/2015/09/crowd.jpg);
  256. -webkit-animation-delay: 6s;
  257. -moz-animation-delay: 6s;
  258. -o-animation-delay: 6s;
  259. -ms-animation-delay: 6s;
  260. animation-delay: 6s;
  261. }
  262. .cb-slideshow li:nth-child(3) span {
  263. background-image: url(http://ironmikemag.com/wp-content/uploads/2015/09/crowd.jpg);
  264. -webkit-animation-delay: 12s;
  265. -moz-animation-delay: 12s;
  266. -o-animation-delay: 12s;
  267. -ms-animation-delay: 12s;
  268. animation-delay: 12s;
  269. }
  270. .cb-slideshow li:nth-child(4) span {
  271. background-image: url(http://ironmikemag.com/wp-content/uploads/2015/09/crowd.jpg);
  272. -webkit-animation-delay: 18s;
  273. -moz-animation-delay: 18s;
  274. -o-animation-delay: 18s;
  275. -ms-animation-delay: 18s;
  276. animation-delay: 18s;
  277. }
  278. .cb-slideshow li:nth-child(5) span {
  279. background-image: url(http://photouploads.com/images/jihad.jpg);
  280. -webkit-animation-delay: 24s;
  281. -moz-animation-delay: 24s;
  282. -o-animation-delay: 24s;
  283. -ms-animation-delay: 24s;
  284. animation-delay: 24s;
  285. }
  286. .cb-slideshow li:nth-child(6) span {
  287. background-image: url(http://im76.gulfup.com/vNl9h9.jpg);
  288. -webkit-animation-delay: 30s;
  289. -moz-animation-delay: 30s;
  290. -o-animation-delay: 30s;
  291. -ms-animation-delay: 30s;
  292. animation-delay: 30s;
  293. }
  294. .cb-slideshow li:nth-child(7) span {
  295. background-image: url(http://im81.gulfup.com/8VKlpc.jpg);
  296. -webkit-animation-delay: 30s;
  297. -moz-animation-delay: 30s;
  298. -o-animation-delay: 30s;
  299. -ms-animation-delay: 30s;
  300. animation-delay: 30s;
  301. }
  302. .cb-slideshow li:nth-child(8) span {
  303. background-image: url(http://im44.gulfup.com/QigFRV.jpg);
  304. -webkit-animation-delay: 42s;
  305. -moz-animation-delay: 42s;
  306. -o-animation-delay: 42s;
  307. -ms-animation-delay: 42s;
  308. animation-delay: 42s;
  309. }
  310. .cb-slideshow li:nth-child(9) span {
  311. background-image: url(http://im45.gulfup.com/wfd6e0.jpg);
  312. -webkit-animation-delay: 48s;
  313. -moz-animation-delay: 48s;
  314. -o-animation-delay: 48s;
  315. -ms-animation-delay: 48s;
  316. animation-delay: 48s;
  317. }
  318. .cb-slideshow li:nth-child(10) span {
  319. background-image: url(http://im79.gulfup.com/DF1sg3.jpg);
  320. -webkit-animation-delay: 54s;
  321. -moz-animation-delay: 54s;
  322. -o-animation-delay: 54s;
  323. -ms-animation-delay: 54s;
  324. animation-delay: 54s;
  325. }
  326. .cb-slideshow li:nth-child(11) span {
  327. background-image: url(http://cyberwarzone.com/wp-content/uploads/2014/07/anonghost-opsavegaza.jpg);
  328. -webkit-animation-delay: 60s;
  329. -moz-animation-delay: 60s;
  330. -o-animation-delay: 60s;
  331. -ms-animation-delay: 60s;
  332. animation-delay: 60s;
  333. }
  334. .cb-slideshow li:nth-child(12) span {
  335. background-image: url(http://www11.0zz0.com/2013/11/26/16/414649839.jpg);
  336. -webkit-animation-delay: 66s;
  337. -moz-animation-delay: 66s;
  338. -o-animation-delay: 66s;
  339. -ms-animation-delay: 66s;
  340. animation-delay: 66s;
  341. }
  342. .cb-slideshow li:nth-child(13) span {
  343. background-image: url(http://cdn0-e.production.liputan6.com/medias/706385/big/Gaza-Israel__Screeenshot_via_The_Times_of_Israel_.jpg);
  344. -webkit-animation-delay: 72s;
  345. -moz-animation-delay: 72s;
  346. -o-animation-delay: 72s;
  347. -ms-animation-delay: 72s;
  348. animation-delay: 72s;
  349. }
  350. .cb-slideshow li:nth-child(14) span {
  351. background-image: url(http://photouploads.com/images/ghostjhj.jpg);
  352. -webkit-animation-delay: 78s;
  353. -moz-animation-delay: 78s;
  354. -o-animation-delay: 78s;
  355. -ms-animation-delay: 78s;
  356. animation-delay: 78s;
  357. }
  358. .cb-slideshow li:nth-child(15) span {
  359. background-image: url(http://photouploads.com/images/jihad.jpg);
  360. -webkit-animation-delay: 84s;
  361. -moz-animation-delay: 84s;
  362. -o-animation-delay: 84s;
  363. -ms-animation-delay: 84s;
  364. animation-delay: 84s;
  365. }
  366. .cb-slideshow li:nth-child(16) span {
  367. background-image: url(http://photouploads.com/images/aqsa.jpg);
  368. -webkit-animation-delay: 90s;
  369. -moz-animation-delay: 90s;
  370. -o-animation-delay: 90s;
  371. -ms-animation-delay: 90s;
  372. animation-delay: 90s;
  373. }
  374. .cb-slideshow li:nth-child(2) div {
  375. -webkit-animation-delay: 6s;
  376. -moz-animation-delay: 6s;
  377. -o-animation-delay: 6s;
  378. -ms-animation-delay: 6s;
  379. animation-delay: 6s;
  380. }
  381. .cb-slideshow li:nth-child(3) div {
  382. -webkit-animation-delay: 12s;
  383. -moz-animation-delay: 12s;
  384. -o-animation-delay: 12s;
  385. -ms-animation-delay: 12s;
  386. animation-delay: 12s;
  387. }
  388. .cb-slideshow li:nth-child(4) div {
  389. -webkit-animation-delay: 18s;
  390. -moz-animation-delay: 18s;
  391. -o-animation-delay: 18s;
  392. -ms-animation-delay: 18s;
  393. animation-delay: 18s;
  394. }
  395. .cb-slideshow li:nth-child(5) div {
  396. -webkit-animation-delay: 24s;
  397. -moz-animation-delay: 24s;
  398. -o-animation-delay: 24s;
  399. -ms-animation-delay: 24s;
  400. animation-delay: 24s;
  401. }
  402. .cb-slideshow li:nth-child(6) div {
  403. -webkit-animation-delay: 30s;
  404. -moz-animation-delay: 30s;
  405. -o-animation-delay: 30s;
  406. -ms-animation-delay: 30s;
  407. animation-delay: 30s;
  408. }
  409. @-webkit-keyframes imageAnimation {
  410. 0% {
  411. opacity: 0;
  412. -webkit-animation-timing-function: ease-in;
  413. }
  414. 8% {
  415. opacity: 1;
  416. -webkit-transform: scale(1.05);
  417. -webkit-animation-timing-function: ease-out;
  418. }
  419. 17% {
  420. opacity: 1;
  421. -webkit-transform: scale(1.1) rotate(3deg);
  422. }
  423. 25% {
  424. opacity: 0;
  425. -webkit-transform: scale(1.1) rotate(3deg);
  426. }
  427. 100% {
  428. opacity: 0
  429. }
  430. }
  431. @-moz-keyframes imageAnimation {
  432. 0% {
  433. opacity: 0;
  434. -moz-animation-timing-function: ease-in;
  435. }
  436. 8% {
  437. opacity: 1;
  438. -moz-transform: scale(1.05);
  439. -moz-animation-timing-function: ease-out;
  440. }
  441. 17% {
  442. opacity: 1;
  443. -moz-transform: scale(1.1) rotate(3deg);
  444. }
  445. 25% {
  446. opacity: 0;
  447. -moz-transform: scale(1.1) rotate(3deg);
  448. }
  449. 100% {
  450. opacity: 0
  451. }
  452. }
  453. @-o-keyframes imageAnimation {
  454. 0% {
  455. opacity: 0;
  456. -o-animation-timing-function: ease-in;
  457. }
  458. 8% {
  459. opacity: 1;
  460. -o-transform: scale(1.05);
  461. -o-animation-timing-function: ease-out;
  462. }
  463. 17% {
  464. opacity: 1;
  465. -o-transform: scale(1.1) rotate(3deg);
  466. }
  467. 25% {
  468. opacity: 0;
  469. -o-transform: scale(1.1) rotate(3deg);
  470. }
  471. 100% {
  472. opacity: 0
  473. }
  474. }
  475. @-ms-keyframes imageAnimation {
  476. 0% {
  477. opacity: 0;
  478. -ms-animation-timing-function: ease-in;
  479. }
  480. 8% {
  481. opacity: 1;
  482. -ms-transform: scale(1.05);
  483. -ms-animation-timing-function: ease-out;
  484. }
  485. 17% {
  486. opacity: 1;
  487. -ms-transform: scale(1.1) rotate(3deg);
  488. }
  489. 25% {
  490. opacity: 0;
  491. -ms-transform: scale(1.1) rotate(3deg);
  492. }
  493. 100% {
  494. opacity: 0
  495. }
  496. }
  497. @keyframes imageAnimation {
  498. 0% {
  499. opacity: 0;
  500. animation-timing-function: ease-in;
  501. }
  502. 8% {
  503. opacity: 1;
  504. transform: scale(1.05);
  505. animation-timing-function: ease-out;
  506. }
  507. 17% {
  508. opacity: 1;
  509. transform: scale(1.1) rotate(3deg);
  510. }
  511. 25% {
  512. opacity: 0;
  513. transform: scale(1.1) rotate(3deg);
  514. }
  515. 100% {
  516. opacity: 0
  517. }
  518. }
  519. @-webkit-keyframes titleAnimation {
  520. 0% {
  521. opacity: 0;
  522. -webkit-transform: translateX(200px);
  523. }
  524. 8% {
  525. opacity: 1;
  526. -webkit-transform: translateX(0px);
  527. }
  528. 17% {
  529. opacity: 1;
  530. -webkit-transform: translateX(0px);
  531. }
  532. 19% {
  533. opacity: 0;
  534. -webkit-transform: translateX(-400px);
  535. }
  536. 25% {
  537. opacity: 0
  538. }
  539. 100% {
  540. opacity: 0
  541. }
  542. }
  543. @-moz-keyframes titleAnimation {
  544. 0% {
  545. opacity: 0;
  546. -moz-transform: translateX(200px);
  547. }
  548. 8% {
  549. opacity: 1;
  550. -moz-transform: translateX(0px);
  551. }
  552. 17% {
  553. opacity: 1;
  554. -moz-transform: translateX(0px);
  555. }
  556. 19% {
  557. opacity: 0;
  558. -moz-transform: translateX(-400px);
  559. }
  560. 25% {
  561. opacity: 0
  562. }
  563. 100% {
  564. opacity: 0
  565. }
  566. }
  567. @-o-keyframes titleAnimation {
  568. 0% {
  569. opacity: 0;
  570. -o-transform: translateX(200px);
  571. }
  572. 8% {
  573. opacity: 1;
  574. -o-transform: translateX(0px);
  575. }
  576. 17% {
  577. opacity: 1;
  578. -o-transform: translateX(0px);
  579. }
  580. 19% {
  581. opacity: 0;
  582. -o-transform: translateX(-400px);
  583. }
  584. 25% {
  585. opacity: 0
  586. }
  587. 100% {
  588. opacity: 0
  589. }
  590. }
  591. @-ms-keyframes titleAnimation {
  592. 0% {
  593. opacity: 0;
  594. -ms-transform: translateX(200px);
  595. }
  596. 8% {
  597. opacity: 1;
  598. -ms-transform: translateX(0px);
  599. }
  600. 17% {
  601. opacity: 1;
  602. -ms-transform: translateX(0px);
  603. }
  604. 19% {
  605. opacity: 0;
  606. -ms-transform: translateX(-400px);
  607. }
  608. 25% {
  609. opacity: 0
  610. }
  611. 100% {
  612. opacity: 0
  613. }
  614. }
  615. @keyframes titleAnimation {
  616. 0% {
  617. opacity: 0;
  618. transform: translateX(200px);
  619. }
  620. 8% {
  621. opacity: 1;
  622. transform: translateX(0px);
  623. }
  624. 17% {
  625. opacity: 1;
  626. transform: translateX(0px);
  627. }
  628. 19% {
  629. opacity: 0;
  630. transform: translateX(-400px);
  631. }
  632. 25% {
  633. opacity: 0
  634. }
  635. 100% {
  636. opacity: 0
  637. }
  638. }
  639. /* Show at least something when animations not supported */
  640. .no-cssanimations .cb-slideshow li span {
  641. opacity: 1;
  642. }
  643. @media screen and(max-width: 1140px) {
  644. .cb-slideshow li div h3 {
  645. font-size: 100px
  646. }
  647. }
  648. @media screen and(max-width: 600px) {
  649. .cb-slideshow li div h3 {
  650. font-size: 50px
  651. }
  652. }
  653. </style>
  654. <script type="text/javascript" src="googledrive.com/host/0B0FAryoVedK0Szk4WW9GR3ZKWDg/modernizr.custom.86080.js"></script>
  655. </head>
  656.  
  657. <body id="page" style="color: #FFFFFF; background-color: #000000">
  658. <ul class="cb-slideshow">
  659. <li>
  660. <span>Image 01</span>
  661. <div>
  662. <h3></h3>
  663. </div>
  664. </li>
  665. <li>
  666. <span>Image 02</span>
  667. <div>
  668. <h3></h3>
  669. </div>
  670. </li>
  671. <li>
  672. <span>Image 03</span>
  673. <div>
  674. <h3></h3>
  675. </div>
  676. </li>
  677. <li>
  678. <span>Image 04</span>
  679. <div>
  680. <h3></h3>
  681. </div>
  682. </li>
  683. <li>
  684. <span>Image 05</span>
  685. <div>
  686. <h3></h3>
  687. </div>
  688. </li>
  689. <li>
  690. <span>Image 06</span>
  691. <div>
  692. <h3></h3>
  693. </div>
  694. </li>
  695. <li>
  696. <span>Image 07</span>
  697. <div>
  698. <h3></h3>
  699. </div>
  700. </li>
  701. <li>
  702. <span>Image 08</span>
  703. <div>
  704. <h3></h3>
  705. </div>
  706. </li>
  707. <li>
  708. <span>Image 09</span>
  709. <div>
  710. <h3></h3>
  711. </div>
  712. </li>
  713. <li>
  714. <span>Image 10</span>
  715. <div>
  716. <h3></h3>
  717. </div>
  718. </li>
  719. <li>
  720. <span>Image 11</span>
  721. <div>
  722. <h3></h3>
  723. </div>
  724. </li>
  725. <li>
  726. <span>Image 12</span>
  727. <div>
  728. <h3></h3>
  729. </div>
  730. </li>
  731. <li>
  732. <span>Image 13</span>
  733. <div>
  734. <h3></h3>
  735. </div>
  736. </li>
  737. <li>
  738. <span>Image 14</span>
  739. <div>
  740. <h3></h3>
  741. </div>
  742. </li>
  743. <li>
  744. <span>Image 15</span>
  745. <div>
  746. <h3></h3>
  747. </div>
  748. </li>
  749. <li>
  750. <span>Image 16</span>
  751. <div>
  752. <h3></h3>
  753. </div>
  754. </li>
  755. </ul>
  756. <div class="container">
  757. <!-- Codrops top bar -->
  758. <div class="codrops-top">
  759. <span class="right"></span>
  760. <div class="clr"></div>
  761. </div>
  762. <!--/ Codrops top bar -->
  763. <header>
  764. <p>
  765. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  766. <title>Hacked By h4ck3r0fth3ph17</title>
  767. <meta name="Keywords" content="Hacked By h4ck3r0fth3ph17">
  768. <link rel="shortcut icon" href="http://www.iconj.com/ico/u/5/u5oywrf99u.ico"
  769. type="image/x-icon">
  770. <script language="JavaScript1.2">
  771. function ejs_nodroit() {
  772. return (false);
  773. }
  774.  
  775. document.oncontextmenu = ejs_nodroit;
  776. </script>
  777. <style type="text/css">
  778. body {
  779. background-position:top left;
  780. background-size:100% 100%;
  781. background-repeat:no-repeat;
  782. background-attachment:fixed;
  783. }
  784. h1 {
  785. color: #333;
  786. font-size: 100px;
  787. margin: 1px auto;
  788. text-align:center;
  789. text-transform:uppercase;
  790. }
  791. .neon {
  792. color: #FFFFFF;
  793. text-shadow: 0 0 5px #1ab4e7, 0 0 10px #1ab4e7, 0 0 30px #18a2d0, 0 0 45px #18a2d0, 0 0 60px #18a2d0;
  794. }
  795. .matrix {
  796. color: #FFFFFF;
  797. font-family:Arial, Courier, Monotype;
  798. font-size:10pt;
  799. text-align:center;
  800. width:10px;
  801. padding:0px;
  802. margin:0px;
  803. }
  804. .auto-style1 {
  805. text-align: center;
  806. }
  807. .auto-style2 {
  808. text-align: center;
  809. color: #5BEEFF;
  810. }
  811. .auto-style3 {
  812. color: #545454;
  813. font-size: medium;
  814. }
  815. .auto-style6 {
  816. color: #545454;
  817. }
  818. .auto-style8 {
  819. text-align: center;
  820. font-family: Arial;
  821. }
  822. .auto-style9 {
  823. font-size: xx-large;
  824. }
  825. .auto-style10 {
  826. color: #B7B7B7;
  827. }
  828. </style>
  829. <script type="text/javascript">
  830. <!--
  831. //Disable right click script
  832. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  833. var message = 'Sorry, right-click has been disabled';
  834. ///////////////////////////////////
  835. function clickIE() {
  836. if (document.all) {
  837. (message);
  838. return false;
  839. }
  840. }
  841.  
  842. function clickNS(e) {
  843. if (document.layers || (document.getElementById && !document.all)) {
  844. if (e.which == 2 || e.which == 3) {
  845. (message);
  846. return false;
  847. }
  848. }
  849. }
  850. if (document.layers) {
  851. document.captureEvents(Event.MOUSEDOWN);
  852. document.onmousedown = clickNS;
  853. } else {
  854. document.onmouseup = clickNS;
  855. document.oncontextmenu = clickIE;
  856. }
  857. document.oncontextmenu = new Function('return false')
  858. // -->
  859. </script>
  860. <!-- <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700'
  861. rel='stylesheet' type='text/css'> </link> -->
  862. <!-- <script type='text/javascript'>
  863. </script> -->
  864. </p>
  865. <h1>Defaced By Kyfx</h1>
  866. <div id="matrix" class="auto-style8"></div>
  867. <center>
  868. <img border="0" src="https://static1.squarespace.com/static/54ca562de4b03f44086d0422/t/5aa0a7740d9297d31d09340e/1520710318781/"
  869. <="" img="">
  870. <p>
  871.  
  872. </video>
  873. </p>
  874. <font color="00b4ff">
  875. <font size="6">
  876. <b>
  877. <p>Hacked By h4ck3r0fth3ph17</p>
  878. <font color="00b4ff">
  879. <font size="4">
  880. <p>Message:</p>
  881. <p>"A light will always shine your home" </p>
  882. <p>Your website has been hacked, not because of stupidity</p>
  883. <p>We love you</p>
  884. <p>Relax and watch my deface pictures and listen the nice music in the background</p>
  885. <p>Peace is silence by fear</p>
  886. <p>Its basically because we want to share our message and show the world
  887. who am i?</p>
  888. <p>Im not looking for fame but i have a goal to achieve</p>
  889. <p>Something that could change everything...</p>
  890. <p>Im just a peace maker, by defacing and hacking.Im just uploading a spirit message that perhaps show a small miracle</p>
  891. <p>Goodbye from h4ck3r0fth3ph17</p>
  892. </font>
  893. </font>
  894. </b>
  895. <font color="00b4ff">
  896. <font size="4"></font>
  897. </font>
  898. </font>
  899. </font>
  900. <footer id="det" style="position:width: 100%; bottom: 0px; font-family: tahoma; height: 18px; color: darkWhite; font-size: 13px; left: 0px; border-top: 2px solid #222; padding: 0px; background-color: transparent">
  901. <center>
  902. <font color="silver" face="gothic" size="3">
  903. <b>Im sorry
  904. <b></b>
  905. </b>
  906. </font>
  907. </center>
  908. <b>
  909. <b>
  910. <marquee scrollamount="5" scrolldelay="50" width="100%" style="width: 100%;">
  911. <b>
  912. <font color="RED" face="gothic" size="4">Your website has been hacked by h4ck3r0fth3ph17.Please fix your securities as soon as possible for futher more attacks!</font>
  913. </b>
  914. </marquee>
  915. <center>
  916. <a href="https://fb.com/h4ck3r0fth3ph17"><h2>HAMA - VYAVASTHAPAK HAIKAR - hack3r0fth3ph17</h2></a>
  917. <center>
  918. <p></p>
  919. </center>
  920. </center>
  921. </b>
  922. </b>
  923. </footer>
  924. </center>
  925. </header>
  926. <b>
  927. <b></b>
  928. </b>
  929. </div>
  930. <b>
  931. <b>
  932. <center>Hacked By h4ck3r0fth3ph17</center>
  933. </b>
  934. </b>
  935. </body>
  936. <embed src="http://www.youtube.com/v/MbhVdveIxaA&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>
  937.  
  938. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!