Advertisement
flamzfox

Silent Starts [Home]

Jan 1st, 2015
562
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.30 KB | None | 0 0
  1. <div style="margin:auto;width:540px;font-family:Calibri;text-transform:uppercase;text-align:justify;color:#404040;font-size:8px;line-height:11px;">
  2.     <div style="float:left;width:540px;height:350px;">
  3.         <img src="http://i1373.photobucket.com/albums/ag378/flamxfox/Untitled-3_zpsb284a5a0.png" style="float:left;margin:0;padding:0;width:540px;height:350px;border-radius:0;">
  4.         <div style="float:right;width:140px;height:90px;background-color:#92c9bd;color:#ffffff;padding:15px;margin:-120px 30px 0 0;">
  5.             <div style="float:left;height:30px;width:115px;line-height:15px;font-weight:700;font-size:20px;">silent<br/>starts</div>
  6.             <div style="float:left;height:30px;width:25px;overflow:hidden;">
  7.                 <div style="float:left;height:30px;width:25px;margin-left:-20px;margin-top:-18px;">
  8.                     <iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/162680094&amp;color=92c9bd&amp;;show_artwork=false" width="250"></iframe>
  9.                 </div>
  10.             </div>
  11.             <div style="float:left;width:140px;height:50px;margin-top:10px;overflow:hidden;">
  12.                 <div style="float:left;width:158px;height:50px;overflow:auto;">
  13.                     Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
  14.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </div>
  19.     <div style="float:left;width:260px;height:13px;overflow:hidden;">
  20.         <div style="float:left;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:260px solid #5f5f5f;margin-top:-13px;">&nbsp;</div>
  21.     </div>
  22.     <div style="float:left;width:540px;">
  23.         <div style="float:left;padding:55px;width:430px;">
  24.             <div style="float:left;width:430px;height:150px;">
  25.                 <div style="float:left;width:210px;height:150px;">
  26.                     <div style="float:left;height:18px;width:210px;line-height:18px;text-align:center;color:#92c9bd;font-weight:700;font-size:20px;letter-spacing:-2px;">about us</div>
  27.                     <div style="float:left;width:210px;margin-top:25px;height:107px;overflow:hidden;">
  28.                         <div style="float:left;width:228px;height:107px;overflow:auto;">
  29.                             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat. Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
  30.                             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
  31.                         </div>
  32.                     </div>
  33.                 </div>
  34.                 <div style="float:left;width:210px;height:150px;margin-left:10px;">
  35.                     <div style="float:left;height:18px;width:210px;line-height:18px;text-align:center;color:#92c9bd;font-weight:700;font-size:20px;letter-spacing:-2px;">guidelines</div>
  36.                     <div style="float:left;width:210px;margin-top:25px;height:107px;overflow:hidden;">
  37.                         <div style="float:left;width:228px;height:107px;overflow:auto;">
  38.                             <span style="color:#92c9bd;">one.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat.<br/>
  39.                             <span style="color:#92c9bd;">two.</span> Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a.<br/>
  40.                             <span style="color:#92c9bd;">three.</span> Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/>
  41.                             <span style="color:#92c9bd;">four.</span> Praesent non rhoncus sapien, ut lobortis elit. In nisl ipsum, rhoncus sed elementum at, fermentum non justo. Proin hendrerit mi id risus volutpat rutrum eu in nibh.<br/>
  42.                             <span style="color:#92c9bd;">five.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet.
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.             <div style="float:left;width:430px;height:190px;margin-top:25px;">
  48.                 <div style="float:left;width:210px;height:190px;">
  49.                     <div style="float:left;width:210px;height:92.5px;">
  50.                         <a href="#" title="STAFF #1"><img src="https://lh6.googleusercontent.com/-I-DX9xW1e3w/VKTl1uHHKFI/AAAAAAAAAtI/y_1G6K4oz_A/w67-h93-no/1.png" style="float:left;margin:0;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  51.                         <a href="#" title="STAFF #2"><img src="https://lh6.googleusercontent.com/-RvV9N3ilSGI/VKTl1nMLl4I/AAAAAAAAAtY/TFv1UplYqqA/w67-h93-no/2.png" style="float:left;margin:0;margin-left:5px;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  52.                         <a href="#" title="STAFF #3"><img src="https://lh4.googleusercontent.com/-pqCSz1S_PS0/VKTl1itXlfI/AAAAAAAAAtU/0y-nq_5iwh4/w67-h93-no/3.png" style="float:left;margin:0;margin-left:5px;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  53.                     </div>
  54.                     <div style="float:left;margin-top:5px;width:210px;height:92.5px;">
  55.                         <a href="#" title="STAFF #4"><img src="https://lh3.googleusercontent.com/-kew7uarQ8NY/VKTl12EdV0I/AAAAAAAAAtQ/nIVBSA7POcw/w67-h93-no/4.png" style="float:left;margin:0;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  56.                         <a href="#" title="STAFF #5"><img src="https://lh6.googleusercontent.com/-gMh-MaiuOeg/VKTl2MfrS0I/AAAAAAAAAtE/sVasgwhuafg/w67-h93-no/5.png" style="float:left;margin:0;margin-left:5px;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  57.                         <a href="#" title="STAFF #6"><img src="https://lh4.googleusercontent.com/-q8UiWwd6MlQ/VKTl2d5SUqI/AAAAAAAAAtM/0yhSe3jHG5M/w67-h93-no/6.png" style="float:left;margin:0;margin-left:5px;padding:0;width:66.6px;height:92.5px;border-radius:0;"></a>
  58.                     </div>
  59.                 </div>
  60.                 <div style="float:left;width:210px;height:190px;margin-left:10px;">
  61.                     <div style="float:left;height:18px;width:210px;line-height:18px;text-align:center;color:#92c9bd;font-weight:700;font-size:20px;letter-spacing:-2px;">status list</div>
  62.                     <div style="float:left;width:210px;margin-top:25px;height:41px;overflow:hidden;">
  63.                         <div style="float:left;width:228px;height:41px;overflow:auto;text-align:center;">
  64.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  65.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  66.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  67.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  68.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  69.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  70.                             <span style="color:#92c9bd;">username</span> // designer // 50% done<br/>
  71.                             <span style="color:#92c9bd;">username</span> // designer // 50% done
  72.                         </div>
  73.                     </div>
  74.                     <div style="float:left;width:210px;height:81px;margin-top:25px;color:#ffffff;text-align:center;line-height:38px;font-weight:900;font-size:15px;">
  75.                         <div style="float:left;width:38px;height:38px;background-color:#92c9bd;">
  76.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  77.                         </div>
  78.                         <div style="float:left;margin-left:5px;width:38px;height:38px;background-color:#92c9bd;">
  79.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  80.                         </div>
  81.                         <div style="float:left;margin-left:5px;width:38px;height:38px;background-color:#92c9bd;">
  82.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  83.                         </div>
  84.                         <div style="float:left;margin-left:5px;width:38px;height:38px;background-color:#92c9bd;">
  85.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  86.                         </div>
  87.                         <div style="float:left;margin-left:5px;width:38px;height:38px;background-color:#92c9bd;">
  88.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  89.                         </div>
  90.                         <div style="float:left;margin-top:5px;width:38px;height:38px;background-color:#92c9bd;">
  91.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  92.                         </div>
  93.                         <div style="float:left;margin-left:5px;margin-top:5px;width:38px;height:38px;background-color:#92c9bd;">
  94.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  95.                         </div>
  96.                         <div style="float:left;margin-left:5px;margin-top:5px;width:38px;height:38px;background-color:#92c9bd;">
  97.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  98.                         </div>
  99.                         <div style="float:left;margin-left:5px;margin-top:5px;width:38px;height:38px;background-color:#92c9bd;">
  100.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  101.                         </div>
  102.                         <div style="float:left;margin-left:5px;margin-top:5px;width:38px;height:38px;background-color:#92c9bd;">
  103.                             <a href="#" title="Affiliate Name" style="color:#ffffff;">+</a>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.             <div style="float:left;width:430px;height:61px;margin-top:25px;background-color:#efefef;text-align:center;font-weight:700;line-height:61px;letter-spacing:2px;">
  109.                 <a href="#" style="color:#92c9bd;">home</a>
  110.                 <a href="#" style="color:#b7b7b7;padding-left:25px;">link one</a>
  111.                 <a href="#" style="color:#b7b7b7;padding-left:25px;">link two</a>
  112.                 <a href="#" style="color:#b7b7b7;padding-left:25px;">link three</a>
  113.                 <a href="https://www.asianfanfics.com/story/view/576337/" style="color:#b7b7b7;padding-left:25px;">credit</a>
  114.             </div>
  115.         </div>
  116.     </div>
  117.     <div style="float:left;width:540px;height:40px;">
  118.         <div style="float:left;width:250px;height:40px;overflow:hidden;">
  119.             <div style="float:left;width:0;height:0;border-top:40px solid transparent;border-bottom:40px solid transparent;border-left:250px solid #92c9bd;">&nbsp;</div>
  120.             <div style="float:left;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:250px solid #ffffff;margin-top:-70px;">&nbsp;</div>
  121.         </div>
  122.         <div style="float:left;margin-top:27px;width:290px;height:13px;overflow:hidden;">
  123.             <div style="float:left;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:290px solid #5f5f5f;">&nbsp;</div>
  124.         </div>
  125.     </div>
  126. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement