Skip to content

Instantly share code, notes, and snippets.

@taepeach
Last active December 23, 2018 11:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save taepeach/a6c23692119a7ca7ef141ea37a48adbe to your computer and use it in GitHub Desktop.
Save taepeach/a6c23692119a7ca7ef141ea37a48adbe to your computer and use it in GitHub Desktop.
<div style="width:1014px;height:auto;float:left;margin:50px 0px 50px -16px;font-family:calibri;font-size:9px;color:#bbb;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:justify;">
<div style="width:800px;height:auto;float:left;padding:107px;background:#111;">
<div style="width:800px;float:left;text-align:center;">
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;"><span style="padding-bottom:2px;border-bottom:2px solid #bbb;">home</span></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">archive</div>
<div style="width:190px;height:10px;float:left;padding:10px 0px;border:1px solid #fff;font-family:'times new roman';font-size:20px;line-height:10px;"><em><strong>cynefin.</strong></em></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">faq</div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">request</div>
</div>
<div style="width:800px;height:480px;float:left;margin-top:20px;"><img alt="" src="https://i.imgur.com/Esaqm0K.png" style="width: 800px; height: 480px;" /></div>
<div style="width:780px;height:20px;float:left;padding:10px;margin:20px 0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:11px;letter-spacing:3px;line-height:20px;text-align:center;"><u><span style="margin:0px 40px;">OPEN</span></u><span style="margin:0px 40px;">busy</span><span style="margin:0px 40px;">hiring</span><span style="margin:0px 40px;">closed</span></div>
<div style="width:720px;float:left;background:#1a1a1a;padding:30px 40px;">
<div style="width:164px;float:left;">
<div style="width:164px;float:left;padding:15px 0px;background:#ccc;margin-bottom:10px;">
<div style="width:164px;float:left;font-size:40px;letter-spacing:-10px;color:#000;line-height:45px;text-align:center;">シャルム</div>
<div style="width:164px;float:left;color:#000;text-align:center;"><strong>est. 2017</strong></div>
</div>
<div style="width:164px;float:left;line-height:10px;padding:5px 0px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;text-align:center;"><strong>open &amp; accepting</strong></div>
<div style="width:164px;float:left;line-height:10px;padding:5px 0px;border-bottom:1px dotted #ccc;text-align:center;"><strong>staff on duty: 00</strong></div>
<div style="width:164px;height:130px;padding:9px 0px;float:left;line-height:11px;">
<div style="width:164px;height:130px;float:left;overflow:hidden;">
<div style="width:181px;height:130px;float:left;overflow:auto;">
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update.</div>
<div style="width:164px;float:left;">box is scrollable. press enter for a new line. lorem ipsum lorem ipsum.</div>
<div style="width:164px;float:left;">&nbsp;</div>
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update</div>
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="width:164px;float:left;">&nbsp;</div>
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update</div>
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
</div>
</div>
</div>
<div style="width:325px;float:left;margin:0px 30px;">
<div>
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>ABOUT SHOP</strong></div>
<div style="width:325px;height:1px;background:#ccc;float:left;margin:0px;">&nbsp;</div>
<div style="width:325px;height:55px;float:left;margin-top:10px;line-height:11px;">
<div style="width:325px;height:55px;float:left;overflow:hidden;">
<div style="width:342px;height:55px;float:left;overflow:auto;">
<div style="width:325px;float:left;">box is scrollable. press enter for a new line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
<div style="width:325px;float:left;margin-top:20px;">
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>rules</strong></div>
<div style="width:325px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:325px;height:138px;margin-top:10px;float:left;line-height:11px;">
<div style="width:325px;height:138px;float:left;overflow:hidden;">
<div style="width:342px;height:138px;float:left;overflow:auto;">
<div style="width:325px;float:left;margin-bottom:3px;">▬<strong> 1. rule</strong></div>
<div style="width:325px;float:left;">box is scrollable. press enter for a new line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:325px;float:left;margin-bottom:3px;"><strong>▬ 2. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:305px;float:left;margin-bottom:3px;"><strong>▬ 3. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:325px;float:left;margin-bottom:3px;"><strong>▬ 4. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:164px;float:left;line-height:11px;">
<div style="width:100px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>faq</strong></div>
<div style="width:164px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:164px;height:90px;float:left;margin-top:10px;">
<div style="width:164px;height:90px;float:left;overflow:hidden;">
<div style="width:181px;height:90px;float:left;overflow:auto;">
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div style="width:100px;height:22px;float:left;background:#ccc;margin-top:20px;text-align:center;color:#111;line-height:22px;"><strong>banner</strong></div>
<div style="width:164px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:164px;height:98px;float:left;margin-top:10px;"><img alt="" src="https://i.imgur.com/Esaqm0K.png" style="height: 98px; width: 164px;" /></div>
</div>
</div>
</div>
<div style="width:720px;float:left;padding:30px 40px;">
<div style="width:720px;height:196px;float:left;margin-bottom:20px;"><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width: 140px; height: 196px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width: 140px; height: 196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width: 140px; height: 196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width: 140px; height: 196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width: 140px; height: 196px;margin-left:5px;" /></div>
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>staff</strong></div>
<div style="width:583px;float:left;padding:6px;text-align:left;"><span style="color:#27ae60;">●</span> available&nbsp; &nbsp;<span style="color:#f39c12;">●</span> busy&nbsp; &nbsp;<span style="color:#c0392b;">●</span> hiatus</div>
<div style="width:720px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:720px;height:150px;float:left;margin-top:20px;overflow:hidden;">
<div style="width:720px;height:167px;float:left;overflow:auto;">
<div style="width:1000px;height:150px;float:left;">
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;margin-left:5px;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;margin-left:5px;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:720px;float:left;background:#1a1a1a;padding:30px 40px;">
<div style="width:175px;float:left;">
<div style="width:175px;float:left;height:21px;background:#ccc;color:#111;line-height:21px;text-align:center;"><strong>affiliates</strong></div>
<div style="width:175px;height:150px;float:left;margin-top:10px;text-align:center;">
<div style="width:175px;height:150px;float:left;overflow:hidden;">
<div style="width:192px;height:150px;float:left;overflow:auto;">
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affilate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
</div>
</div>
</div>
</div>
<div style="width:270px;float:left;margin:0px 40px;">
<div style="width:270px;height:21px;float:left;background:#ccc;color:#000;line-height:21px;text-align:center;"><strong>request list</strong></div>
<div style="width:270px;height:150px;margin-top:10px;float:left;text-align:center;">
<div style="width:270px;height:150px;float:left;overflow:hidden;">
<div style="width:292px;height:150px;float:left;overflow:auto;">
<div style="width:270px;float:left;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
</div>
</div>
</div>
</div>
<div style="width:165px;float:left;">
<div style="width:165px;height:21px;float:left;background:#ccc;letter-spacing:1px;color:#000;line-height:21px;text-align:center;"><strong>blacklist</strong></div>
<div style="width:165px;height:150px;margin-top:10px;float:left;text-align:center;">
<div style="width:165px;height:150px;float:left;overflow:hidden;">
<div style="width:182px;height:150px;float:left;overflow:auto;">
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:1015px;float:left;margin-top:10px;font-size:6px;letter-spacing:2px;color:#aaa;text-align:center;"><a href="https://www.asianfanfics.com/story/view/1325741/"><span style="color:#aaa;"><span style="padding-bottom:4px;border-bottom:1px dotted #aaa;">coded by ambrozia | iridescent layouts 2018.</span></span></a></div>
</div>
<div style="width:1014px;height:auto;float:left;margin:50px 0px 50px -16px;font-family:calibri;font-size:9px;color:#ccc;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:justify;">
<div style="width:800px;height:auto;float:left;padding:107px;background:#111;">
<div style="width:800px;float:left;text-align:center;">
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;"><span style="padding-bottom:2px;border-bottom:2px solid #bbb;">home</span></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">archive</div>
<div style="width:190px;height:10px;float:left;padding:10px 0px;border:1px solid #fff;font-family:'times new roman';font-size:20px;line-height:10px;"><em><strong>cynefin.</strong></em></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">faq</div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">request</div>
</div>
<div style="width:800px;height:480px;float:left;margin-top:20px;"><img alt="" src="https://i.imgur.com/Esaqm0K.png" style="width:800px;height:480px;" /></div>
<div style="width:800px;height:480px;float:left;opacity:.9;margin-top:-480px;overflow:hidden;">
<div style="width:817px;height:480px;float:left;overflow:auto;">
<div style="width:800px;height:480px;float:left;">&nbsp;</div>
<div style="width:800px;float:left;background:#1a1a1a;">
<div style="width:780px;height:20px;float:left;padding:10px;margin:20px 0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:11px;letter-spacing:3px;line-height:20px;text-align:center;"><u><span style="margin:0px 40px;">OPEN</span></u><span style="margin:0px 40px;">busy</span><span style="margin:0px 40px;">hiring</span><span style="margin:0px 40px;">closed</span></div>
<div style="width:720px;float:left;padding:10px 40px;">
<div style="width:164px;float:left;">
<div style="width:164px;float:left;padding:15px 0px;background:#ccc;margin-bottom:10px;">
<div style="width:164px;float:left;font-size:40px;letter-spacing:-10px;color:#000;line-height:45px;text-align:center;">シャルム</div>
<div style="width:164px;float:left;color:#000;text-align:center;"><strong>est. 2017</strong></div>
</div>
<div style="width:164px;float:left;line-height:10px;padding:5px 0px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;text-align:center;"><strong>open &amp; accepting</strong></div>
<div style="width:164px;float:left;line-height:10px;padding:5px 0px;border-bottom:1px dotted #ccc;text-align:center;"><strong>staff on duty: 00</strong></div>
<div style="width:164px;height:130px;padding:9px 0px;float:left;line-height:11px;">
<div style="width:164px;height:130px;float:left;overflow:hidden;">
<div style="width:181px;height:130px;float:left;overflow:auto;">
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update.</div>
<div style="width:164px;float:left;">box is scrollable. press enter for a new line. lorem ipsum lorem ipsum.</div>
<div style="width:164px;float:left;">&nbsp;</div>
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update</div>
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="width:164px;float:left;">&nbsp;</div>
<div style="width:164px;float:left;"><strong>▬ dd/mm/yy</strong></div>
<div style="width:164px;float:left;">status update</div>
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
</div>
</div>
</div>
<div style="width:325px;float:left;margin:0px 30px;">
<div>
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>ABOUT SHOP</strong></div>
<div style="width:325px;height:1px;background:#ccc;float:left;margin:0px;">&nbsp;</div>
<div style="width:325px;height:55px;float:left;margin-top:10px;line-height:11px;">
<div style="width:325px;height:55px;float:left;overflow:hidden;">
<div style="width:342px;height:55px;float:left;overflow:auto;">
<div style="width:325px;float:left;">box is scrollable. press enter for a new line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
<div style="width:325px;float:left;margin-top:20px;">
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>rules</strong></div>
<div style="width:325px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:325px;height:138px;margin-top:10px;float:left;line-height:11px;">
<div style="width:325px;height:138px;float:left;overflow:hidden;">
<div style="width:342px;height:138px;float:left;overflow:auto;">
<div style="width:325px;float:left;margin-bottom:3px;">▬<strong> 1. rule</strong></div>
<div style="width:325px;float:left;">box is scrollable. press enter for a new line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:325px;float:left;margin-bottom:3px;"><strong>▬ 2. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:305px;float:left;margin-bottom:3px;"><strong>▬ 3. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div style="width:325px;float:left;">&nbsp;</div>
<div style="width:325px;float:left;margin-bottom:3px;"><strong>▬ 4. rule</strong></div>
<div style="width:325px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:164px;float:left;line-height:11px;">
<div style="width:100px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>faq</strong></div>
<div style="width:164px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:164px;height:90px;float:left;margin-top:10px;">
<div style="width:164px;height:90px;float:left;overflow:hidden;">
<div style="width:181px;height:90px;float:left;overflow:auto;">
<div style="width:164px;float:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div style="width:100px;height:22px;float:left;background:#ccc;margin-top:20px;text-align:center;color:#111;line-height:22px;"><strong>banner</strong></div>
<div style="width:164px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:164px;height:98px;float:left;margin-top:10px;"><img alt="" src="https://i.imgur.com/Esaqm0K.png" style="height:98px;width:164px;" /></div>
</div>
</div>
</div>
<div style="width:720px;float:left;padding:30px 40px;background:#000;">
<div style="width:720px;height:196px;float:left;margin-bottom:20px;"><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:140px;height:196px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:140px;height:196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:140px;height:196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:140px;height:196px;margin-left:5px;" /><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:140px;height:196px;margin-left:5px;" /></div>
<div style="width:125px;height:22px;float:left;background:#ccc;text-align:center;color:#111;line-height:22px;"><strong>staff</strong></div>
<div style="width:583px;float:left;padding:6px;text-align:left;"><span style="color:#27ae60;">●</span> available&nbsp; &nbsp;<span style="color:#f39c12;">●</span> busy&nbsp; &nbsp;<span style="color:#c0392b;">●</span> hiatus</div>
<div style="width:720px;height:1px;background:#ccc;float:left;">&nbsp;</div>
<div style="width:720px;height:150px;float:left;margin-top:20px;overflow:hidden;">
<div style="width:720px;height:167px;float:left;overflow:auto;">
<div style="width:1000px;height:150px;float:left;">
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;margin-left:5px;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
<div style="width:290px;height:120px;float:left;padding:15px;background:#1a1a1a;margin-left:5px;">
<div style="width:120px;height:120px;float:left;">
<div style="width:120px;height:120px;float:left;background:#ccc;"><img alt="" src="https://i.imgur.com/V5rTKTu.png" style="width:120px;height:120px;" /></div>
<div style="width:90px;height:10px;float:left;padding:3px 5px;background:#111;text-align:center;margin:-20px 10px 5px 10px;">portfolio</div>
</div>
<div style="width:160px;height:120px;float:left;margin-left:10px;">
<div style="width:160px;float:left;font-size:15px;padding:10px 0px;border-bottom:1px dotted #ccc;">designer <span style="color:#27ae60;">●</span></div>
<div style="width:160px;height:75px;float:left;padding:10px 0px;overflow:hidden;">
<div style="width:177px;height:75px;float:left;overflow:auto;">
<div style="width:160px;float:left;"><span style="color:#c0392b;">alias:</span> lkaflksajkls</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">experience:</span> aklfjalksjkd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">strengths:</span> alkfjalskd</div>
<div style="width:160px;float:left;"><span style="color:#c0392b;">weaknesses:</span> aflkanskf</div>
<div style="width:160px;float:left;">&nbsp;</div>
<div style="width:160px;float:left;">Lorem ipsum dolor sit amet, justo ipsum maiorum in mei, mel maiorum tacimates no, ad pro facilis voluptua dissentias. Nihil gloriatur cu mel, vim id virtute mediocritatem, enim vocent labores sit cu. Virtute liberavisse ad usu. Dolore tractatos interpretaris pri et.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:720px;float:left;background:#1a1a1a;padding:30px 40px;">
<div style="width:175px;float:left;">
<div style="width:175px;float:left;height:21px;background:#ccc;color:#111;line-height:21px;text-align:center;"><strong>affiliates</strong></div>
<div style="width:175px;height:150px;float:left;margin-top:10px;text-align:center;">
<div style="width:175px;height:150px;float:left;overflow:hidden;">
<div style="width:192px;height:150px;float:left;overflow:auto;">
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affilate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
<div style="width:175px;float:left;margin:2px 0px;"><span style="color:#cccccc;">affiliate</span></div>
</div>
</div>
</div>
</div>
<div style="width:270px;float:left;margin:0px 40px;">
<div style="width:270px;height:21px;float:left;background:#ccc;color:#000;line-height:21px;text-align:center;"><strong>request list</strong></div>
<div style="width:270px;height:150px;margin-top:10px;float:left;text-align:center;">
<div style="width:270px;height:150px;float:left;overflow:hidden;">
<div style="width:292px;height:150px;float:left;overflow:auto;">
<div style="width:270px;float:left;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
<div style="width:270px;float:left;margin:2px 0px;">user / designer / status</div>
</div>
</div>
</div>
</div>
<div style="width:165px;float:left;">
<div style="width:165px;height:21px;float:left;background:#ccc;letter-spacing:1px;color:#000;line-height:21px;text-align:center;"><strong>blacklist</strong></div>
<div style="width:165px;height:150px;margin-top:10px;float:left;text-align:center;">
<div style="width:165px;height:150px;float:left;overflow:hidden;">
<div style="width:182px;height:150px;float:left;overflow:auto;">
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
<div style="width:165px;float:left;margin:2px 0px;">user // reason</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:1015px;float:left;margin-top:10px;font-size:6px;letter-spacing:2px;color:#aaa;text-align:center;"><a href="https://www.asianfanfics.com/story/view/1325741/"><span style="color:#aaa;"><span style="padding-bottom:4px;border-bottom:1px dotted #aaa;">coded by ambrozia | iridescent layouts 2018.</span></span></a></div>
</div>
<div style="width:1014px;height:auto;float:left;margin:50px 0px 50px -16px;font-family:calibri;font-size:9px;color:#bbb;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:justify;">
<div style="width:800px;height:auto;float:left;padding:107px;background:#111;">
<div style="width:800px;float:left;text-align:center;">
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;"><span style="padding-bottom:2px;border-bottom:2px solid #bbb;">home</span></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">archive</div>
<div style="width:190px;height:10px;float:left;padding:10px 0px;border:1px solid #fff;font-family:'times new roman';font-size:20px;line-height:10px;"><em><strong>cynefin.</strong></em></div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">faq</div>
<div style="width:152px;height:10px;float:left;padding:11px 0px;font-size:11px;">request</div>
</div>
<div style="width:800px;float:left;margin-top:20px;">
<div style="width:300px;margin:0px 20px 0px 60px;float:left;">
<div style="width:300px;padding:10px;background:#222;float:left;">
<div style="width:300px;float:left;margin-bottom:10px;">
<div style="width:300px;float:left;font-family:'times new roman';font-size:30px;line-height:35px;color:#ccc;text-align:center;">title</div>
<div style="width:300px;float:left;font-family:'times new roman';font-size:30px;line-height:35px;color:#ccc;text-align:center;">title</div>
</div>
<div style="width:200px;height:20px;margin:0px 50px;float:left;font-size:10px;line-height:20px;color:#fff;text-align:center;border-top:dotted 1px #fff;border-bottom:dotted 1px #fff;">requested by username</div>
</div>
<div style="width:290px;padding:15px;margin:10px 0px;float:left;background:#fff;border:1px solid #eceef2;color:#444;">
<div style="width:270px;padding:5px 10px;float:left;"><strong>designer:</strong> username</div>
<div style="width:270px;padding:5px 10px;float:left;"><strong>notes:</strong> box automatically adjusts, but does not scroll. try not to write too much here.</div>
<div style="width:270px;padding:5px 10px;float:left;">press enter for a new line.</div>
<div style="width:270px;padding:5px 10px;float:left;"><strong>reminders:</strong><br />
// 1.<br />
// 2.<br />
//&nbsp;3.<br />
// 4.</div>
<div style="width:290px;padding:0px 22px;margin-top:5px;float:left;">
<div style="width:100px;margin:2px;padding:5px 10px;background:#222;float:left;text-align:center;"><span style="color:#bbb;"><strong>poster</strong></span></div>
<div style="width:100px;margin:2px;padding:5px 10px;background:#222;float:left;text-align:center;"><span style="color:#bbb;"><strong>background</strong></span></div>
<div style="width:100px;margin:2px;padding:5px 10px;background:#222;float:left;text-align:center;"><span style="color:#bbb;"><strong>story</strong></span></div>
<div style="width:100px;margin:2px;padding:5px 10px;background:#222;float:left;text-align:center;"><span style="color:#bbb;"><strong>credit link</strong></span></div>
</div>
<div style="width:290px;height:110px;margin-top:10px;float:left;text-align:center;"><img alt="BANNER IMAGE HERE" src="https://i.imgur.com/Esaqm0K.png" style="width:160px;height:96px;" /></div>
</div>
</div>
<div style="width:340px;float:left;margin-left:20px;"><img alt="" src="https://i.imgur.com/cK9dqUH.png" style="width:340px;height:476px;" /></div>
</div>
</div>
<div style="width:1015px;float:left;margin-top:10px;font-size:6px;letter-spacing:2px;color:#aaa;text-align:center;"><a href="https://www.asianfanfics.com/story/view/1325741/"><span style="color:#aaa;"><span style="padding-bottom:4px;border-bottom:1px dotted #aaa;">coded by ambrozia | iridescent layouts 2018.</span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment