mebuckner

Custom Order - Dark Halo - Layout

Oct 8th, 2020 (edited)
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 39.79 KB | None | 0 0
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4.  
  5. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  6.  
  7. body {
  8. background-color:#232426;
  9. background-repeat:no-repeat;
  10. background-attachment:fixed;
  11. margin: 0;
  12. overflow:auto;
  13. background-image:url('https://i.imgur.com/c1RsbBu.png');
  14. background-size:cover;
  15. }
  16.  
  17. table, tr, td{
  18. font-size: 12px;
  19. color: #717171;
  20. font-family: 'Playfair Display', serif;
  21. color:#fff;
  22. }
  23.  
  24.  
  25. .container {
  26. width:800px;
  27. height:auto;
  28. position:absolute;
  29. left:0;
  30. right:0;
  31. top:0;
  32. overflow:hidden;
  33. margin:auto;
  34. color:#fff;
  35. background-color:#5c0000;
  36. font-family: 'Abel', sans-serif;
  37. text-align:center;
  38. }
  39.  
  40. .welcomeMessage{
  41. width: 156px;
  42. height: 69px;
  43. padding: 20px;
  44. background: #5c0000;
  45. vertical-align: top;
  46. display: inline-block;
  47. text-align: justify;
  48. overflow: auto;
  49. font-family: Playfair Display;
  50. color: #fff;
  51. }
  52.  
  53. .extraLinks{
  54. width:195px;
  55. height:109px;
  56. background:#5c0000;
  57. vertical-align:top;
  58. display:inline-block;
  59. overflow: auto;
  60. }
  61.  
  62.  
  63. a.navigationLinks:link, a.navigationLinks:visited {
  64. background-color: #5c0000;
  65. color: white;
  66. padding: 14px 24px;
  67. text-align: center;
  68. text-decoration: none;
  69. display: inline-block;
  70. width: 63px;
  71. font-family: 'Playfair Display', serif;
  72. text-transform: uppercase;
  73. font-weight: 100;
  74. }
  75.  
  76. a.navigationLinks:hover, a.navigationLinks:active {
  77. color: #0d0d0d;
  78. }
  79.  
  80.  
  81. a.extraLinks:link, a.extraLinks:visited {
  82.     background-color: #5c0000;
  83.     color: white;
  84.     padding: 10px 24px;
  85.     text-align: center;
  86.     text-decoration: none;
  87.     display: inline-block;
  88.     width: 142px;
  89.     height: auto;
  90.     font-family: 'Playfair Display', serif;
  91.     text-transform: uppercase;
  92.     font-weight: 100;
  93. }
  94.  
  95. a.extraLinks:hover, a.extraLinks:active {
  96. color: #0d0d0d;
  97. }
  98.  
  99.  
  100. a.ownerContentLinks:link, a.ownerContentLinks:visited {
  101. background-color: #5c0000;
  102.     color: white;
  103.     padding: 10px 16px;
  104.     text-align: center;
  105.     text-decoration: none;
  106.     display: inline-block;
  107.     width: 71px;
  108.     height: auto;
  109.     font-family: 'Playfair Display', serif;
  110.     text-transform: uppercase;
  111.     font-weight: 100;
  112.     margin-top: 5px;
  113. }
  114.  
  115. a.ownerContentLinks:hover, a.ownerContentLinks:active {
  116. color: #0d0d0d;
  117. }
  118.  
  119.  
  120. a.affiliateLinks:link, a.affiliateLinks:visited {
  121. background-color: #5c0000;
  122.     color: white;
  123.     padding: 14px 24px;
  124.     text-align: center;
  125.     text-decoration: none;
  126.     display: inline-block;
  127.     width: 100px;
  128.     font-family: 'Playfair Display', serif;
  129.     text-transform: uppercase;
  130.     font-weight: 100;
  131. }
  132.  
  133. a.affiliateLinks:hover, a.affiliateLinks:active {
  134. color: #0d0d0d;
  135. }
  136.  
  137.  
  138.  
  139. a.affiliateLinksPopop:link, a.affiliateLinksPopop:visited {
  140. background-color: #5c0000;
  141.     color: white;
  142.     padding: 14px 24px;
  143.     text-align: center;
  144.     text-decoration: none;
  145.     display: inline-block;
  146.     width: 100px;
  147.     font-family: 'Playfair Display', serif;
  148.     text-transform: uppercase;
  149.     font-weight: 100;
  150.     margin-bottom:5px;
  151. }
  152.  
  153. a.affiliateLinksPopop:hover, a.affiliateLinksPopop:active {
  154. color: #0d0d0d;
  155. }
  156.  
  157.  
  158. a.ownerLinks:link, a.ownerLinks:visited {
  159.     background-color: #0d0d0d;
  160.     color: white;
  161.     padding: 14px 24px;
  162.     text-align: center;
  163.     text-decoration: none;
  164.     display: inline-block;
  165.     width: 198px;
  166.     font-family: 'Playfair Display', serif;
  167.     text-transform: uppercase;
  168.     font-weight: 100;
  169.     margin: 0!important;
  170. }
  171.  
  172. a.ownerLinks:hover, a.ownerLinks:active {
  173. color: #0d0d0d;
  174. }
  175.  
  176.  
  177. h1{
  178. margin: 0;
  179. font-size: 15px;
  180. font-family: 'Playfair Display', serif;
  181. color: #000;
  182. width: 100%;
  183. text-align: center;
  184. margin-top: -12px;
  185. margin-bottom: 5px;
  186. text-transform: uppercase;
  187. font-weight: 100;
  188. }
  189.  
  190.  
  191. h2{
  192. margin: 0;
  193.     font-size: 17px;
  194.     font-family: 'Playfair Display', serif;
  195.     color: #fff;
  196.     width: 300px;
  197.     text-align: center;
  198.     text-transform: uppercase;
  199.     font-weight: 100;
  200.     background-color: #0d0d0d;
  201.     padding-top: 10px;
  202.     padding-bottom: 10px;
  203.     letter-spacing: 8px;
  204. }
  205.  
  206.  
  207. h3{
  208. margin: 0;
  209. font-size: 17px;
  210. font-family: 'Playfair Display', serif;
  211. color: #fff;
  212. width: 497px;
  213. text-align: center;
  214. text-transform: uppercase;
  215. font-weight: 100;
  216. background-color: #0d0d0d;
  217. padding-top: 10px;
  218. padding-bottom: 10px;
  219. letter-spacing: 8px;
  220. }
  221.  
  222.  
  223. h4{
  224. margin: 0;
  225. font-size: 17px;
  226. font-family: 'Playfair Display', serif;
  227. color: #fff;
  228. width: 495px;
  229. text-align: center;
  230. text-transform: uppercase;
  231. font-weight: 100;
  232. background-color: #0d0d0d;
  233. padding-top: 10px;
  234. padding-bottom: 10px;
  235. letter-spacing: 8px;
  236. }
  237.  
  238. h5{
  239.     margin: 0;
  240.     font-size: 17px;
  241.     font-family: 'Playfair Display', serif;
  242.     color: #fff;
  243.     width: 224px;
  244.     text-align: center;
  245.     text-transform: uppercase;
  246.     font-weight: 100;
  247.     background-color: #5c0000;
  248.     padding-top: 10px;
  249.     padding-bottom: 10px;
  250.     letter-spacing: 8px;
  251.     margin-top: -20px;
  252. }
  253.  
  254.  
  255. b{
  256. color: #fff;
  257. background-color: #0d0d0d;
  258. padding: 5px;
  259. line-height: 32px;
  260. }
  261.  
  262. li{
  263. font-family:Playfair Display;
  264. font-size:12px;
  265. text-align:justify;
  266. color:#fff;
  267. }
  268.  
  269. #maze{
  270. display:none;
  271. }
  272.  
  273. #maze:target{
  274. width: 500px;
  275. height: 500px;
  276. display: block;
  277. position: fixed;
  278. top: 0;
  279. left: 0;
  280. right: 0;
  281. bottom: 0;
  282. margin: auto;
  283. background: #0d0d0d;
  284. overflow:auto;
  285. z-index:99999;
  286. }
  287.  
  288.  
  289. #aurora{
  290. display:none;
  291. }
  292.  
  293. #aurora:target{
  294. width: 500px;
  295. height: 500px;
  296. display: block;
  297. position: fixed;
  298. top: 0;
  299. left: 0;
  300. right: 0;
  301. bottom: 0;
  302. margin: auto;
  303. background: #0d0d0d;
  304. overflow:auto;
  305. z-index:99999;
  306. }
  307.  
  308. #siblings{
  309. display:none;
  310. }
  311.  
  312. #siblings:target{
  313. width: 500px;
  314. height: 500px;
  315. display: block;
  316. position: fixed;
  317. top: 0;
  318. left: 0;
  319. right: 0;
  320. bottom: 0;
  321. margin: auto;
  322. background: #0d0d0d;
  323. overflow:auto;
  324. z-index:99999;
  325. }
  326.  
  327.  
  328. #highrec{
  329. display:none;
  330. }
  331.  
  332. #highrec:target{
  333. width: 500px;
  334. height: 500px;
  335. display: block;
  336. position: fixed;
  337. top: 0;
  338. left: 0;
  339. right: 0;
  340. bottom: 0;
  341. margin: auto;
  342. background: #0d0d0d;
  343. overflow:auto;
  344. z-index:99999;
  345. }
  346.  
  347.  
  348. #resourcesites{
  349. display:none;
  350. }
  351.  
  352. #resourcesites:target{
  353. width: 500px;
  354. height: 500px;
  355. display: block;
  356. position: fixed;
  357. top: 0;
  358. left: 0;
  359. right: 0;
  360. bottom: 0;
  361. margin: auto;
  362. background: #0d0d0d;
  363. overflow:auto;
  364. z-index:99999;
  365. }
  366.  
  367.  
  368. #rpgs{
  369. display:none;
  370. }
  371.  
  372. #rpgs:target{
  373. width: 500px;
  374. height: 500px;
  375. display: block;
  376. position: fixed;
  377. top: 0;
  378. left: 0;
  379. right: 0;
  380. bottom: 0;
  381. margin: auto;
  382. background: #0d0d0d;
  383. overflow:auto;
  384. z-index:99999;
  385. }
  386.  
  387. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#5c0000; border-top:10px solid #0d0d0d; border-bottom:10px solid #0d0d0d;}
  388. ::-webkit-scrollbar-thumb:horizontal {background-color:#5c0000;}
  389. ::-webkit-scrollbar {width:5px; height:7px;}
  390.  
  391.  
  392. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  393. </style>
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424. <!--like to meet-->
  425. <html>
  426. <body>
  427. <div class="container">
  428. <img src="https://i.imgur.com/HxEyJPl.png">
  429. <div style="background-color:#5c0000;">
  430. <a href="" class="navigationLinks">home</a>
  431. <a href="" class="navigationLinks">message</a>
  432. <a href="" class="navigationLinks">comment</a>
  433. <a href="" class="navigationLinks">status</a>
  434. <a href="" class="navigationLinks">guidelines</a>
  435. <a href="" class="navigationLinks">share us</a>
  436. <a href="" class="navigationLinks">Content</a>
  437. </div>
  438. <div class="welcomeMessage">
  439. <h1>welcome message</h1>
  440. write about your welcome message here, whatever you need to say will be fine. You can write as long as you want because it will overflow. write about your welcome message here, whatever you need to say will be fine. You can write as long as you want because it will overflow. write about your welcome message here, whatever you need to say will be fine. You can write as long as you want because it will overflow. write about your welcome message here, whatever you need to say will be fine. You can write as long as you want because it will overflow. write about your welcome message here, whatever you need to say will be fine. You can write as long as you want because it will overflow.
  441. </div>
  442. <img src="https://i.imgur.com/vuyzR0i.png">
  443. <div class="extraLinks">
  444. <a href="/" class="extraLinks">Custom Work</a>
  445. <a href="/" class="extraLinks">Premium</a>
  446. <a href="/" class="extraLinks">Bulletins</a>
  447. <a href="/" class="extraLinks">Apply</a>
  448. <a href="/" class="extraLinks">Affies Form</a>
  449. <a href="/" class="extraLinks">Free Requests</a>
  450. </div>
  451. <img src="https://i.imgur.com/wgj48PI.png">
  452. <br>
  453. <div style="width:300px; height:auto; display:inline-block; vertical-align:top;">
  454. <h2>About the site</h2>
  455. <img src="https://i.imgur.com/51jIjx3.png">
  456. <div style="width: 260px; height: 100px; background: #5c0000; padding: 20px; font-family: Playfair Display; font-size: 12px; text-align: justify; overflow: auto; margin-bottom: 20px; padding-bottom: 0px; color: #fff;">
  457. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here. about the site would go here.
  458. </div>
  459.  
  460.  
  461. <h2>Site Updates</h2>
  462. <img src="https://i.imgur.com/spnSPOV.png">
  463. <div style="width: 260px; height: 100px; background: #5c0000; padding: 20px; font-family: Playfair Display; font-size: 12px; text-align: justify; overflow: auto; margin-bottom: 20px; padding-bottom: 0px; color: #fff;">
  464. <b>00.00</b> update will go here. <br>
  465. <b>00.00</b> update will go here. <br>
  466. <b>00.00</b> update will go here. <br>
  467. <b>00.00</b> update will go here. <br>
  468. <b>00.00</b> update will go here. <br>
  469. <b>00.00</b> update will go here. <br>
  470. <b>00.00</b> update will go here. <br>
  471. <b>00.00</b> update will go here. <br>
  472. <b>00.00</b> update will go here. <br>
  473. <b>00.00</b> update will go here. <br>
  474. <b>00.00</b> update will go here. <br>
  475. </div>
  476.  
  477.  
  478.  
  479. <h2>mission statement</h2>
  480. <img src="https://i.imgur.com/QJs6bYe.png">
  481. <div style="width: 260px; height: 100px; background: #5c0000; padding: 20px; font-family: Playfair Display; font-size: 12px; text-align: justify; overflow: auto; margin-bottom: 20px; padding-bottom: 0px; color: #fff;">
  482. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here. talk about your mission statement here.
  483. </div>
  484.  
  485.  
  486.  
  487. <h2>our clientele</h2>
  488. <img src="https://i.imgur.com/jUdZ54x.png">
  489. <div style="width: 260px; height: 100px; background: #5c0000; padding: 20px; font-family: Playfair Display; font-size: 12px; text-align: justify; overflow: auto; margin-bottom: 20px; padding-bottom: 0px; color: #fff;">
  490. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here. Talk about your Clientele here.
  491. </div>
  492.  
  493. <h2>our affiliates</h2>
  494. <img src="https://i.imgur.com/qY2GoW6.png">
  495. <center>
  496. <a href="#siblings" class="affiliateLinks">Siblings</a>
  497.  
  498. <a href="#highrec" class="affiliateLinks">Highly Rec</a>
  499.  
  500. <a href="#resourcesites" class="affiliateLinks">Resource Sites</a>
  501.  
  502. <a href="#rpgs" class="affiliateLinks">Roleplay Groups</a>
  503. </center>
  504.  
  505. <div id="siblings">
  506. <div style="width:490px; text-align:right;">
  507. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  508. </div>
  509. <h4>Sibling Sites</h4>
  510. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  511. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  512. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  513. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  514. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  515. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  516. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  517. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  518. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  519. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  520. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  521. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  522. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  523. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  524. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  525. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  526. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  527. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  528. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  529. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  530. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  531. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  532. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  533. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  534. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  535. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  536. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  537. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  538. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  539. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  540. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  541. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  542. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  543. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  544. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  545. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  546. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  547. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  548. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  549. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  550. </div>
  551.  
  552.  
  553.  
  554. <div id="rpgs">
  555. <div style="width:490px; text-align:right;">
  556. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  557. </div>
  558. <h4>Roleplay Groups</h4>
  559. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  560. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  561. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  562. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  563. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  564. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  565. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  566. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  567. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  568. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  569. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  570. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  571. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  572. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  573. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  574. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  575. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  576. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  577. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  578. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  579. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  580. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  581. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  582. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  583. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  584. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  585. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  586. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  587. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  588. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  589. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  590. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  591. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  592. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  593. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  594. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  595. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  596. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  597. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  598. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  599. </div>
  600.  
  601.  
  602. <div id="resourcesites">
  603. <div style="width:490px; text-align:right;">
  604. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  605. </div>
  606. <h4>Resource Sites</h4>
  607. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  608. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  609. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  610. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  611. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  612. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  613. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  614. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  615. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  616. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  617. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  618. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  619. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  620. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  621. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  622. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  623. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  624. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  625. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  626. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  627. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  628. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  629. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  630. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  631. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  632. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  633. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  634. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  635. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  636. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  637. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  638. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  639. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  640. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  641. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  642. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  643. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  644. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  645. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  646. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  647. </div>
  648.  
  649.  
  650. <div id="highrec">
  651. <div style="width:490px; text-align:right;">
  652. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  653. </div>
  654. <h4>Highly Recommended</h4>
  655. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  656. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  657. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  658. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  659. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  660. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  661. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  662. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  663. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  664. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  665. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  666. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  667. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  668. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  669. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  670. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  671. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  672. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  673. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  674. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  675. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  676. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  677. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  678. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  679. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  680. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  681. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  682. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  683. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  684. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  685. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  686. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  687. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  688. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  689. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  690. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  691. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  692. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  693. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  694. <a href="/" class="affiliateLinksPopop">affiliate name</a>
  695. </div>
  696.  
  697.  
  698.  
  699. </div>
  700. <div style="width:497px; height:auto; display:inline-block; vertical-align:top;">
  701. <img src="https://i.imgur.com/Ww9IoAL.png">
  702. <h3>Site Information</h3>
  703. <div style="width:457px; height:100px; padding:20px; text-align:justify; font-family:Playfair Display; overflow:auto; color:#fff; padding-bottom:0px; margin-bottom:20px;">
  704. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here. talk about your site information here.
  705. </div>
  706. <img src="https://i.imgur.com/DIzqW4s.png">
  707. <a href="#maze" class="ownerLinks">meet maze</a>
  708. <a href="#aurora" class="ownerLinks">meet aurora</a>
  709. <div id="maze">
  710. <div style="width:490px; text-align:right;">
  711. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  712. </div>
  713. <h4>Meet Maze</h4>
  714. <img src="https://i.imgur.com/DqeKIjP.png">
  715. <div style="margin-left: 10px; height: 388px; width: 211px; background: #0d0d0d; display: inline-block; vertical-align: top; padding: 20px;">
  716. <h5>Guidelines and about</h5>
  717. <div style="width: 204px; height: 188px; background: #0d0d0d; padding: 10px; font-family: Playfair Display; text-align: justify; font-size: 12px; color: #fff; overflow:auto; padding-bottom:0px; margin-bottom:10px;">
  718. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here.
  719. </div>
  720. <a href="/" class="ownerContentLinks">Content</a>
  721. <a href="/" class="ownerContentLinks">Premades</a>
  722. <a href="/" class="ownerContentLinks">Custom Work</a>
  723. <a href="/" class="ownerContentLinks">Free Requests</a>
  724. <a href="/" class="ownerContentLinks">extra</a>
  725. <a href="/" class="ownerContentLinks">extra</a>
  726. </div>
  727. </div>
  728. <div id="aurora">
  729. <div style="width:490px; text-align:right;">
  730. <a href="#close" style="color: #fff; font-family: Playfair Display; margin-top: 5px; font-size: 15px;">x</a>
  731. </div>
  732. <h4>Meet Aurora</h4>
  733. <img src="https://i.imgur.com/9RVTkoq.png">
  734. <div style="margin-left: 10px; height: 388px; width: 211px; background: #0d0d0d; display: inline-block; vertical-align: top; padding: 20px;">
  735. <h5>Guidelines and about</h5>
  736. <div style="width: 204px; height: 188px; background: #0d0d0d; padding: 10px; font-family: Playfair Display; text-align: justify; font-size: 12px; color: #fff; overflow:auto; padding-bottom:0px; margin-bottom:10px;">
  737. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here. Write about your guidelines and rules here.
  738. </div>
  739. <a href="/" class="ownerContentLinks">Content</a>
  740. <a href="/" class="ownerContentLinks">Premades</a>
  741. <a href="/" class="ownerContentLinks">Custom Work</a>
  742. <a href="/" class="ownerContentLinks">Free Requests</a>
  743. <a href="/" class="ownerContentLinks">extra</a>
  744. <a href="/" class="ownerContentLinks">extra</a>
  745. </div>
  746. </div>
  747.  
  748. <img src="https://i.imgur.com/9EuhqNN.png">
  749. <h3>What We Offer</h3>
  750. <div style="width:457px; height:82px; padding:20px; text-align:justify; font-family:Playfair Display; overflow:auto; color:#fff; padding-bottom:0px; margin-bottom:20px;">
  751. <ul>
  752. <li>Offering Item Here</li>
  753. <li>Offering Item Here</li>
  754. <li>Offering Item Here</li>
  755. <li>Offering Item Here</li>
  756. <li>Offering Item Here</li>
  757. <li>Offering Item Here</li>
  758. <li>Offering Item Here</li>
  759. <li>Offering Item Here</li>
  760. <li>Offering Item Here</li>
  761. <li>Offering Item Here</li>
  762. <li>Offering Item Here</li>
  763. <li>Offering Item Here</li>
  764. <li>Offering Item Here</li>
  765. <li>Offering Item Here</li>
  766. <li>Offering Item Here</li>
  767. <li>Offering Item Here</li>
  768. <li>Offering Item Here</li>
  769. </ul>
  770. </div>
  771.  
  772.  
  773.  
  774. <h3>Our Samples</h3>
  775. <marquee>
  776. <img src="https://i.imgur.com/Q15XPmS.gif" style="zoom: 40%;">
  777. <img src="https://i.imgur.com/29chGWC.gif" style="zoom: 40%;">
  778. <img src="https://i.imgur.com/yCUkWtm.gif" style="zoom: 40%;">
  779. <img src="https://i.imgur.com/7aKl5yV.gif" style="zoom: 40%;">
  780. <img src="https://placehold.it/150x125">
  781. <img src="https://placehold.it/150x125">
  782. </marquee>
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791. <img src="https://i.imgur.com/GkW6CKJ.png">
  792. <h3>Customer Testimonials</h3>
  793. <div style="width:457px; height:100px; padding:20px; text-align:justify; font-family:Playfair Display; overflow:auto; color:#fff; padding-bottom:0px; margin-bottom:20px;">
  794. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  795. <br><br>
  796. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  797. <br><br>
  798. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  799. <br><br>
  800. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  801. <br><br>
  802. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  803. <br><br>
  804. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  805. <br><br>
  806. <b>Name here</b> Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not. Their comments on your stuff and what not.
  807. <br><br>
  808. </div>
  809.  
  810.  
  811.  
  812. <h3>Mission Statement</h3>
  813. <div style="width:457px; height:auto; padding:20px; text-align:justify; font-family:Playfair Display; overflow:auto; color:#fff; padding-bottom:0px; margin-bottom:20px;">
  814. Write about your mission statement here. Make it clean and precise so its easy to understand.
  815. </div>
  816. </div>
  817. </div>
  818. </body>
  819. </html>
  820.  
Add Comment
Please, Sign In to add comment