Created
February 3, 2017 04:38
-
-
Save funruby/f462ff06b8fc82f4594cddb78a05c825 to your computer and use it in GitHub Desktop.
01 - Foreword
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:800px;float:left;margin:auto;margin-bottom:25px;"><img alt="background" src="http://i.imgur.com/PsHumO8.jpg" style="width:800px;float:left;height:837px;" /> | |
<div style="width:800px;float:left;margin-top:-837px;"> | |
<div style="width:180px;margin-left:80px;margin-top:100px;float:left;"> | |
<div style="width:180px;height:180px;float:left;background-color:#fff;"> | |
<div style="margin-top:55px;"> | |
<div style="font-family:'gill sans', 'avenir next', 'arial black', futura;font-size:70px;color:#292929;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:-2px;"><strong>IQ</strong></div> | |
</div> | |
</div> | |
<div style="width:180px;float:left;height:50px;margin-top:15px;background-color:#fff;"> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:14px;color:#292929;float:left;margin-left:30px;margin-right:50px;margin-top:18px;line-height:110%;text-transform:uppercase;letter-spacing:1.4px;"><span style="font-size:12px;"><a href="#"><span style="color:#292929;"><strong>home</strong></span></a></span></div> | |
</div> | |
<div style="width:180px;float:left;height:180px;margin-top:2px;background-color:#fff;"> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:14px;color:#292929;float:left;margin-left:30px;margin-right:50px;margin-top:24px;line-height:110%;text-transform:uppercase;letter-spacing:1.4px;"><span style="font-size:12px;"><a href="#"><span style="color:#292929;"><strong>linktwo</strong></span></a></span></div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:14px;color:#292929;float:left;margin-left:30px;margin-right:50px;margin-top:24px;line-height:110%;text-transform:uppercase;letter-spacing:1.4px;"><span style="font-size:12px;"><a href="#"><span style="color:#292929;"><strong>linkthree</strong></span></a></span></div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:14px;color:#292929;float:left;margin-left:30px;margin-right:50px;margin-top:24px;line-height:110%;text-transform:uppercase;letter-spacing:1.4px;"><span style="font-size:12px;"><a href="#"><span style="color:#292929;"><strong>linkfour</strong></span></a></span></div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:14px;color:#292929;float:left;margin-left:30px;margin-right:50px;margin-top:24px;line-height:110%;text-transform:uppercase;letter-spacing:1.4px;"><span style="font-size:12px;"><a href="#"><span style="color:#292929;"><strong>linkfive</strong></span></a></span></div> | |
</div> | |
<div style="width:180px;float:left;margin-top:50px;"> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:32px;color:#fff;float:left;line-height:100%;margin-left:-4px;"><strong><em>i</em></strong></div> | |
<div style="width:175px;height:160px;background-color:transparent;float:left;margin-top:5px;overflow:hidden;"> | |
<div style="width:205px;height:158px;float:left;overflow:auto;"> | |
<div style="font-family:futura;font-size:10px;color:#fff;text-align:justify;margin-left:30px;line-height:160%;letter-spacing:1px;margin-right:30px;text-transform:uppercase;">Write an update here! It can be as long as you want too. 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.</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:160px;float:left;"> | |
<div style="margin-top:30px;float:left;border:2px solid #FFFFFF;height:30px;width:30px;margin-left:-50px;"> | |
<div class="tooltip" style="height:54px;width:54px;float:left;overflow:auto;margin-top:-2px;margin-left:-2px;border-bottom:none;" title="syncratic designs © 2017"> </div> | |
<div style="margin-top:-42px;float:left;"> | |
<div style="font-family:'century gothic', futura;margin-left:8px;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="syncratic designs © 2017"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">sd</span></a></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:430px;float:left;margin-left:30px;margin-right:80px;"> | |
<div style="width:80px;height:4px;background-color:#fff;float:left;margin-left:-20px;margin-top:180px;"> </div> | |
<div style="width:418px;height:415px;border:6px solid #fff;float:left;margin-top:-84px;overflow:hidden;"> | |
<div style="width:448px;height:401px;overflow:auto;margin-left:10px;margin-top:7px;float:left;"> | |
<div style="margin-right:40px;"> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:40px;color:rgb(255,255,255);float:left;margin-top:200px;line-height:130%;text-transform:uppercase;letter-spacing:-.4px;text-align:left;">I <em>saw</em> the <u>best</u> <u>minds</u> of my generation <em>destroyed</em></div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:40px;color:rgb(255,255,255);float:right;margin-top:180px;line-height:90%;margin-right:20px;text-transform:uppercase;letter-spacing:-.4px;text-align:right;"><span style="font-size:20px;text-transform:lowercase;text-align:right;">by</span><br /> | |
<strong>madness</strong></div> | |
<div style="width:378px;margin-left:20px;float:left;margin-top:20px;padding-bottom:15px;"> | |
<div style="font-family:futura;font-size:12px;color:rgb(255,255,255);line-height:135%;margin-left:50px;margin-right:10px;letter-spacing:.2px;text-align:right;"><span style="font-family:Arial;">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.<br /> | |
<br /> | |
Try not to write <em>too</em> much (i.e. the whole border box), but you can technically write as much as you need!</span></div> | |
</div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:40px;color:rgb(255,255,255);float:left;margin-top:240px;line-height:90%;margin-right:20px;text-transform:uppercase;letter-spacing:-.4px;text-align:right;">starving</div> | |
<div style="width:378px;margin-left:20px;float:left;margin-top:7px;padding-bottom:15px;"> | |
<div style="font-size:12px;color:rgb(255,255,255);line-height:135%;margin-left:60px;margin-right:60px;letter-spacing:.2px;text-align:right;"><font face="Arial">Rule number one here. Make it as long or as short as you want; it's really up to you!</font></div> | |
</div> | |
<div style="width:378px;margin-top:30px;float:left;"> | |
<div style="font-family:didot;font-size:40px;color:rgb(255,255,255);line-height:90%;text-transform:uppercase;letter-spacing:-.4px;text-align:right;"><em>Hysterical</em></div> | |
</div> | |
<div style="width:378px;margin-left:20px;float:left;margin-top:7px;padding-bottom:15px;"> | |
<div style="font-size:12px;color:rgb(255,255,255);line-height:135%;margin-left:60px;margin-right:60px;letter-spacing:.2px;text-align:right;"><font face="Arial">Rule number two here. Make it as long or as short as you want; it's really up to you!</font></div> | |
</div> | |
<div style="font-family:didot, georgia, 'times new roman';font-size:40px;color:rgb(255,255,255);float:right;margin-top:30px;line-height:90%;margin-right:10px;text-transform:uppercase;letter-spacing:-.4px;text-align:right;">naked</div> | |
<div style="width:378px;margin-left:20px;float:left;margin-top:7px;padding-bottom:15px;margin-bottom:12px;"> | |
<div style="font-size:12px;color:rgb(255,255,255);line-height:135%;margin-left:60px;margin-right:60px;letter-spacing:.2px;text-align:right;"><font face="Arial">Rule number three here. Make it as long or as short as you want; it's really up to you!</font></div> | |
</div> | |
<div style="font-family:futura, 'trebuchet ms', calibri;font-size:12px;color:rgb(255,255,255);float:right;margin-right:15px;margin-top:140px;padding-bottom:270px;line-height:140%;margin-left:140px;text-transform:uppercase;letter-spacing:1.3px;text-align:right;">dripping from a sea-journey<br /> | |
on the highway across<br /> | |
America in tears to the<br /> | |
door of my cottage in the<br /> | |
Western night</div> | |
</div> | |
</div> | |
</div> | |
<div style="width:430px;height:160px;float:left;margin-top:50px;background-color:transparent;"> | |
<div style="font-family:didot, futura;font-size:20px;color:rgb(255,255,255);float:right;margin-left:40px;line-height:150%;text-transform:uppercase;letter-spacing:1.1px;margin-top:30px;text-align:right;">III EVENts<br /> | |
IV ADMINS<br /> | |
II YEARS<br /> | |
LIII MEMBERS</div> | |
</div> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment