API tools faq
paste
Advertisement
RienRien

MODISH BY RIENRIEN (LIGHT)

RienRien
Mar 20th, 2016
357
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.92 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:0px auto;width:806px;">
  2. <div style="float:left;width:760px;height:555px;padding:20px;background-color:#fff;overflow:hidden;border-radius:0px;border-top:10px solid #000;border-bottom:10px solid #000;border-left:1px solid #000;border-right:1px solid #000;">
  3. <div style="float:left;width:350px;">
  4. <div style="float:left;border:2px solid #000;line-height:25px;padding:10px;margin-top:0px;margin-left:0px;height:25px;"><span style="font-family:calibri;"><strong><span style="font-size:26px;"><span style="color:#000;"><span style="letter-spacing:6px;">MODISH</span></span></span></strong></span></div>
  5.  
  6. <div style="float:left;border-top:2px solid #000;border-bottom:2px solid #000;border-right:2px solid #000;line-height:25px;padding:10px;margin-top:20px;margin-left:0px;height:25px;"><span style="font-family:calibri;"><span style="font-size:11px;"><strong><span style="color:#000;"><span style="letter-spacing:6px;">A PORTFOLIO</span></span></strong></span></span></div>
  7.  
  8. <div style="float:left;width:430px;height:113px;line-height:13px;padding:0px;margin-top:10px;margin-left:0px;text-transform:uppercase;"><span style="font-family:calibri;"><span style="font-size:11px;"><span style="letter-spacing:2px;"><span style="color:#000000;">home</span><br />
  9. <a href="#"><span style="color:#000000;">link</span></a><br />
  10. <a href="#"><span style="color:#000000;">link</span></a><br />
  11. <a href="#"><span style="color:#000000;">link</span></a></span></span></span></div>
  12.  
  13. <div style="float:left;padding:10px;margin-top:75px;margin-left:0px;height:400px;"><span style="font-family:'lucida grande';"><span style="color:#D3D3D3;"><span style="font-size:272px;"><strong>M</strong></span></span></span></div>
  14.  
  15. <div style="float:left;padding:10px;margin-top:-250px;margin-left:50px;height:100px;line-height:10px;"><span style="font-family:'lucida grande';"><a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="color:#FFFFFF;"><span style="font-size:22px;"><strong><span style="font-size:10px;"><span style="font-family:calibri;"><span style="background-color:#000000;">&nbsp;SWAK &nbsp;BY RIENRIEN&nbsp;</span></span></span></strong></span></span></a><br />
  16. <a href="http://www.asianfanfics.com/story/view/1070080/debonair-collection-layoutpreview"><span style="color:#FFFFFF;"><span style="font-size:22px;"><strong><span style="font-size:10px;"><span style="font-family:calibri;"><span style="background-color:#000000;">&nbsp;DEBONAIR COLLECTIONS&nbsp;</span></span></span></strong></span></span></a><br />
  17. <a href="#"><span style="color:#FFFFFF;"><span style="font-size:22px;"><strong><span style="font-size:10px;"><span style="font-family:calibri;"><span style="background-color:#000000;">&nbsp;FACEBOOK&nbsp;</span></span></span></strong></span></span></a><br />
  18. <a href="#"><span style="color:#FFFFFF;"><span style="font-size:22px;"><strong><span style="font-size:10px;"><span style="font-family:calibri;"><span style="background-color:#000000;">&nbsp;TWITTER&nbsp;</span></span></span></strong></span></span></a><br />
  19. <a href="#"><span style="color:#FFFFFF;"><span style="font-size:22px;"><strong><span style="font-size:10px;"><span style="font-family:calibri;"><span style="background-color:#000000;">&nbsp;INSTAGRAM&nbsp;</span></span></span></strong></span></span></a></span></div>
  20. </div>
  21.  
  22. <div style="float:left;width:410px;">
  23. <div style="float:left;width:410px;background-color:#000;height:600px;margin-top:-20px;">&nbsp;</div>
  24.  
  25. <div style="float:left;width:410px;height:600px;overflow:hidden;margin-top:-600px;margin-left:0px;">
  26. <div style="float:left;width:424px;height:590px;overflow:auto;text-align:justify;">
  27. <div style="float:left;width:387px;height:580px;padding:10px;">
  28. <div style="float:left;width:200px;height:450px;opacity:.1;">
  29. <div style="float:left;width:200px;"><img alt="ASRUQSW.jpg" src="http://i.imgur.com/ASRUQSW.jpg" style="height:133px;width:200px;" /><img alt="RFakmwf.jpg" src="http://i.imgur.com/RFakmwf.jpg" style="height:300px;width:200px;" /></div>
  30. </div>
  31.  
  32. <div style="float:left;width:377px;margin-top:-400px;">
  33. <div style="float:left;width:377px;line-height:15px;text-align:right;"><span style="color:#FFFFFF;"><strong><span style="font-size:22px;"><span style="font-family:calibri;">I AM (NAME)<br />
  34. I DESIGN<br />
  35. GRAPHICS<br />
  36. IN A MODERN<br />
  37. WAY.</span></span></strong></span><br />
  38. &nbsp;</div>
  39.  
  40. <div style="float:left;width:177px;line-height:13px;margin-left:210px;margin-top:20px;text-transform:none;"><span style="font-size:10px;"><span style="font-family:calibri;"><span style="color:#FFFFFF;letter-spacing:0px;">A very short intro about your portfolio. Do not exceed the last line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a convallis risus. Aliquam venenatis eu quam et sagittis. Nunc id libero sed purus molestie interdum id a diam. Sed consequat pharetra laoreet. Vivamus quis lacinia mauris. Ut vel nisi mattis, consequat dolor sit amet, sodales metus. Nunc dignissim urna porttitor nibh blandit, sit amet commodo nulla euismod.</span></span></span></div>
  41. </div>
  42.  
  43. <div style="float:left;width:377px;">
  44. <div style="margin:0px auto;width:220px;">
  45. <div style="float:left;width:200px;height:10px;border:5px solid rgb(255,255,255);margin-top:40px;padding:0px 10px 10px 0px;text-align:center;">
  46. <div style="float:left;width:20px;height:20px;background-color:#fff;">&nbsp;</div>
  47.  
  48. <div style="float:left;height:20px;line-height:15px;width:180px;"><a href="#"><span style="font-size:8px;"><span style="color:#FFFFFF;"><span style="font-family:calibri;letter-spacing:2px;">VIEW GALLERY ON (SITE) &rarr;</span></span></span></a></div>
  49. </div>
  50. </div>
  51.  
  52. <div style="float:left;width:377px;text-align:center;"><span style="color:#FFFFFF;"><span style="font-family:calibri;"><span style="font-size:8px;letter-spacing:2px;">AND SCROLL DOWN FOR MORE!</span></span></span></div>
  53. </div>
  54.  
  55. <div style="float:left;width:377px;margin-top:100px;">
  56. <div style="margin:0px auto;width:300px;">
  57. <div style="float:left;width:300px;padding:5px;">
  58. <div style="float:left;width:100%;"><img alt="rm0gMFz.jpg" src="http://i.imgur.com/rm0gMFz.jpg" style="height:200px;width:300px;" /></div>
  59.  
  60. <div style="margin:0px auto;width:170px;">
  61. <div style="float:left;height:20px;line-height:15px;width:150px;padding:10px;text-align:center;background-color:#000;margin-top:-126px;"><a href="#"><span style="color:#fff;"><span style="font-size:8px;"><span style="font-family:calibri;letter-spacing:2px;">VIEW FULL IMAGE &rarr;</span></span></span></a></div>
  62. </div>
  63.  
  64. <div style="float:left;width:100%;line-height:10px;"><span style="color:#fff;"><span style="font-family:calibri;"><span style="font-size:10px;">■ MADE ON DD-MM-YY<br />
  65. ■ BY(NAME)<br />
  66. <br />
  67. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur enim ut placerat feugiat. Praesent posuere purus eu orci pretium, sed aliquet enim rutrum. Phasellus sagittis ornare accumsan. Donec rhoncus nulla in nisl convallis, quis mattis ante condimentum. Integer ornare nunc non gravida ornare. Suspendisse placerat facilisis luctus. Nam sit amet dolor eu magna volutpat pulvinar. Donec id diam tristique, gravida arcu vel, lobortis nisi.</span></span></span></div>
  68. </div>
  69.  
  70. <div style="float:left;width:300px;padding:5px;margin-top:15px;">
  71. <div style="float:left;width:100%;"><img alt="VieIFCp.jpg" src="http://i.imgur.com/VieIFCp.jpg" style="height:200px;width:300px;" /></div>
  72.  
  73. <div style="margin:0px auto;width:170px;">
  74. <div style="float:left;height:20px;line-height:15px;width:150px;padding:10px;text-align:center;background-color:#000;margin-top:-126px;"><a href="#"><span style="color:#fff;"><span style="font-size:8px;"><span style="font-family:calibri;letter-spacing:2px;">VIEW FULL IMAGE &rarr;</span></span></span></a></div>
  75. </div>
  76.  
  77. <div style="float:left;width:100%;line-height:10px;"><span style="color:#fff;"><span style="font-family:calibri;"><span style="font-size:10px;">■ MADE ON DD-MM-YY<br />
  78. ■ BY(NAME)<br />
  79. <br />
  80. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur enim ut placerat feugiat. Praesent posuere purus eu orci pretium, sed aliquet enim rutrum. Phasellus sagittis ornare accumsan. Donec rhoncus nulla in nisl convallis, quis mattis ante condimentum. Integer ornare nunc non gravida ornare. Suspendisse placerat facilisis luctus. Nam sit amet dolor eu magna volutpat pulvinar. Donec id diam tristique, gravida arcu vel, lobortis nisi.</span></span></span></div>
  81. </div>
  82.  
  83. <div style="float:left;width:300px;padding:5px;margin-top:15px;">
  84. <div style="float:left;width:100%;"><img alt="0RTrvyj.jpg" src="http://i.imgur.com/0RTrvyj.jpg" style="height:200px;width:300px;" /></div>
  85.  
  86. <div style="margin:0px auto;width:170px;">
  87. <div style="float:left;height:20px;line-height:15px;width:150px;padding:10px;text-align:center;background-color:#000;margin-top:-126px;"><a href="#"><span style="color:#fff;"><span style="font-size:8px;"><span style="font-family:calibri;letter-spacing:2px;">VIEW FULL IMAGE &rarr;</span></span></span></a></div>
  88. </div>
  89.  
  90. <div style="float:left;width:100%;line-height:10px;"><span style="color:#fff;"><span style="font-family:calibri;"><span style="font-size:10px;">■ MADE ON DD-MM-YY<br />
  91. ■ BY(NAME)<br />
  92. <br />
  93. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur enim ut placerat feugiat. Praesent posuere purus eu orci pretium, sed aliquet enim rutrum. Phasellus sagittis ornare accumsan. Donec rhoncus nulla in nisl convallis, quis mattis ante condimentum. Integer ornare nunc non gravida ornare. Suspendisse placerat facilisis luctus. Nam sit amet dolor eu magna volutpat pulvinar. Donec id diam tristique, gravida arcu vel, lobortis nisi.</span></span></span></div>
  94. </div>
  95.  
  96. <div style="float:left;width:300px;padding:5px;margin-top:15px;">
  97. <div style="float:left;width:100%;"><img alt="KNLTg7e.jpg" src="http://i.imgur.com/KNLTg7e.jpg" style="height:200px;width:300px;" /></div>
  98.  
  99. <div style="margin:0px auto;width:170px;">
  100. <div style="float:left;height:20px;line-height:15px;width:150px;padding:10px;text-align:center;background-color:#000;margin-top:-126px;"><a href="#"><span style="color:#fff;"><span style="font-size:8px;"><span style="font-family:calibri;letter-spacing:2px;">VIEW FULL IMAGE &rarr;</span></span></span></a></div>
  101. </div>
  102.  
  103. <div style="float:left;width:100%;line-height:10px;"><span style="color:#fff;"><span style="font-family:calibri;"><span style="font-size:10px;">■ MADE ON DD-MM-YY<br />
  104. ■ BY(NAME)<br />
  105. <br />
  106. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur enim ut placerat feugiat. Praesent posuere purus eu orci pretium, sed aliquet enim rutrum. Phasellus sagittis ornare accumsan. Donec rhoncus nulla in nisl convallis, quis mattis ante condimentum. Integer ornare nunc non gravida ornare. Suspendisse placerat facilisis luctus. Nam sit amet dolor eu magna volutpat pulvinar. Donec id diam tristique, gravida arcu vel, lobortis nisi.</span></span></span></div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!