API tools faq
paste
Advertisement
melrna

FE3H profile

melrna
Sep 17th, 2020 (edited)
766
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.17 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <!-- Navigation -->
  3. <ul class="nav nav-tabs card-header-tabs row mx-auto" role="tablist">
  4. <li class="col-md-6 mb-1"> <a class="btn bg-faded btn-block btn-outline-secondary active" data-toggle="tab" href="#Front">Summary</a>
  5. </li>
  6. <li class="col-md-6 mb-1"> <a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#Back">Details</a>
  7. </li>
  8. </ul>
  9.  
  10. <div class="tab-content">
  11. <!-------------------------------- Main Page ---------------------------------->
  12. <div id="Front" class="container tab-pane active">
  13. <br>
  14. <div class="container" style="background-image: url('https://i.imgur.com/q2BkjNp.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 40px; color:black; font-family:palatino;font-size: 16px;">
  15. <div class="row no-gutters">
  16. <!-------------------------------- Left Side ---------------------------------->
  17. <div class="col-4" style="padding-right:40px;">
  18. <div class="row">
  19. <div class="col-12">
  20.  
  21. <!-------------------------------- Personal Information ---------------------------------->
  22. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 5px black;">
  23. <h4>Personal Information</h3></div>
  24. <!-------------------------------- Name ---------------------------------->
  25. Edelgard von Hresvelg
  26. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0;
  27. border-top: 1px solid black;"></div>
  28.  
  29. <!-------------------------------- Profile Pic ---------------------------------->
  30. <div class="col-6"style="padding:20px 0px 10px 0px; text-aling:center;" >
  31. <!--change url inside src-->
  32. <img src="https://i.imgur.com/X7YL7d1.png"
  33. class="rounded-circle"
  34. style="background: url('https://i.imgur.com/X68DNug.png') #AC815A no-repeat center;"></div>
  35.  
  36.  
  37. <!-------------------------------- Right-hand info ---------------------------------->
  38. <div class="col-6">
  39. <ul style="list-style-type:none; margin: 0; padding: 0;">
  40.  
  41. <li>
  42. <div style="text-align:left; float:left;">Gender</div>
  43. <div style="text-align:right;">Female</div></li>
  44.  
  45. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  46.  
  47. <li> <div style="text-align:left; float:left;">Age</div>
  48. <div style="text-align:right;">18</div></li>
  49.  
  50. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  51.  
  52. <li> <div style="text-align:left; float:left;">Height</div>
  53. <div style="text-align:right;">158 cm</div></li>
  54.  
  55. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  56.  
  57. <li> <div style="text-align:left; float:left;">Birthday</div>
  58. <div style="text-align:right;">22/06</div></li>
  59.  
  60. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  61.  
  62. <!-------------------------------- House/Crest ---------------------------------->
  63. <!-- House flag urls:
  64. Black Eagles: https://i.imgur.com/nEbQfJ0.png
  65. Blue Lions: https://i.imgur.com/LOabS2m.png
  66. Golden Deer: https://i.imgur.com/lvNhV0c.png
  67. Ashen Wolves: https://i.imgur.com/PLK9UhV.png
  68. Church of Seiros: https://i.imgur.com/GsPjGTd.png
  69. Cresto of Flames Banner: https://i.imgur.com/wsZjLgH.png
  70. -->
  71. <div style="text-align:left; float:left;">
  72. <ul style="list-style-type:none; margin: 0; padding: 0;">
  73. <li>House</li>
  74. <li>
  75. <img src="https://i.imgur.com/nEbQfJ0.png" alt="Black Eagles" class="img-fluid" width="50"></li>
  76. </ul>
  77. </div>
  78.  
  79. <div style="text-align:center;">
  80. <ul style="list-style-type:none; margin: 0; padding: 0;">
  81. <li>Crest</li>
  82. <li>
  83. <img src="https://i.imgur.com/0mAEkki.png" alt="Crest" class="img-fluid" width="50"></li>
  84. </ul>
  85. </div>
  86. </ul>
  87. </div>
  88.  
  89.  
  90. <!-------------------------------- Class/Affiliation ---------------------------------->
  91.  
  92. <div class="col-12" >
  93. <ul style="list-style-type:none; margin: 0; padding: 0;">
  94. <li>
  95. <div style="text-align:left; float:left;">Class</div>
  96. <div style="text-align:right;">Fighter</div></li>
  97.  
  98. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  99.  
  100. <li>
  101. <div style="text-align:left; float:left;">Affiliation</div>
  102. <div style="text-align:right;">Adrestian Empire</div></li>
  103.  
  104. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  105. </ul>
  106. <br>
  107.  
  108. </div>
  109.  
  110. <!-------------------------------- Extra Notes ---------------------------------->
  111. <div class="col-12">
  112. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 5px black;">
  113. <h4>Extra Notes</h3>
  114. </div>
  115. ???
  116. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  117. </div>
  118. </div>
  119. </div><!--End of left side-->
  120.  
  121.  
  122.  
  123. <!-------------------------------- Right Side ---------------------------------->
  124.  
  125. <div class="col-8" >
  126. <div class="row">
  127. <div class="col-12" >
  128. <!-------------------------------- Personal History ---------------------------------->
  129. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 5px black;">
  130. <h4>Personal History</h3></div>
  131.  
  132.  
  133. <table class="table table-bordered table-sm">
  134. <thead>
  135. <tr>
  136. <th style="background-color: #CCC5B3;">Year</th>
  137. <th style="background-color: #CCC5B3;">Details</th>
  138. </tr>
  139. </thead>
  140. <tbody >
  141. <tr>
  142. <td>1162</td>
  143. <td>Born as the fourth daughter of Emperor Ionius IX of the Adrestian Empire.</td>
  144. </tr>
  145. <tr>
  146. <td>1171</td>
  147. <td>Taken away by her uncle, Lord Arundel, and flees to the Kingdom.</td>
  148. </tr>
  149. <tr>
  150. <td>1174</td>
  151. <td>Returns to the Empire with Lord Arundel.</td>
  152. </tr>
  153. <tr>
  154. <td>1180</td>
  155. <td>Enrolls at the Officers Academy at Garreg Mach.</td>
  156. </tr>
  157. </tbody>
  158. </table>
  159.  
  160.  
  161. </div>
  162. <!-------------------------------- Interests ---------------------------------->
  163. <div class="col-6" >
  164. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 10px 3px 5px 20px; margin: 0px 0px 5px 0px; text-shadow: 2px 2px 5px black;"><h4>Interests</h3></div>
  165.  
  166.  
  167. <ul style="list-style-type:disc; list-style-position: inside; margin: 0; padding: 0;">
  168. <li>Reading</li>
  169. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  170. <li>Solitary exploration</li>
  171. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  172. </ul>
  173. <br>
  174. </div>
  175.  
  176.  
  177. <!-------------------------------- Status ---------------------------------->
  178. <div class="col-6" >
  179. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 5px black;">
  180. <h4>Status</h3></div>
  181. Princess and heir apparent of the Adrestian
  182. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  183. Empire.
  184. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  185. <br></div>
  186.  
  187.  
  188. <!-------------------------------- Likes ---------------------------------->
  189. <div class="col-6" >
  190. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 5px 0px; text-shadow: 2px 2px 5px black;">
  191. <h4>Likes</h3></div>
  192. Talented individuals, debating historical
  193. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  194. viewpoints and strategies, nature, beautiful
  195. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  196. scenery
  197. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  198. <br>
  199. <!-------------------------------- Dislikes ---------------------------------->
  200. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 5px 0px; text-shadow: 2px 2px 5px black;">
  201. <h4>Dislikes</h3></div>
  202. Outdated values, Crests, rats, chains,
  203. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  204. swimming, losing control
  205. <hr style="text-align:left;margin:0; padding:0; border-top: 1px solid black;">
  206.  
  207. </div>
  208.  
  209.  
  210. <!-------------------------------- Close Allies ---------------------------------->
  211. <div class="col-6" > <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 15px 0px; text-shadow: 2px 2px 5px black;">
  212. <h4>Close Allies</h3></div>
  213.  
  214. <div class="row">
  215. <!--1-->
  216. <!-- Change character pic here (background: url) -->
  217. <div class="col-4" style=" height: 40px; border-left: 12px solid #F8F6E9;
  218.  
  219. background: url('https://i.imgur.com/NNc7vVU.png')
  220.  
  221. #b5b09c no-repeat center;
  222. background-size: cover; padding-left:10px;
  223. "></div>
  224. <div class="col-8" style="display: list-item; list-style-type: circle; list-style-position: inside; padding: 10px 10px 20px 20px;">
  225.  
  226. <!-- Change profile link and name -->
  227. <a href="https://fireemblem.fandom.com/wiki/Hubert" style="color: inherit;text-decoration: inherit;">
  228. Hubert
  229. </a>
  230. <hr style="text-align:left;margin:0; padding:0; border-top: 1px dashed;"> </div>
  231.  
  232.  
  233. <!--2-->
  234. <!-- Change character pic here (background: url) -->
  235. <div class="col-4" style=" height: 40px; border-left: 12px solid #F8F6E9;
  236.  
  237. background: url('https://i.imgur.com/60XWQHQ.png')
  238.  
  239. #b5b09c no-repeat center;
  240. background-size: cover; padding-left:10px;
  241. "></div>
  242. <div class="col-8" style="display: list-item; list-style-type: circle; list-style-position: inside; padding: 10px 10px 20px 20px;">
  243.  
  244. <!-- Change profile link and name -->
  245. <a href="https://fireemblem.fandom.com/wiki/Byleth"
  246. style="color: inherit;text-decoration: inherit;">
  247. Byleth
  248. </a>
  249. <hr style="text-align:left;margin:0; padding:0; border-top: 1px dashed;"> </div>
  250.  
  251.  
  252. <!--3-->
  253. <!-- Change character pic here (background: url) -->
  254. <div class="col-4" style=" height: 40px; border-left: 12px solid #F8F6E9;
  255.  
  256. background: url('https://i.imgur.com/pkQzyct.png')
  257.  
  258. #b5b09c no-repeat center;
  259. background-size: cover; padding-left:10px;
  260. "></div>
  261. <div class="col-8" style="display: list-item; list-style-type: circle; list-style-position: inside; padding: 10px 10px 20px 20px;">
  262.  
  263. <!-- Change profile link and name -->
  264. <a href="https://fireemblem.fandom.com/wiki/Ferdinand" style="color: inherit;text-decoration: inherit;">
  265. Ferdinand
  266. </a>
  267. <hr style="text-align:left;margin:0; padding:0; border-top: 1px dashed;"> </div>
  268.  
  269. </div>
  270. </div>
  271. </div>
  272.  
  273. </div><!--end of right side-->
  274. </div><!--row-->
  275. </div><!--container-->
  276. </div><!--end of main page-->
  277.  
  278.  
  279.  
  280.  
  281. <!-------------------------------- MORE DETAILS ---------------------------------->
  282.  
  283. <div id="Back" class="container tab-pane fade">
  284. <br>
  285. <div class="container"
  286. style="background-image: url('https://i.imgur.com/q2BkjNp.png');
  287. background-repeat: no-repeat;
  288. background-size: 100% 100%;
  289. padding: 40px; color:black;
  290. font-family:palatino;font-size: 18px;">
  291. <div class="row no-gutters">
  292.  
  293. <div class="col-12" style="padding-right:40px; height:625px;">
  294. <div style="background-image: url('https://i.imgur.com/pqRRNaU.png'); background-repeat: no-repeat; background-size: 100% 100%; color:white; padding: 7px 3px 3px 20px; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 5px black;">
  295. <h4>Other Details</h3></div>
  296. <!-------------------------------- Write here ---------------------------------->
  297. <p style="text-indent: 50px;line-height: 1.8;">
  298. Edelgard is a playable character and one of the protagonists in Fire Emblem: Three Houses.
  299. She is the princess and the future emperor of the Adrestian Empire.
  300. She possesses a minor Crest of Seiros.
  301. In the Officers Academy, she is the leader of the Black Eagles.
  302. Edelgard is seventeen at the start of the game and wields axes as her main weapon.</p>
  303. <br>
  304. <hr style="text-align:left;margin:0px 0px 5px 0px; padding:0; border-top: 1px solid black;">
  305. <br>
  306.  
  307. </div>
  308. </div>
  309. </div>
  310. </div> <!--End of back page-->
  311. </div> <!--End of tab content-->
  312. <p class="text-right">profile html by @AmazingFerret</p>
  313. </div> <!-- end of mega container-->
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!