Skip to content

Instantly share code, notes, and snippets.

@funruby
Last active June 15, 2016 23:24
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 funruby/705cc2cf5741776ed688 to your computer and use it in GitHub Desktop.
Save funruby/705cc2cf5741776ed688 to your computer and use it in GitHub Desktop.
[T] Peace of Mind
<div style="width:850px;float:left;margin:auto;margin-bottom:50px;margin-left:20px;"><img alt="banner background" src="https://farm8.staticflickr.com/7234/7158802871_dde419cc40_h.jpg" style="width:850px;float:left;margin:-3px;padding:3px;height:529px;opacity:.9;" />
<div style="width:856px;margin-left:-3px;height:535px;margin-top:-532px;float:left;overflow:hidden;opacity:.999;">
<div style="width:880px;height:529px;overflow:auto;float:left;margin-left:3px;margin-top:3px;opacity:.999;">
<div style="width:300px;height:409px;background-color:#FFFFFF;float:left;margin-left:50px;margin-top:60px;">
<div style="margin-top:55px;">
<div style="font-family:'century gothic', futura, 'trebuchet ms';font-size:10px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;margin-left:30px;margin-right:30px;letter-spacing:1px;">est. oct 1945</div>
</div>
<div style="margin-top:-10px;">
<div style="font-family:'century gothic';font-size:85px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:-4px;">un</div>
</div>
<div style="margin-top:-5px;">
<div style="font-family:'century gothic', futura, 'trebuchet ms';font-size:10px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;margin-left:30px;margin-right:30px;letter-spacing:1px;"><strong>united nations</strong></div>
</div>
<div style="width:200px;float:left;margin-left:50px;margin-top:10px;border-top:1px solid #000;border-bottom:1px solid #000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'century gothic';font-size:8px;color:#000;text-align:justify;margin-left:10px;margin-right:10px;line-height:135%;text-transform:uppercase;letter-spacing:1px;">The United Nations is an international organization founded in 1945 after the Second World War by 51 countries committed to maintaining international peace and security, developing friendly relations among nations and promoting social progress. the un strives for better living standards and human rights for all, regardless of their socioeconomic status or geographical location. stop!</div>
<div style="font-family:futura, 'century gothic';font-size:8px;color:#000;text-align:justify;margin-left:10px;margin-right:10px;line-height:135%;text-transform:uppercase;letter-spacing:1px;">&nbsp;</div>
<div style="font-family:futura, 'century gothic';font-size:8px;color:rgb(0,0,0);margin-left:10px;margin-right:10px;line-height:135%;text-transform:uppercase;letter-spacing:1px;text-align:center;"><strong>welcome to the united nations. it&#39;s your world.</strong></div>
</div>
<div style="width:103px;float:left;margin-left:98.5px;margin-top:10px;height:24px;">
<div style="width:18px;height:18px;border:1px solid #000;border-radius:12px;float:left;"><a href="#"><img alt="icon 1" src="http://i.imgur.com/TmoMPrW.png" style="width:12px;height:12px;float:left;margin-left:3px;margin-top:3px;" /></a></div>
<div style="width:18px;height:18px;border:1px solid #000;border-radius:12px;float:left;margin-left:5px;"><a href="#"><img alt="icon 2" src="http://i.imgur.com/uurazpA.png" style="width:12px;height:12px;float:left;margin-left:4px;margin-top:3px;" /></a></div>
<div style="width:18px;height:18px;border:1px solid #000;border-radius:12px;float:left;margin-left:5px;"><a href="#"><img alt="icon 3" src="http://i.imgur.com/6hdTO1K.png" style="width:12px;height:12px;float:left;margin-left:3px;margin-top:3px;" /></a></div>
<div style="width:18px;height:18px;border:1px solid #000;border-radius:12px;float:left;margin-left:5px;"><a href="#"><img alt="icon 4" src="http://i.imgur.com/hpZpGYi.png" style="width:12px;height:12px;float:left;margin-left:3px;margin-top:4px;" /></a></div>
</div>
</div>
<div style="width:410px;height:411px;float:left;margin-left:40px;margin-right:50px;margin-top:59px;overflow:hidden;">
<div style="width:440px;height:409px;float:left;margin-top:1px;overflow:auto;">
<div style="width:410px;float:left;">
<div style="width:410px;float:left;">
<div style="width:10px;height:32px;background-color:#FFFFFF;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:172px;height:32px;margin-left:4px;float:left;">
<div style="font-family:'century gothic';font-size:27px;line-height:120%;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;">article 55</div>
</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
</div>
<div style="width:410px;float:left;margin-top:5px;padding-top:15px;padding-bottom:15px;background-color:#FFFFFF;">
<div style="font-family:calibri;font-size:11px;color:#000;text-align:justify;line-height:118%;letter-spacing:.4px;margin-right:25px;margin-left:25px;">UN Charter Article 55 With a view to the creation of conditions of stability and well-being which are necessary for peaceful and friendly relations among nations based on respect for the principle of equal rights and self-determination of peoples, the United Nations shall promote: higher standards of living, full employment, and conditions of economic and social progress and development; solutions of international economic, social, health, and related problems; and international cultural and educational cooperation; and universal respect for, and observance of, human rights and fundamental freedoms for all without distinction as to race, sex, language, or religion.</div>
</div>
<div style="width:410px;float:left;margin-top:20px;">
<div style="width:10px;height:32px;background-color:#FFFFFF;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:172px;height:32px;margin-left:4px;float:left;">
<div style="font-family:'century gothic';font-size:27px;line-height:120%;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;">charter 02</div>
</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
</div>
<div style="width:410px;float:left;margin-top:5px;padding-top:15px;padding-bottom:15px;background-color:#FFFFFF;">
<div style="font-family:calibri;font-size:11px;color:#000;text-align:justify;line-height:118%;letter-spacing:.4px;margin-right:25px;margin-left:25px;">The Organization is based on the principle of the sovereign equality of all its Members. All Members shall fulfill in good faith the obligations assumed by them in accordance with the present Charter. All Members shall refrain in their international relations from the threat or use of force against the territorial integrity or political independence of any state, or in any other manner inconsistent with the Purposes of the United Nations. All Members shall give the United Nations every assistance in any action it takes in accordance with the present Charter, and shall refrain from giving assistance to any state against which the United Nations is taking preventive or enforcement action. This principle shall not prejudice the application of enforcement measures under Chapter Vll.</div>
</div>
<div style="width:410px;float:left;margin-top:20px;">
<div style="width:184px;float:left;border:3px solid #FFFFFF;height:88px;padding:2px;overflow:hidden;">
<div style="width:214px;float:left;height:86px;margin-top:1px;overflow:auto;">
<div style="margin-top:36px;margin-right:30px;">
<div style="font-family:futura;font-size:14px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.3px;">designer 001</div>
<div style="width:138px;float:left;background-color:#FFFFFF;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:40px;margin-left:3px;">
<div style="font-family:calibri;font-size:10px;color:#000;text-align:justify;line-height:105%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Write as much as you please!</div>
</div>
</div>
</div>
</div>
<div style="width:184px;float:left;border:3px solid #FFFFFF;height:88px;padding:2px;margin-left:10px;overflow:hidden;">
<div style="width:214px;float:left;height:86px;margin-top:1px;overflow:auto;">
<div style="margin-top:36px;margin-right:30px;">
<div style="font-family:futura;font-size:14px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.3px;">designer 002</div>
<div style="width:138px;float:left;background-color:#FFFFFF;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:40px;margin-left:3px;">
<div style="font-family:calibri;font-size:10px;color:#000;text-align:justify;line-height:105%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Write as much as you please!</div>
</div>
</div>
</div>
</div>
<div style="width:184px;float:left;border:3px solid #FFFFFF;height:88px;padding:2px;margin-top:10px;overflow:hidden;">
<div style="width:214px;float:left;height:86px;margin-top:1px;overflow:auto;">
<div style="margin-top:36px;margin-right:30px;">
<div style="font-family:futura;font-size:14px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.3px;">designer 003</div>
<div style="width:138px;float:left;background-color:#FFFFFF;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:40px;margin-left:3px;">
<div style="font-family:calibri;font-size:10px;color:#000;text-align:justify;line-height:105%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Write as much as you please!</div>
</div>
</div>
</div>
</div>
<div style="width:184px;float:left;border:3px solid #FFFFFF;height:88px;padding:2px;margin-left:10px;margin-top:10px;overflow:hidden;">
<div style="width:214px;float:left;height:86px;margin-top:1px;overflow:auto;">
<div style="margin-top:36px;margin-right:30px;">
<div style="font-family:futura;font-size:14px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.3px;">designer 004</div>
<div style="width:138px;float:left;background-color:#FFFFFF;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:40px;margin-left:3px;">
<div style="font-family:calibri;font-size:10px;color:#000;text-align:justify;line-height:105%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Write as much as you please!</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:410px;float:left;margin-top:20px;">
<div style="width:10px;height:32px;background-color:#FFFFFF;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:172px;height:32px;margin-left:4px;float:left;">
<div style="font-family:'century gothic';font-size:27px;line-height:120%;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;">preamble</div>
</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
<div style="width:10px;height:32px;background-color:#FFFFFF;margin-left:4px;float:left;">&nbsp;</div>
</div>
<div style="width:410px;float:left;margin-top:5px;padding-top:15px;padding-bottom:15px;background-color:#FFFFFF;">
<div style="font-family:calibri;font-size:11px;color:#000;text-align:justify;line-height:118%;letter-spacing:.4px;margin-right:25px;margin-left:25px;">We the peoples of the United Nations determined, to save succeeding generations from the scourge of war, which twice in our lifetime has brought untold sorrow to mankind, and to reaffirm faith in fundamental human rights, in the dignity and worth of the human person, in the equal rights of men and women and of nations large and small, and to establish conditions under which justice and respect for the obligations arising from treaties and other sources of international law can be maintained, and to promote social progress and better standards of life in larger freedom.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top:3px;">
<div style="font-family:'century gothic', futura;font-size:11px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.2px;"><strong><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#000000;">syncratic designs</span></a> &copy; 2015</strong></div>
</div>
</div>
<div style="width:800px;float:left;margin:auto;margin-left:50px;margin-bottom:25px;">
<div style="width:800px;float:left;">
<div style="font-family:'century gothic';font-size:25px;color:#000;float:right;line-height:100%;text-transform:uppercase;letter-spacing:2px;margin-right:20px;"><span style="font-size:11px;">est. 1945</span>united nations</div>
<div style="width:230px;float:left;margin-left:10px;">
<div style="width:25px;height:25px;background-color:#000;border-radius:25px;float:left;">
<div style="margin-top:6px;">
<div style="font-family:courier;font-size:13px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;" title="story link"><a href="#"><span style="color:#FFFFFF;">S</span></a></div>
</div>
</div>
<div style="width:25px;height:25px;background-color:#000;border-radius:25px;float:left;margin-left:5px;">
<div style="margin-top:6px;">
<div style="font-family:courier;font-size:13px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;" title="poster link"><a href="#"><span style="color:#FFFFFF;">P</span></a></div>
</div>
</div>
<div style="width:25px;height:25px;background-color:#000;border-radius:25px;float:left;margin-left:5px;">
<div style="margin-top:6px;">
<div style="font-family:courier;font-size:13px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;" title="background link"><a href="#"><span style="color:#FFFFFF;">B</span></a></div>
</div>
</div>
</div>
</div>
<div style="width:730px;float:left;border:2px solid #000;padding-left:35px;padding-right:35px;padding-top:35px;padding-bottom:35px;">
<div style="width:365px;float:left;">
<div style="width:345px;float:left;border-bottom:1px solid #000;">
<div style="font-family:'century gothic';font-size:22px;color:#000;text-align:left;line-height:90%;text-transform:uppercase;letter-spacing:2px;margin-right:20px;"><span style="font-size:11px;">the</span>designer&#39;s note</div>
</div>
<div style="margin-right:20px;margin-top:5px;float:left;">
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">&nbsp;</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;"><span style="color:rgb(0,0,0);font-family:calibri;font-size:12px;line-height:13.1999998092651px;text-align:justify;">Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.&nbsp;</span>Write as much as you&#39;d like!</div>
</div>
<div style="width:365px;float:left;margin-top:40px;height:40px;border-top:1px solid #000;border-bottom:1px solid #000;">
<div style="margin-top:14px;">
<div style="font-family:'century gothic', futura;font-size:12px;color:#000;line-height:100%;text-transform:uppercase;letter-spacing:.7px;text-align:center;">designer name / recepient name / batch #</div>
</div>
</div>
<div style="width:345px;float:left;border-bottom:1px solid #000;margin-top:40px;">
<div style="font-family:'century gothic';font-size:22px;color:#000;text-align:left;line-height:90%;text-transform:uppercase;letter-spacing:2px;margin-right:20px;"><span style="font-size:11px;">quick</span>reminders</div>
</div>
<div style="margin-right:20px;margin-top:5px;float:left;">
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">&nbsp;</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;"><span style="color:rgb(0,0,0);font-family:calibri;font-size:12px;line-height:13.1999998092651px;text-align:justify;">Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.&nbsp;</span>Write as much as you&#39;d like!</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">&nbsp;</div>
<div style="font-family:calibri;font-size:12px;color:#000;text-align:justify;line-height:110%;">Thanks for requesting!</div>
</div>
</div>
<div style="width:360px;float:left;margin-left:5px;"><img alt="poster" src="http://i1.minus.com/ibdocnv8UqBZdG.png" style="width:360px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<div style="margin-top:3px;">
<div style="font-family:'century gothic', futura;font-size:11px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.2px;"><strong><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#000000;">syncratic designs</span></a> &copy; 2015</strong></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment