Skip to content

Instantly share code, notes, and snippets.

@ikkiteru

ikkiteru/mp. pink hues Secret

Last active May 23, 2017 23:50
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/fbc97a8418437aaa6c1dcfdca8a6839c to your computer and use it in GitHub Desktop.
Save ikkiteru/fbc97a8418437aaa6c1dcfdca8a6839c to your computer and use it in GitHub Desktop.
Download ZIP
multipurpose
Raw
mp. pink hues
---
delightful : layout gallery
all things pastel
"pink hues"
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
mp. pink hues - main
<div style="width:904px;margin:auto;">
<div style="width:890px;height:590px;float:left;border:1px solid #EEE;padding:1px;">
<div style="width:790px;height:490px;float:left;background-color:#F9F9F9;padding:50px;">
<div style="width:129px;height:490px;border-right:1px solid #EEE;float:left;padding-right:30px;margin-right:30px;"><img alt="I5NpzUx.png" src="http://i.imgur.com/I5NpzUx.png" style="float:left;height:123px;width:123px;padding:2px;border:1px solid rgb(238,238,238);border-radius:100%;margin-top:120px;" />
<div style="width:119px;padding:5px;float:left;border-bottom:1px solid #EEE;margin-top:20px;">
<div style="font-family:calibri;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><strong>Home</strong></div>
</div>
<div style="width:119px;padding:5px;float:left;border-bottom:1px solid #EEE;">
<div style="font-family:calibri;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><a href="http://url" style="color:#333333;"><strong>Link 1</strong></a></div>
</div>
<div style="width:119px;padding:5px;float:left;border-bottom:1px solid #EEE;">
<div style="font-family:calibri;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><a href="http://url" style="color:#333333;"><strong>Link 2</strong></a></div>
</div>
<div style="width:119px;padding:5px;float:left;border-bottom:1px solid #EEE;">
<div style="font-family:calibri;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><a href="http://url" style="color:#333333;"><strong>Link 3</strong></a></div>
</div>
</div>
<div style="width:600px;height:590px;float:left;overflow:hidden;margin-top:-50px;">
<div style="width:620px;height:590px;float:left;overflow:auto;">
<div style="width:600px;float:left;padding:50px 0px;">
<div style="width:290px;float:left;margin-right:20px;">
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:24px;text-align:left;color:#333;letter-spacing:1px;line-height:24px;text-transform:uppercase;"><strong>pink hues.</strong></div>
<div style="font-family:calibri;font-size:8px;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;"><strong>subtitle. Lorem ipsum dolor sit amet.</strong></div>
</div>
<div style="width:250px;float:left;padding:20px;"><img alt="tumblr_static_tumblr_static__640.jpg" src="https://secure.static.tumblr.com/adaeca18f03b4e463990ea381d590fbc/s5oewwm/T48ojeqq9/tumblr_static_tumblr_static__640.jpg" style="float:left;height:141px;width:250px;" />
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:16px;text-align:left;color:#333;letter-spacing:1px;line-height:16px;text-transform:uppercase;"><strong>Section</strong></div>
<div style="font-family:calibri;font-size:8px;text-align:justify;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;margin-top:5px;">
<p>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. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;"><img alt="tumblr_oit7r7YzIM1spnyg9o1_500.jpg" src="https://68.media.tumblr.com/38eef26c04e1b997793f552227d7165c/tumblr_oit7r7YzIM1spnyg9o1_500.jpg" style="float:left;height:250px;width:250px;" />
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:16px;text-align:left;color:#333;letter-spacing:1px;line-height:16px;text-transform:uppercase;"><strong>Section</strong></div>
<div style="font-family:calibri;font-size:8px;text-align:justify;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;margin-top:5px;">
<p>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. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
</div>
<div style="width:290px;float:left;">
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:16px;text-align:left;color:#333;letter-spacing:1px;line-height:16px;text-transform:uppercase;"><strong>Section</strong></div>
<div style="font-family:calibri;font-size:8px;text-align:justify;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;margin-top:5px;">
<p>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. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;"><img alt="tumblr_oawfaialYu1tc1ukeo1_500.jpg" src="http://68.media.tumblr.com/749ab3e27c3c374f9a541d6b789318f1/tumblr_oawfaialYu1tc1ukeo1_500.jpg" style="height:188px;width:250px;float:left;" />
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:16px;text-align:left;color:#333;letter-spacing:1px;line-height:16px;text-transform:uppercase;"><strong>Section</strong></div>
<div style="float:left;margin-top:5px;"><img alt="user.png" src="https://myspace.com/common/images/user.png" style="height:40px;width:40px;margin-right:5px;float:left;" title="name" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="height:40px;width:40px;margin-right:5px;float:left;" title="name" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="height:40px;width:40px;margin-right:5px;float:left;" title="name" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="height:40px;width:40px;margin-right:5px;float:left;" title="name" /><img alt="" src="https://myspace.com/common/images/user.png" style="width:40px;height:40px;float:left;" title="name" /></div>
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;"><img alt="superthumb.jpg" src="http://data.whicdn.com/images/233720739/superthumb.jpg" style="float:left;height:208px;width:250px;" />
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
<div style="width:250px;float:left;padding:20px;">
<div style="font-family:arial;font-size:16px;text-align:left;color:#333;letter-spacing:1px;line-height:16px;text-transform:uppercase;"><strong>Section</strong></div>
<div style="font-family:calibri;font-size:8px;text-align:justify;color:#333;letter-spacing:1px;line-height:10px;text-transform:uppercase;margin-top:5px;">
<p>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. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
<div style="width:250px;padding:5px 0px;float:left;border-top:1px solid #EEE;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;letter-spacing:1px;line-height:10px;text-transform:uppercase;">Posted on may 23, 2017</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%;float:left;margin-top: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:#999999;">Delightful 2017: Layout Coded by Lisett</a></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment