Skip to content

Instantly share code, notes, and snippets.

@ikkiteru

ikkiteru/pr. la vie en rose Secret

Created August 26, 2017 21:06
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 ikkiteru/5daa0b03baa01dd6251083bd4f0e811b to your computer and use it in GitHub Desktop.
Save ikkiteru/5daa0b03baa01dd6251083bd4f0e811b to your computer and use it in GitHub Desktop.
Download ZIP
profile
Raw
pr. la vie en rose
---
delightful : layout gallery
all things pastel
"la vie en rose"
designed and coded
by lisett
---
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
Raw
pr. la vie en rose - main
<div style="width:550px;margin:auto;">
<div style="width:550px;height:400px;float:left;background-color:#F7F7F7;margin:50px 0px;">
<div style="width:55px;float:left;padding:10px;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:right;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:10px;"><strong><span style="background-color:#f5e7e7;padding:1px 4px;">Name</span></strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:right;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:1px;"><b>services</b><br />
&mdash;<br />
<b>&gt; home<br />
<a href="http://url" rel="nofollow" style="color:#333;">gallery</a><br />
<a href="http://url" rel="nofollow" style="color:#333333;">portfolio</a><br />
<a href="http://url" rel="nofollow" style="color:#333333;">stories</a></b></div>
</div>
<div style="width:200px;float:left;margin-top:-25px;"><img alt="IZz1v0b.png" src="http://i.imgur.com/IZz1v0b.png" style="float:left;" />
<div style="width:200px;height:450px;overflow:hidden;float:left;margin-top:-450px;">
<div style="width:220px;height:450px;overflow:auto;float:left;">
<div style="width:160px;height:430px;float:left;padding:20px;">
<div style="font-family:calibri;font-size:8px;color:#FFF;text-align:right;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:1px;"><b>Works</b><br />
scroll down</div>
</div>
<div style="width:160px;float:left;padding:20px;">
<div style="width:140px;padding:10px;background-color:#F7F7F7;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><a href="http://url" rel="nofollow" style="color:#333333;"><strong><span style="border:1px solid #f5e7e7;padding:0px 4px;">work title</span></strong></a></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</strong></div>
</div>
<div style="width:140px;padding:10px;background-color:#F7F7F7;margin-top:20px;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><a href="http://url" rel="nofollow" style="color:#333333;"><strong><span style="border:1px solid #f5e7e7;padding:0px 4px;">work title</span></strong></a></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo.</strong></div>
</div>
<div style="width:140px;padding:10px;background-color:#F7F7F7;margin-top:20px;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><a href="http://url" rel="nofollow" style="color:#333333;"><strong><span style="border:1px solid #f5e7e7;padding:0px 4px;">work title</span></strong></a></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</strong></div>
</div>
<div style="width:140px;padding:10px;background-color:#F7F7F7;margin-top:20px;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><a href="http://url" rel="nofollow" style="color:#333333;"><strong><span style="border:1px solid #f5e7e7;padding:0px 4px;">work title</span></strong></a></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.</strong></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:275px;height:400px;overflow:hidden;float:left;">
<div style="width:295px;height:400px;overflow:auto;float:left;">
<div style="width:235px;height:360px;float:left;padding:20px;background-color:#f5e7e7;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:340px;"><em><strong>la vie en rose</strong></em><br />
<strong>scroll down</strong></div>
</div>
<div style="width:235px;float:left;padding:20px;">
<div style="width:235px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong><span style="background-color:#f5e7e7;padding:1px 4px;">About me</span></strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </b></div>
</div>
<div style="width:275px;height:1px;background-color:#FFF;float:left;margin:20px 0px 20px -20px;">&nbsp;</div>
<div style="width:235px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong><span style="background-color:#f5e7e7;padding:1px 4px;">Friends</span></strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><img alt="" src="http://ssmu.mcgill.ca/ua/wp-content/uploads/2017/06/user.png" style="width:40px;height:40px;margin-right:5px;" title="name" /><img alt="" src="http://ssmu.mcgill.ca/ua/wp-content/uploads/2017/06/user.png" style="width:40px;height:40px;margin-right:5px;" title="name" /><img alt="" src="http://ssmu.mcgill.ca/ua/wp-content/uploads/2017/06/user.png" style="width:40px;height:40px;margin-right:5px;" title="name" /><img alt="" src="http://ssmu.mcgill.ca/ua/wp-content/uploads/2017/06/user.png" style="width:40px;height:40px;margin-right:5px;" title="name" /><img alt="" src="http://ssmu.mcgill.ca/ua/wp-content/uploads/2017/06/user.png" style="width:40px;height:40px;margin-right:5px;" title="name" /></div>
</div>
<div style="width:275px;height:1px;background-color:#FFF;float:left;margin:20px 0px 20px -20px;">&nbsp;</div>
<div style="width:235px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong><span style="background-color:#f5e7e7;padding:1px 4px;">section 1</span></strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </b></div>
</div>
<div style="width:275px;height:1px;background-color:#FFF;float:left;margin:20px 0px 20px -20px;">&nbsp;</div>
<div style="width:235px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong><span style="background-color:#f5e7e7;padding:1px 4px;">section 2</span></strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;margin-top:5px;"><b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </b></div>
</div>
</div>
<div style="width:235px;float:left;background-color:#f5e7e7;padding:20px;border-top:1px solid #FFF;">
<div style="width:55px;height:10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:center;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong>contact:</strong></div>
</div>
<div style="width:180px;height:10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;text-align:left;text-transform:uppercase;line-height:10px;letter-spacing:1px;"><strong><b><a href="http://url" rel="nofollow" style="color:#333;" title="username">aff</a> /&nbsp;<a href="http://url" rel="nofollow" style="color:#333333;" title="username">instagram</a> / <a href="http://url" rel="nofollow" style="color:#333333;" title="line id">line</a></b></strong></div>
</div>
</div>
</div>
</div>
<div style="float:left;margin:10px;">
<div style="font-family:calibri;text-align:center;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><a href="https://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-revamped-roleplay-layouts-gallery-layout" style="color:#CCCCCC;">Delightful 2017: Layout Coded by Lisett</a></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment