API tools faq
paste
Advertisement
ro8ot

E

ro8ot
May 21st, 2020
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.76 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en" dir="ltr">
  4.  
  5. <head>
  6. <meta charset="utf-8">
  7.  
  8. <meta name="twitter:title" content="متجر الاساطير">
  9. <meta name="twitter:description" content="اشتري بدون الحاجة لتسججيل الدخول , انشاء صفحتك الخاصة واعرض منتجاتك , بخطوات بسيطة">
  10. <meta name="twitter:image" content="https://i.imgur.com/ZMFgwj7.png">
  11. <meta name="twitter:card" content="summary_large_image">
  12.  
  13.  
  14. <meta property="og:title" content="متجر الاساطير ">
  15. <meta property="og:description" content="اشتري بدون الحاجة لتسجيل الدخول , او انشاء صفحتك الخاصة واعرض منتجاتك , بخطوات بسيطة ">
  16. <meta property="og:image" content="https://i.imgur.com/ZMFgwj7.png">
  17. <meta property="og:url" content="https://legends.red/">
  18. <link rel="stylesheet" href="style_cart.css">
  19. <title></title>
  20. </head>
  21. <style media="screen">
  22. @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
  23. @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
  24. *,
  25. *:before,
  26. *:after {
  27. box-sizing: border-box;
  28. }
  29.  
  30. body {
  31. font: 14px/22px "Lato", Arial, sans-serif;
  32. background: #282825;
  33. }
  34.  
  35. .lighter-text {
  36. color: #ABB0BE;
  37. }
  38.  
  39. .main-color-text {
  40. color: #6394F8;
  41. }
  42.  
  43. nav {
  44. padding: 1px 0 40px 0;
  45. background: #F8F8F8;
  46. font-size: 16px;
  47. background: linear-gradient(-110deg, #28f282 -80%, #222 90%);
  48.  
  49. }
  50.  
  51. nav .navbar-left {
  52. float: left;
  53. }
  54.  
  55. nav .navbar-right {
  56. float: right;
  57. }
  58.  
  59. nav ul li {
  60. display: inline;
  61. padding-left: 20px;
  62. }
  63.  
  64. nav ul li a {
  65. color: #000;
  66. text-decoration: none;
  67. }
  68.  
  69. nav ul li a:hover {
  70. color: #28f282;
  71. }
  72.  
  73. .container {
  74. margin: auto;
  75. width: 80%;
  76. }
  77.  
  78. .badge {
  79. background-color: #28f282;
  80. border-radius: 10px;
  81. color: white;
  82. display: inline-block;
  83. font-size: 12px;
  84. line-height: 1;
  85. padding: 3px 7px;
  86. text-align: center;
  87. vertical-align: middle;
  88. white-space: nowrap;
  89. }
  90.  
  91. .shopping-cart {
  92. margin: 20px 0;
  93. float: right;
  94. background: white;
  95. width: 320px;
  96. position: relative;
  97. border-radius: 3px;
  98. padding: 20px;
  99. }
  100.  
  101. .lop {
  102. height: 110px;
  103. }
  104.  
  105. .shopping-cart .shopping-cart-header {
  106. border-bottom: 1px solid #E8E8E8;
  107. padding-bottom: 15px;
  108. }
  109.  
  110. .shopping-cart .shopping-cart-header .shopping-cart-total {
  111. float: right;
  112. }
  113.  
  114. .shopping-cart .shopping-cart-items {
  115. padding-top: 20px;
  116. }
  117.  
  118. .shopping-cart .shopping-cart-items li {
  119. margin-bottom: 18px;
  120. }
  121.  
  122. .shopping-cart .shopping-cart-items img {
  123. float: left;
  124. margin-right: 12px;
  125. }
  126.  
  127. .shopping-cart .shopping-cart-items .item-name {
  128. display: block;
  129. padding-top: 10px;
  130. font-size: 16px;
  131. }
  132.  
  133. .shopping-cart .shopping-cart-items .item-price {
  134. color: #6394F8;
  135. margin-right: 8px;
  136. }
  137.  
  138. .shopping-cart .shopping-cart-items .item-quantity {
  139. color: #ABB0BE;
  140. }
  141.  
  142. .shopping-cart:after {
  143. bottom: 100%;
  144. left: 89%;
  145. border: solid transparent;
  146. content: " ";
  147. height: 0;
  148. width: 0;
  149. position: absolute;
  150. pointer-events: none;
  151. border-bottom-color: white;
  152. border-width: 8px;
  153. margin-left: -8px;
  154. }
  155.  
  156. .cart-icon {
  157. color: #515783;
  158. font-size: 24px;
  159. margin-right: 7px;
  160. float: left;
  161. }
  162.  
  163. .button {
  164. background: #6394F8;
  165. color: white;
  166. text-align: center;
  167. padding: 12px;
  168. text-decoration: none;
  169. display: block;
  170. border-radius: 3px;
  171. font-size: 16px;
  172. margin: 25px 0 15px 0;
  173. }
  174.  
  175. .button:hover {
  176. background: #729ef9;
  177. }
  178.  
  179. .clearfix:after {
  180. content: "";
  181. display: table;
  182. clear: both;
  183. }
  184.  
  185. *,
  186. *::before,
  187. *::after {
  188. box-sizing: border-box;
  189. }
  190.  
  191. .tol {
  192. width: 300px;
  193. border-radius: 5px;
  194. }
  195.  
  196. .tol1 {
  197. width: 200px;
  198. border-radius: 5px;
  199. }
  200.  
  201. .card {
  202. position: relative;
  203. width: 250px;
  204. height: 335px;
  205. padding: 13px;
  206. overflow: hidden;
  207. border-radius: 5px;
  208. box-shadow: 0px 4px 10px rgba(10, 0, 10, 0.3);
  209. transition: 0.5s;
  210. /* background:linear-gradient(to bottom, # 55%, #888 50%); */
  211. background: linear-gradient(30deg, #28f282 -20%, #444 35%);
  212.  
  213. }
  214.  
  215. .img_ {
  216. position: relative;
  217. top: -7%;
  218. width: 270px;
  219. height: 205px;
  220. }
  221.  
  222. .card:hover {
  223. box-shadow: 1px 5px 30px rgba(255, 255, 255, 0.3);
  224. transition: 0.1s;
  225. }
  226. /*Light blue cover above the slide show*/
  227.  
  228. .card::after {
  229. content: '';
  230. position: absolute;
  231. left: 0;
  232. top: 0;
  233. z-index: 90;
  234. display: block;
  235. background-color: rgba(140, 22, 115, 0.2);
  236.  
  237. }
  238.  
  239. .card_part {
  240. position: absolute;
  241. top: 555;
  242. left: 0;
  243. z-index: 7;
  244. display: flex;
  245. width: 100%;
  246. height: 100%;
  247. transform: translateX( 700px);
  248. animation: opaqTransition 28s cubic-bezier(0, 0, 0, 0.97) infinite;
  249. }
  250.  
  251. .card_part.card_part-two {
  252. z-index: 6;
  253. animation-delay: 7s;
  254. }
  255.  
  256. .card_part.card_part-three {
  257. z-index: 5;
  258. animation-delay: 14s;
  259. }
  260.  
  261. .card_part.card_part-four {
  262. z-index: 4;
  263. animation-delay: 21s;
  264. }
  265.  
  266. @keyframes opaqTransition {
  267. 3% {
  268. transform: translateX( 0);
  269. }
  270. 25% {
  271. transform: translateX( 0);
  272. }
  273. 28% {
  274. transform: translateX( -700px);
  275. }
  276. 100% {
  277. transform: translateX( -700px);
  278. }
  279. }
  280.  
  281. .card__ {
  282. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  283. width: 200px;
  284. height: 280px;
  285. text-align: center;
  286. font-family: arial;
  287. background-color: #1da0f1;
  288. display: inline-block;
  289. margin-left: 10px;
  290. border-radius: 5px;
  291. }
  292.  
  293. .price__ {
  294. color: rgb(22, 2, 2);
  295. font-size: 22px;
  296. }
  297.  
  298. .card__ button {
  299. border-radius: 3px;
  300. border: none;
  301. outline: 0;
  302. padding: 12px;
  303. color: white;
  304. background-color: #000;
  305. text-align: center;
  306. cursor: pointer;
  307. width: 100%;
  308. font-size: 18px;
  309. }
  310.  
  311. .card__ button:hover {
  312. opacity: 0.7;
  313. border-radius: 9px;
  314. box-sizing: content-box;
  315.  
  316. border: 3px solid #1da0f1;
  317. }
  318. .img_{
  319. border-radius: 5px;
  320. position: static;
  321.  
  322. }
  323. .r{
  324. border-radius: 5px;
  325. }
  326. ul {
  327. margin: 0;
  328. padding: 0;
  329. list-style: none
  330. }
  331.  
  332.  
  333. .navigation > aq1 {
  334. color: #282825;
  335. padding: 15px 10px;
  336. float: left
  337. }
  338.  
  339. .navigation > aq1 > aq {
  340. color: #282825;
  341. text-decoration: none
  342. }
  343.  
  344. .menu {
  345. position: relative
  346. }
  347.  
  348. .menu .submenu {
  349. position: absolute;
  350. top: 200px;
  351. left: 0;
  352. width: 150px;
  353. background-color: #fff;
  354. position: absolute;
  355. left: 10px;
  356. top: 10px;
  357. padding: 10px;
  358. box-shadow: 1px 3px 12px rgba(55, 55, 0, .5);
  359. transition: 11.100s ease-in;
  360.  
  361. display: none
  362. }
  363.  
  364. .menu .submenu aq1 {
  365. padding: 1px
  366. border-radius: 3px;
  367.  
  368. }
  369.  
  370. .menu .submenu aq1 aq {
  371. color: #282825;
  372. border-radius: 3px;
  373.  
  374. text-decoration: none
  375. }
  376.  
  377. .menu .submenu aq1 aq:hover {
  378. color: #282825
  379. border-radius: 3px;
  380.  
  381. }
  382.  
  383. .menu .submenu:before {
  384. border-left: 6px solid transparent;
  385. border-right: 6px solid transparent;
  386. border-bottom: 6px solid #282825;
  387. content: "";
  388. height: 0;
  389. left: 32px;
  390. border-radius: 3px;
  391.  
  392. position: absolute;
  393. top:-3px;
  394. width: 0;
  395. }
  396. .CradMM{
  397. height:150px;
  398. box-sizing: content-box;
  399. background-color:rgba(240, 240, 240);
  400. padding: 3px;
  401. border: 3px solid rgba(230, 230, 230,0.8);
  402. }
  403. nav .menu:hover .submenu {
  404. display: block
  405. }
  406. .fa-cc-visa:before{content:"\f1f0";
  407. }
  408. .fa{margin-top:-6vh;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:ma}
  409. .Heloo{
  410. color:#28f282;
  411. background-color: #000;
  412. width:184px;
  413. }
  414. .fa-paypal:before{content:"\f1ed"}
  415. .w1{
  416. }.toph{
  417. margin-left:900px;
  418. }
  419. .s1{
  420. margin-left:15px;
  421. margin-top:56px;
  422. text-align: center;
  423. background-color:#1da0f1 ;
  424.  
  425. }
  426. .Log{
  427. background-color:red ;
  428. color:#fff;
  429. border-radius: 6px;
  430.  
  431. }
  432. .endd{
  433. background-color:rgba(240, 240, 240);
  434. height:20px;
  435. text-align: center;
  436.  
  437. }
  438. hr{
  439. color: #444
  440. }
  441. .myButton {
  442. box-shadow: 0px 10px 14px -7px #888;
  443. background:linear-gradient(to bottom, #444 95%, #888 5%);
  444. background-color:#444;
  445. border-radius:4px;
  446. border:1px solid #444;
  447. display:inline-block;
  448. cursor:pointer;
  449. color:#ffffff;
  450. font-family:Arial;
  451. font-size:13px;
  452. font-weight:bold;
  453. padding:6px 12px;
  454. text-decoration:none;
  455. text-shadow:0px 1px 0px #5b8a3c;
  456. }
  457. .myButton:hover {
  458. background: linear-gradient(30deg, #28f282 -40%, #444 65%);
  459. background-color:#444;
  460. }
  461. .myButton:active {
  462. position:relative;
  463. top:1px;
  464. }
  465.  
  466.  
  467. </style>
  468. <link rel="stylesheet" type="text/css" href="http://cdn.dcodes.net/2/payment_icons/dc_payment_icons.css" />
  469. <body>
  470. <nav>
  471. <div class="nav-wrapper">
  472. <a href=""><img style="width:70px;" src="https://i.imgur.com/ZMFgwj7.png"></a>
  473. <ul style="margin-left:30px;margin-top: -55px;">
  474. <li></li>
  475. <li></li>
  476. <li><a href="#" id="cart"><i class="fa fa-shopping-cart"></i><span class="badge">0</span></a></li>
  477. <li><a href="#">حراج (soon)</a></li>
  478. <li><a href="/shop/home.php/@qway">شوبي</a></li>
  479.  
  480. <li class="menu">
  481. <a href="#">المتجر</a>
  482. <ul class="submenu">
  483. <li class="aq1"><a href="/shop/home.php/@x38b" class="aq">المنتجات</a></li><br>
  484. <li class="aq1"><a href="/shop/home.php/@x38b" class="aq">الخدمات الرقميه</a></li><br>
  485. </ul>
  486. </li>
  487. <li><a href="#"> <input hidden type="submit" class="Log" value="Logout"></a></li>
  488. </nav> </ul><br>
  489. </div><div class="CradMM">
  490. <center>
  491.  
  492.  
  493. <h2 class="Heloo">مرحبا بك في موقع الاساطير</h2>
  494. <span class="dc_payment_icons_flat_32 dc_visa_flat" title="Visa Electron"></span>
  495. <span class="dc_payment_icons_flat_32 dc_mastercard_flat" title="MasterCard"></span>
  496. <span class="dc_payment_icons_flat_32 dc_paypal_flat" title="PayPal"></span>
  497. </center>
  498.  
  499. </div><br>
  500. <hr>
  501.  
  502.  
  503. <div style="width:250px;margin-bottom:10px; margin-left:100px;" class="card">
  504. <center>
  505.  
  506. <div class="card-header">
  507. <img src="https://i.imgur.com/ChStdw8.png" style=" width:200px;">
  508.  
  509. <p>IG Hacking[@qway]v.7.1</p>
  510. </div>
  511. <div class="card-body">
  512.  
  513. <h5 class="card-title">Xbox test test test test</h5>
  514. <a href="" style="display: block;color:#007bff;">
  515. <hr>
  516. <a href="#" class="myButton">Subscribe</a> </div>
  517. </center>
  518. </div>
  519. <br>
  520.  
  521.  
  522. </body>
  523. <br><br><br>
  524. <br><br><br><br><br><br><br><br><br>
  525. <div class="endd">
  526. <li>2020 - BY legends</li>
  527. </div>
  528. </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!