API tools faq
paste
Advertisement
andieanjos

Owners Page #1

andieanjos
Feb 13th, 2014
6,674
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.64 KB | None | 0 0
raw download clone embed print report
  1. <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2. ++++++++++++++ OWNERS THEME #1 MADE BY ANDIE ++++++++++++++++
  3. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  4. ++++++ please don't remove credits ++++++++++++++++++++++++++
  5. ++++++ don't use it as a base code ++++++++++++++++++++++++++
  6. ++++++ don't redistribute +++++++++++++++++++++++++++++++++++
  7. ++++++ you can customize it however you want ++++++++++++++++
  8. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  9. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
  10. <!DOCTYPE html>
  11. <html>
  12.     <head>
  13.         <title>{Title}: Owners Page!</title>
  14.         <link rel="shortcut icon" href="{Favicon}"/>
  15.         <meta name="author" content="Andressa Anjos @ naemamideullini.tumblr.com">
  16.         <style type="text/css">
  17.             @import url(http://fonts.googleapis.com/css?family=Quando);
  18.                         body {
  19.                             color:black;
  20.                         }
  21.                         a {
  22.                             color:black;
  23.                             text-decoration:none;
  24.                         }
  25.                         #membersContainer {
  26.                             /*
  27.                              * CHANGE WIDTH TO 700 FOR 2 COLUMNS
  28.                              */
  29.                             width:1000px;
  30.                             margin:0 auto;
  31.                             text-align:center;
  32.                         }
  33.                         #membersTitle {
  34.                             font-family:'Quando', serif;
  35.                             font-size:12pt;
  36.                             font-variant:small-caps;
  37.                             margin:20px;
  38.                         }
  39.                         #membersLinks {
  40.                             margin-bottom:60px;
  41.                         }
  42.                         #membersLinks a {
  43.                             color:black;
  44.                             text-decoration:none;
  45.                             font-variant:small-caps;
  46.                             font-family:'Quando', serif;
  47.                             font-size:9pt;
  48.                         }
  49.                         .member {
  50.                             text-align:center;
  51.                             width:250px;
  52.                             padding:25px;
  53.                             display:inline-block;
  54.                         }
  55.                        
  56.                         .member .photo {
  57.                             display:block;
  58.                             width:150px;
  59.                             height:200px;
  60.                 margin:0 auto;
  61.                             background-color:black;
  62.                             background-size:cover;
  63.                             background-position:center;
  64.                             /*
  65.                              * DELETE LINE BELOW TO DISABLE MONOCHROME.
  66.                              */
  67.                             -webkit-filter: grayscale(1);
  68.                             -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
  69.                            border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
  70.                         }
  71.                        
  72.                         .member .name {
  73.                             font-family:'Quando', serif;
  74.                             font-size:12pt;
  75.                             font-weight:bold;
  76.                             text-transform:uppercase;
  77.                         }
  78.                        
  79.                         .member .about {
  80.                             font-size:7pt;
  81.                             font-family:'Quando', serif;
  82.                         }
  83.                         .member .about strong {
  84.                             font-variant:small-caps;
  85.                             font-size:8pt;
  86.                         }
  87.                         .member .about quote {
  88.                             font-style:italic;
  89.                             width:100px;
  90.                         }
  91.         </style>
  92.     </head>
  93.     <body>
  94.             <div id="membersContainer">
  95.                 <div id="membersTitle">Our Team!</div>
  96.                 <div id="membersLinks">
  97.                     <a href="/">go back</a> &middot;
  98.                     <a href="/ask">message</a> &middot;
  99.                     <a href="http://tanharu.tumblr.com/">credit</a>
  100.                 </div>
  101.                
  102.                 <div class="member">
  103.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  104.                     <span class="name">MEMBER ALIAS</span><br />
  105.                     &middot; <strong>&middot;</strong> &middot;<br />
  106.                     <div class="about">
  107.                         <strong>name</strong> MEMBER NAME<br />
  108.                         <strong>position</strong> idk...<br />
  109.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  110.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  111.                     </div>
  112.                 </div>
  113.                
  114.                 <div class="member">
  115.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  116.                     <span class="name">MEMBER ALIAS</span><br />
  117.                     &middot; <strong>&middot;</strong> &middot;<br />
  118.                     <div class="about">
  119.                         <strong>name</strong> MEMBER NAME<br />
  120.                         <strong>position</strong> idk...<br />
  121.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  122.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  123.                     </div>
  124.                 </div>
  125.  
  126.                 <div class="member">
  127.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  128.                     <span class="name">MEMBER ALIAS</span><br />
  129.                     &middot; <strong>&middot;</strong> &middot;<br />
  130.                     <div class="about">
  131.                         <strong>name</strong> MEMBER NAME<br />
  132.                         <strong>position</strong> idk...<br />
  133.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  134.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  135.                     </div>
  136.                 </div>
  137.  
  138.                 <div class="member">
  139.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  140.                     <span class="name">MEMBER ALIAS</span><br />
  141.                     &middot; <strong>&middot;</strong> &middot;<br />
  142.                     <div class="about">
  143.                         <strong>name</strong> MEMBER NAME<br />
  144.                         <strong>position</strong> idk...<br />
  145.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  146.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  147.                     </div>
  148.                 </div>
  149.  
  150.                 <div class="member">
  151.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  152.                     <span class="name">MEMBER ALIAS</span><br />
  153.                     &middot; <strong>&middot;</strong> &middot;<br />
  154.                     <div class="about">
  155.                         <strong>name</strong> MEMBER NAME<br />
  156.                         <strong>position</strong> idk...<br />
  157.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  158.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  159.                     </div>
  160.                 </div>
  161.                
  162.                 <div class="member">
  163.                     <div class="photo" style="background-image:url(MEMBER-IMG);"></div><br />
  164.                     <span class="name">MEMBER ALIAS</span><br />
  165.                     &middot; <strong>&middot;</strong> &middot;<br />
  166.                     <div class="about">
  167.                         <strong>name</strong> MEMBER NAME<br />
  168.                         <strong>position</strong> idk...<br />
  169.                         <strong>tag</strong> <a href="#">#tooMuchPressure</a><br /><br />
  170.                         <quote>&ldquo; there's nothing in this world that you cannot conquer. you are capable of doing anything.</quote>
  171.                     </div>
  172.                 </div>
  173.                
  174.             </div>
  175.     </body>
  176. </html>
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!