Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Experimental Bio One</title>
- <link rel="stylesheet" type="text/css" href="">
- </head>
- <body style="font-family:courier new;font-size:16px;text-align:center;">
- <div style="width:50%;margin:auto;">
- <h1 style="background-color:#f44542;color:#fff;padding:5px;border:5px #ededed solid;margin-bottom:5px;">Name</h1>
- <h3 style="background-color:#ff933a;color:#fff;border:5px #ededed solid;margin-bottom:5px;padding:3px;">Age ☆ Gender ☆ Occupation</h3>
- <div style="background-color:#ffc132;color:#fff;border:5px #ededed solid;padding:5px;">
- <h4>Personality</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- <table style="margin-top:5px;width:100%;background-color:#7be06b;color:white;border:5px #ededed solid;padding:5px;font-size:14px;word-spacing:2px;">
- <thead>
- <tr>
- <th>Name</th>
- <th>Gender</th>
- <th>Ethnicity</th>
- <th>Species</th>
- <th>Age</th>
- <th>Height</th>
- </tr>
- </thead>
- <tbody style="font-size:10px;">
- <tr>
- <td>Namey Name</td>
- <td>Spectrum</td>
- <td>Diversity</td>
- <td>oof imma froggo</td>
- <td>Some number</td>
- <td>Some height</td>
- </tr>
- </tbody>
- </table>
- <table style="margin-top:5px;width:100%;background-color:#7be06b;color:white;border:5px #ededed solid;padding:5px;font-size:14px;word-spacing:2px;">
- <thead>
- <tr>
- <th>Body</th>
- <th>Style</th>
- <th>World</th>
- <th>Home</th>
- <th>Occupation</th>
- <th>Sexuality</th>
- </tr>
- </thead>
- <tbody style="font-size:10px;">
- <tr>
- <td>Some type</td>
- <td>Some fashion</td>
- <td>Some place</td>
- <td>Some address</td>
- <td>Some job</td>
- <td>Mmm romance</td>
- </tr>
- </tbody>
- </table>
- <div style="background-color:#3abaff;color:#fff;border:5px #ededed solid;margin-top:5px;padding:5px;">
- <h4>Backstory</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- <h5 style="background-color:#de68ff; color:white;border:5px #ededed solid;padding:5px;margin-top:5px;">
- "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
- </h5>
- <h4 style="background-color:#f44542;color:white;border:5px #ededed solid;padding:5px;">Relations</h4>
- <p style="text-align:center;">
- <h6 style="float:left;/*width:30%;*/box-sizing:border-box;background-color:#ff933a;color:white;border:5px #ededed solid;margin-top:5px;">
- <a href="#">Name</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </h6>
- <h6 style="float:left;/*width:30%;*/box-sizing:border-box;background-color:#ffc132;color:white;border:5px #ededed solid;margin-top:5px;">
- <a href="#">Name</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </h6>
- <h6 style="float:left;/*width:30%;*/box-sizing:border-box;background-color:#7be06b;color:white;border:5px #ededed solid;margin-top:5px;">
- <a href="#">Name</a>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </h6>
- </p>
- <br>
- <small style="background-color:#3abaff;float:right;color:white;border:5px #ededed solid;padding:3px;font-size:9px;margin-top:2px;width:33.3%">
- Code by <a href="https://toyhou.se/bepbopmemo">bepbopmemo</a>
- </small>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement