Instantly share code, notes, and snippets.
-
Save ikkiteru/40dac7551c5eb37dcd49a9dceb24441e to your computer and use it in GitHub Desktop.
profile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
delightful : layout gallery | |
2018 edition | |
"viral"* | |
designed and coded | |
by lisett | |
*inspired by | |
jess riva cooper's: | |
"viral series ii" | |
http://www.jessrivacooper.com | |
images are not mine. | |
--- | |
reminders: | |
- do not remove the credit | |
- comment when using | |
- do not copy, steal or redistribute this code | |
and claim it as your own | |
- do not use as base code or use snippets | |
you may: | |
- tweak the layout's colors, images, etc. | |
--- | |
if you have any other questions, please message me through this link: | |
http://www.asianfanfics.com/profile/view/664800 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div style="width:580px;margin:auto;"> | |
<div style="width:580px;height:400px;float:left;margin:30px 0px;"> | |
<div style="width:120px;float:left;margin-right:30px;"> | |
<div style="font-family:arial;font-size:25px;color:#333;text-align:left;line-height:25px;"><em><strong>viral.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;"> | |
<p><em>Lorem ipsum dolor sit amet, consectetuer.</em></p> | |
</div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;margin-top:30px;"><a href="#" style="color:#333333;"><u><em><strong>home</strong></em></u></a></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>portfolio</strong></em></u></a></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>gallery</strong></em></u></a></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>contact</strong></em></u></a></div> | |
</div> | |
<div style="width:430px;float:left;"> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;margin:60px 20px 0px 0px;"><img alt="2Kr3t9z.png" src="https://i.imgur.com/2Kr3t9z.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;margin:30px 20px 0px 0px;"><img alt="0gLR2EC.png" src="https://i.imgur.com/0gLR2EC.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;"><img alt="RkyW0A8.png" src="https://i.imgur.com/RkyW0A8.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:430px;height:400px;margin-top:-400px;float:left;overflow:hidden;"> | |
<div style="width:460px;height:400px;float:left;overflow:auto;"> | |
<div style="width:430px;float:left;"> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin:460px 20px 0px 0px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-family:arial;font-size:10px;color:#333;text-align:left;line-height:12px;letter-spacing:1px;margin-top:10px;"><em><strong>about me.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;margin-top:4px;"> | |
<p><em>— Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra.</em></p> | |
</div> | |
<div style="font-family:arial;font-size:10px;color:#333;text-align:left;line-height:12px;letter-spacing:1px;margin-top:10px;"><em><strong>services.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;margin-top:4px;"> | |
<p><em>— <strong>Layouts:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em></p> | |
<p><em>— <strong>Graphics:</strong> Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim.</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin:430px 20px 0px 0px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-family:arial;font-size:10px;color:#333;text-align:left;line-height:12px;letter-spacing:1px;margin-top:10px;"><em><strong>reminder.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;margin-top:4px;"> | |
<p><em>— Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra.</em></p> | |
</div> | |
<div style="font-family:arial;font-size:10px;color:#333;text-align:left;line-height:12px;letter-spacing:1px;margin-top:10px;"><em><strong>featured.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;margin-top:4px;"> | |
<p><em>— <strong>Story Title:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin-top:400px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-family:arial;font-size:10px;color:#333;text-align:left;line-height:12px;letter-spacing:1px;margin-top:10px;"><em><strong>friends.</strong></em></div> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:left;line-height:10px;letter-spacing:1px;text-transform:lowercase;margin-top:4px;"> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:430px;float:left;margin-top:-60px;opacity:.99;"> | |
<div style="width:130px;height:30px;background-color:#FFF;float:left;margin:30px 0px 0px 150px;"> </div> | |
<div style="width:130px;height:60px;background-color:#FFF;float:left;margin-left:20px;"> | |
<div style="font-family:arial;font-size:8px;color:#333;text-align:right;line-height:10px;letter-spacing:1px;margin-top:50px;"><em><strong>scroll down.</strong></em></div> | |
</div> | |
</div> | |
</div> | |
<div style="width:100%;float:left;margin-top:30px;"> | |
<div style="font-family:arial;font-size:8px;letter-spacing:1px;color:#999;text-align:center;line-height:10px;"><a href="http://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-roleplay-layouts-gallery-layout" style="color:#999999;"><em>delightful 2018 : layout coded by lisett</em></a></div> | |
</div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div style="width:580px;margin:auto;"> | |
<div style="font-family:arial;font-size:8px;color:#333;text-transform:lowercase;line-height:10px;letter-spacing:1px;"> | |
<div style="width:580px;height:400px;float:left;margin:30px 0px;"> | |
<div style="width:120px;float:left;margin-right:30px;"> | |
<div style="font-family:arial;font-size:25px;color:#333;text-align:left;letter-spacing:0px;line-height:25px;"><em><strong>viral.</strong></em></div> | |
<div> | |
<p><em>Lorem ipsum dolor sit amet, consectetuer.</em></p> | |
</div> | |
<div style="margin-top:30px;"><a href="#" style="color:#333333;"><u><em><strong>home</strong></em></u></a></div> | |
<div style="margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>portfolio</strong></em></u></a></div> | |
<div style="margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>gallery</strong></em></u></a></div> | |
<div style="margin-top:4px;"><a href="http://url" rel="nofollow" style="color:#333333;"><u><em><strong>contact</strong></em></u></a></div> | |
</div> | |
<div style="width:430px;float:left;"> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;margin:60px 20px 0px 0px;"><img alt="2Kr3t9z.png" src="https://i.imgur.com/2Kr3t9z.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;margin:30px 20px 0px 0px;"><img alt="0gLR2EC.png" src="https://i.imgur.com/0gLR2EC.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:130px;height:340px;background-color:#EEE;float:left;"><img alt="RkyW0A8.png" src="https://i.imgur.com/RkyW0A8.png" style="width:130px;height:340px;float:left;" /></div> | |
<div style="width:430px;height:400px;margin-top:-400px;float:left;overflow:hidden;"> | |
<div style="width:460px;height:400px;float:left;overflow:auto;"> | |
<div style="width:430px;float:left;"> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin:460px 20px 0px 0px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-size:10px;line-height:12px;margin-top:10px;"><em><strong>about me.</strong></em></div> | |
<div style="margin-top:4px;"> | |
<p><em>— Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra.</em></p> | |
</div> | |
<div style="font-size:10px;line-height:12px;margin-top:10px;"><em><strong>services.</strong></em></div> | |
<div style="margin-top:4px;"> | |
<p><em>— <strong>Layouts:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em></p> | |
<p><em>— <strong>Graphics:</strong> Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim..</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin:430px 20px 0px 0px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-size:10px;line-height:12px;margin-top:10px;"><em><strong>reminder.</strong></em></div> | |
<div style="margin-top:4px;"> | |
<p><em>— Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra.</em></p> | |
</div> | |
<div style="font-size:10px;line-height:12px;margin-top:10px;"><em><strong>featured.</strong></em></div> | |
<div style="margin-top:4px;"> | |
<p><em>— <strong>Story Title:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:130px;height:340px;background-color:#FFF;float:left;margin-top:400px;overflow:hidden;"> | |
<div style="width:150px;height:340px;overflow:auto;float:left;"> | |
<div style="width:130px;float:left;"> | |
<div style="font-size:10px;line-height:12px;margin-top:10px;"><em><strong>friends.</strong></em></div> | |
<div style="margin-top:4px;"> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
<p><em>— <strong>Username:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.</em></p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:430px;float:left;margin-top:-60px;opacity:.99;"> | |
<div style="width:130px;height:30px;background-color:#FFF;float:left;margin:30px 0px 0px 150px;"> </div> | |
<div style="width:130px;height:60px;background-color:#FFF;float:left;margin-left:20px;"> | |
<div style="text-align:right;margin-top:50px;"><em><strong>scroll down.</strong></em></div> | |
</div> | |
</div> | |
</div> | |
<div style="width:100%;float:left;margin-top:30px;"> | |
<div style="font-family:arial;font-size:8px;color:#999;text-align:center;"><a href="http://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-roleplay-layouts-gallery-layout" style="color:#999999;"><em>delightful 2018 : layout coded by lisett</em></a></div> | |
</div> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment