API tools faq
paste
Advertisement
kay_kodes

anneliese || profile text

kay_kodes
Jul 5th, 2023 (edited)
1,072
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.90 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--subtitle font-->
  3. <link href="https://fonts.cdnfonts.com/css/fadethotrial" rel="stylesheet">
  4.  
  5. <!--general font-->
  6. <link href="https://fonts.cdnfonts.com/css/oktah-neue" rel="stylesheet">
  7.  
  8.  
  9.  
  10. <style>
  11. /*Scrollbar*/
  12. ::-webkit-scrollbar {width: 9px;}
  13. ::-webkit-scrollbar-thumb {background: #b0c4de ; border:1px #fff solid;border-radius:100px}
  14. ::-webkit-scrollbar-thumb:hover {background:#fff;border:1px #696969 solid}
  15.  
  16. .zoom{
  17. transition: all 1.5s
  18.  
  19. }
  20. .zoom:hover {
  21. transform: translateY(-7px);
  22. transform: scale(1.02);
  23.  
  24. }
  25.  
  26. .zoom:active {
  27. transform: translateY(-1px);
  28.  
  29.  
  30. </style>
  31.  
  32. <div style="padding:30px;width:900px;height:680px;margin:auto;text-align:justify;overflow:hidden">
  33.  
  34.  
  35.  
  36. <!-- BASIC INFO -->
  37. <div style="background:#fff;text-align:justify;border-radius:0px;color:#696969;font-family:'oktah neue';font-size:15px;width:220px;height:250px;text-align:justify;float:left;box-shadow: 1px 1px 6px 2px #696969">
  38. <br>
  39. <center>
  40.  
  41. <!--FACECLAIM-->
  42. <center>
  43. <img src="https://i.pinimg.com/originals/39/0e/77/390e779f301d87a5b81319f129dbaf42.gif" style="width:80px;height:80px;border:3px solid #fff ;object-fit:cover;margin-right:10px;margin-bottom:10px;border-radius:100px;margin-top:-40px;box-shadow: 1px 1px 6px 2px #696969"></center>
  44.  
  45. <b>- ANNELIESE EVERETT -</b>
  46. <br>
  47. <i>"be brave, be smart, be you"</i>
  48. </center>
  49. <p style="margin-top:10px;margin-right:10px;margin-left:20px;font-size:13px">
  50. <b>nickname(s).</b> Anne, Annie<br>
  51. <b>orientation.</b> Heterosexual<br>
  52. <b>birthday.</b> July 23rd<br>
  53. <b>birthplace.</b> Everett Household<br>
  54. <b>marital status.</b> Married
  55.  
  56. <!-- DO NOT REMOVE -->
  57. <p style="margin-top:-10px">
  58. <center><a href="https://kaykodes.tumblr.com/" style="color:#696969;font-size:12px"><b><u>kay kodes</u></b></a>
  59. </center>
  60.  
  61. </div>
  62.  
  63. <!-- ABOUT, PERSONALITY, FIRST IMPRESSIONS -->
  64. <div style="background:#fff;text-align:justify;border-radius:0px;color:#696969;font-family:'Times New Roman';font-size:15px;width:500px;height:350px;text-align:justify;float:right;overflow:auto;margin-right:160px;box-shadow: 1px 1px 6px 2px #696969">
  65.  
  66. <!--ABOUT-->
  67. <div style="background:#fff;text-align:justify;border-radius:0px;color:#696969;font-family:'fadethotrial';font-size:45px;border-radius:20px;margin-left:20px;margin-top:10px">
  68. About
  69.  
  70.  
  71. </div>
  72. <br>
  73.  
  74. <div style="background:#fff;text-align:justify;border-radius:0px;color:#696969;font-family:'oktah neue';font-size:13px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px">
  75.  
  76. <div class="aesimg">
  77. <img src="https://i.pinimg.com/236x/c2/c9/7e/c2c97eac1c439f51efa40634ab3c6185.jpg" style="width:100px;height:100px;border:2px solid #fff;object-fit:cover;margin-right:7px;margin-top:-20px;margin-left:7px;transform:rotate(-4deg);float:right;;box-shadow: 1px 1px 6px 2px #696969"></div>
  78.  
  79. <b>birth faction.</b> Amity<br>
  80. <b>chosen faction.</b> Erudite<br>
  81. <b>tested.</b> Compatible<br>
  82. <b>graduate/student year.</b> Graduated<br>
  83. <b>prev occupation(s).</b> Photographer, Foreign Languages Instructor
  84.  
  85. <div style=" border-left: 2px solid #696969; padding-left: 10px">
  86. <p><b>mother.</b> Alivia Everett (née Maison) <br>
  87. <b>father.</b> Anthony Everett
  88. <br>
  89.  
  90. <div class="aesimg">
  91. <img src="https://i.pinimg.com/564x/43/6f/6e/436f6e644561b17a2097e61c3f3df759.jpg" style="width:100px;height:100px;border:2px solid #fff;object-fit:cover;margin-right:7px;margin-top:-50px;margin-left:7px;transform:rotate(6deg);float:right;box-shadow: 1px 1px 6px 2px #696969"></div>
  92.  
  93. <div style=" border-left: 2px solid #696969; padding-left: 10px;margin-left:10px">
  94. <b>older sister.</b> Antiope Everett<br>
  95. <b>younger sister.</b> Taliyah Everett<br>
  96.  
  97. </div>
  98. </div>
  99. <br>
  100. <b>significant other.</b> Noah Anderson
  101.  
  102. <br><br>Anneliese, overall, is a very laidback girl. She hates drama and negativity, although, she can be a little judgmental herself. She loves learning. Even on the days she could relax, Anneliese prefers learning something. She isn't really picky when it comes to friends. She always tries to be as friendly as possible. However, she loves surrounding herself with people who value intelligence. She's also a curious person. Not in a bad way, but she can get a little snoopy if people keep secrets from her. She always has the itch to know. When Anneliese graduated, she flew off to travel just like her sister. Unlike her, Anneliese would stay restless in where she visited if she stays for too long. No more than one month in each country or city.
  103.  
  104.  
  105. <div class="aesimg">
  106. <img src="https://i.pinimg.com/originals/7b/dc/f1/7bdcf18149d75840bab001f2134b9d07.gif" style="width:110px;height:110px;border:2px solid #fff;object-fit:cover;margin-right:10px;margin-top:15px;margin-left:7px;float:left;box-shadow: 1px 1px 6px 2px #696969"></div>
  107.  
  108. <p>It's not hard getting on Anneliese's good side. She loves making friends and always tries to be as friendly as possible. But she's also cautious. To be a good friend of Anneliese is to earn her trust. She tries her ultimate best to care for others and become a trustworthy person for people to confide in. And Anneliese expects the same back. Anneliese only wants to know if her friends really care as much as she does. She's quite shy and prefers when someone else approaches her or initiates the conversation. But after you break the ice, Anneliese is full of fun and joy. She is afraid of being judged but once she trusts you, she doesn't mind being herself.
  109.  
  110. <div></div></div></div>
  111.  
  112.  
  113. <!--BIG IMAGE-->
  114.  
  115. <!--DO NOT REMOVE-->
  116. <div style=";width:220px;height:400px;text-align:justify;float:left;overflow:hidden;margin-top:35px;box-shadow: 1px 1px 6px 2px #696969">
  117. <!--DO NOT REMOVE-->
  118.  
  119. <div class="zoom">
  120. <img src="https://64.media.tumblr.com/4715e366bdc2374f39e206bc89d65999/1b9efe489c958d96-4a/s500x750/ea3d8ca9c056d30abe2c5d5d2f96c339d27e8a51.pnj" style="width:220px;height:400px;object-fit:cover;outline:1px #fff solid;outline-offset:-10px">
  121. </div></div>
  122.  
  123. <!-- RELATIONS -->
  124. <div style="background:#fff;text-align:justify;border-radius:0px;color:#696969;font-family:'oktah neue';font-size:12px;width:500px;height:315px;text-align:justify;float:left;margin-top:20px;overflow-x:hidden;margin-left:25px;box-shadow: 1px 1px 6px 2px #696969">
  125.  
  126. <!-- TOP relation-->
  127. <div style="padding:5%;width:420px;margin-left:15px;margin-top:15px;box-shadow: 1px 1px 6px 2px #696969;">
  128.  
  129. <div class="zoom">
  130. <img src="https://data.whicdn.com/images/33156388/original.gif" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  131. <p><b>Father | Anthony Everett †</b></p>
  132. <hr>
  133. <p>Growing up, Anneliese had the closest relationship with her father. When he passed, she was too the one who went through the grief longer and harder.
  134. </div></div><br>
  135.  
  136. <!--each relation-->
  137. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  138. <div class="zoom">
  139. <img src="https://c.tenor.com/TtkU90JxLYoAAAAd/laughing-jessica-alba.gif" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  140. <p><b>Mother | Alivia Everett</b></p>
  141. <hr>
  142. <p>Her mother was always her rock and support. Anneliese actually got her smarts and kindness from her Amity mother.
  143. </div></div><br>
  144.  
  145. <!--each relation-->
  146. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  147. <div class="zoom">
  148. <img src="https://worldofdivergent.net/user/profile/Antiope-Everett/profile-picture" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  149. <p><b>Older Sister | Antiope Everett</b></p>
  150. <hr>
  151. <p>A little bit of love and a little bit of hate. And a lot of sibling rivalry. But it's their thing. The two are incredibly different. Sun and moon, ying and yang. But they're sisters! They always compliment each other well and always completes the missing half.
  152. </div></div><br>
  153.  
  154. <!--each relation-->
  155. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  156. <div class="zoom">
  157. <img src="https://c.tenor.com/PfpR9ZM1E54AAAAd/teresa-palmer-eyes.gif" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  158. <p><b>Younger Sister | Taliyah Everett</b></p>
  159. <hr>
  160. <p>Not related by blood but what makes the difference? Always sisters and always enemies. Annie misses her little Tahliyah a lot at this point. And by now, Taliyah isn't so little anymore. Many missed memories and many more to be made.
  161. </div></div><br>
  162.  
  163. <!--each relation-->
  164. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  165. <div class="zoom">
  166. <img src="https://64.media.tumblr.com/bf618967c9d0f10e3bb0c94ea25288cd/4f2210f5d270fabb-8b/s540x810/26bf24c211fdfe8c8f276d1631edf5b5f8ae200a.gif" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  167. <p><b>Husband | Noah Anderson</b></p>
  168. <hr>
  169. <p>Noah and Anneliese instantly clicked from the moment they started talking. He was everything she wasn't- which made them the perfect pair. Anneliese couldn't have asked for a better best friend for life.
  170. </div></div><br>
  171.  
  172. <!--each relation-->
  173. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  174. <div class="zoom">
  175. <img src="https://worldofdivergent.net/user/profile/Myles-Devereux/profile-picture" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  176. <p><b>Adopted Son | Myles Devereux</b></p>
  177. <hr>
  178. <p>Anne surprised Myles and his twin with adoption papers on their birthday. Myles was the most energetic kid Anne has ever met. He's fun spirited, a good sport, and heck of a guy with a passionate heart too. Anne couldn't be more prouder.
  179. </div></div><br>
  180.  
  181. <!--each relation-->
  182. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  183. <div class="zoom">
  184. <img src="https://i.pinimg.com/originals/43/4e/cd/434ecd70296c556394b566f80dbc2dae.gif" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  185. <p><b>Adopted Daughter | Raena Devereux</b></p>
  186. <hr>
  187. <p>Raena was the opposite of Myles. She's calmer, honest, patient, and values quietness in her life. Regardless, Anne had a very personal relationship with her. Instead of becoming like a parental figure, she was also Raena's older sister.
  188. </div></div><br>
  189.  
  190. <!--each relation-->
  191. <div style="padding:5%;box-shadow: 1px 1px 6px 2px #696969;width:420px;margin-left:15px;margin-top:15px">
  192. <div class="zoom">
  193. <img src="https://i.pinimg.com/564x/65/4b/88/654b885f79f762a42967a6b8d588bd33.jpg" style="width:100px;height:100px;border:solid #fff;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #696969;object-fit:cover;margin-bottom:2px">
  194. <p><b>Daughter | Maeve Everett-Anderson</b></p>
  195. <hr>
  196. <p>Maeve was everything to Anneliese. A gift Anneliese never expected to receive. Maeve had her father's electric blue eyes and her mother's face. Anneliese couldn't be happier and fuller with Maeve in her life.
  197. </div></div><br>
  198.  
  199.  
  200. </div>
  201.  
  202.  
  203. <!--AESTHETICS-->
  204.  
  205. <!--DO NOT REMOVE-->
  206. <div style="text-align:justify;border-radius:0px;color:#696969;font-family:'oktah neue';font-size:15px;width:150px;height:650px;text-align:justify;float:right;margin-top:-330px;margin-right:-5px">
  207. <!--DO NOT REMOVE-->
  208.  
  209. <div class="zoom">
  210. <img src="https://i.pinimg.com/474x/ea/e4/b9/eae4b9561bbf29721e2e597d8f0490b2.jpg" style="width:150px;height:200px;border:solid #fff;float:right;margin-right:-15px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;border:1px #fff solid;outline:1px #fff solid;outline-offset:-6px;box-shadow: 1px 1px 6px 2px #000">
  211. </div>
  212.  
  213. <div class="zoom">
  214. <img src="https://i.pinimg.com/474x/66/10/a0/6610a07bb7df68fc8a93c94536493e94.jpg" style="width:150px;height:200px;border:solid #fff;float:right;margin-right:-15px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;margin-top:20px;border:1px #fff solid;outline:1px #fff solid;outline-offset:-6px;box-shadow: 1px 1px 6px 2px #000">
  215. </div>
  216.  
  217. <div class="zoom">
  218. <img src="https://i.pinimg.com/474x/7a/96/f0/7a96f0393d0dc39efe97deeb1e0c2747.jpg" style="width:150px;height:200px;border:solid #fff;float:right;margin-right:-15px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;margin-top:20px;border:1px #fff solid;outline:1px #fff solid;outline-offset:-6px;box-shadow: 1px 1px 6px 2px #000">
  219. </div>
  220. </div>
  221.  
  222. <div>
  223. <div>
  224.  
  225. </div></div></div>
  226.  
  227.  
  228. <link rel="preconnect" href="https://fonts.googleapis.com">
  229. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  230. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  231.  
  232. <script>
  233. function openCity(evt, cityName) {
  234. var i, tabcontent, tablinks;
  235. tabcontent = document.getElementsByClassName("tabcontent");
  236. for (i = 0; i < tabcontent.length; i++) {
  237. tabcontent[i].style.display = "none";
  238. }
  239. tablinks = document.getElementsByClassName("tablinks");
  240. for (i = 0; i < tablinks.length; i++) {
  241. tablinks[i].className = tablinks[i].className.replace(" active", "");
  242. }
  243. document.getElementsByClassName("tablinks");
  244. for (i = 0; i < tablinks.length; i++) {
  245. tablinks[i].className = tablinks[i].className.replace(" active", "");
  246. }
  247. document.getElementById(cityName).style.display = "block";
  248. evt.currentTarget.className += " active";
  249. }
  250.  
  251. // Get the element with id="defaultOpen" and click on it
  252. document.getElementById("defaultOpen").click();
  253. </script>
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!