API tools faq
paste
Advertisement
Elxyie

[TH] Alec profile

Elxyie
Dec 23rd, 2018
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.01 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------------------
  2.  
  3. TEAL by JAYDEN @ TH
  4. MODIFIED by ELXYIE @ TH
  5.  
  6. THANK YOU VERY MUCH FOR YOUR SUPPORT!
  7. HAPPY HOLIDAYS!!
  8.  
  9. --- 12 DAYS OF XMAS 4/12
  10.  
  11. THIS LAYOUT IS NOT MOBILE FRIENDLY!!
  12.  
  13. DARK BROWN: #a7591a
  14. GOLDEN YELLOW: #ecb11a
  15. GREY-BG: #DDD
  16. GREY: #aaa
  17. WHITE: #fff
  18.  
  19.  
  20. ------------------------------------------------------><div class="container" style="max-width:1500px;"><div class="row"><div class="col-md-12">
  21.   <!----HEADER BG---->
  22.   <div class="card rounded-0" style="border:none;background-image:url('https://i.pinimg.com/originals/75/a7/0e/75a70e898a00cf210e7c54c2a0585a9b.jpg'); background-attachment:fixed; height:380px;border-bottom:5px solid #fff;"><div class="card-block display-4" style="color:#fff;text-transform:uppercase;letter-spacing:8px;font-family:century gothic;font-size:64pt;text-align:center;margin-top:115px;"><!----------------------------------------------------
  23.  
  24. HEADER -- WILL NOT SHRINK ON MOBILE
  25.  
  26. ------------------------------------------------------>
  27. <span style="border:5px solid #fff;padding:25px;">alec</span>
  28. <!---end card---></div></div><!---end 12---></div></div></div>
  29. <!--------------->
  30. <div class="container" style="max-width:1500px;"><div class="row"><div class="col-12"><div class="card rounded-0" style="border:none;background:#ddd;border-bottom:5px solid #fff;"><div class="card-block" style="color:#333;text-align:justify;font-family:calibri;font-size:12pt;">
  31.  
  32. <!-------COLUMNS START-------->
  33. <div class="container-fluid"><div class="row">
  34.    
  35. <!--------------------LEFT-------------------->
  36. <div class="col-md-4"><div class="ui-accordion card rounded-0" style="background:#a7591a;"><div class="ui-accordion-content card-block" style="height:673px;"><!--------
  37. --------------------------------------------
  38.  
  39. IMAGE
  40.  
  41. ------------------------------------------------------><img src="https://file.toyhou.se/images/10862489_KqTLTHODZ5rgxyS.jpg" style="border:10px solid #fff;"><!--------
  42. --------------------------------------------
  43.  
  44. BASICS
  45.  
  46. ------------------------------------------------------>
  47. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">Alec</div>
  48. <!------>
  49. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">367</div>
  50. <!------>
  51. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">Male</div>
  52. <!------>
  53. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">Annie</div>
  54. <!------>
  55. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">War Hero / Bodyguard</div>
  56. <!------>
  57. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">Uncommon</div>
  58. <!------>
  59. <div style="border-bottom:1px dotted #aaa;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:30px;margin-top:10px;">Black Jaguar & Black Baccara Rose</div>
  60. <!------>
  61. </div></div>
  62.  
  63. <div class="ui-accordion card rounded-0" style="background:#fff;margin-top:10px;"><!--------
  64. --------------------------------------------
  65.  
  66. MUSIC
  67.  
  68. ------------------------------------------------------><table style="width: 100%;border:none;background:#fff;height:60px;"><tbody><tr>
  69.   <!---play button--->
  70.   <td style="width: 20.0000%;font-size:20pt;text-align:center;"><a href="/PLAYLIST_SONG_LINK" style="color:#aaa;"><i class="fa fa-play style="></i></a></td>
  71.   <!---fake volume bar--->
  72.   <td style="width: 70.0000%;"><div class="progress" style="background:#aaa;"><div class="progress-bar" style="background:#a7591a;width:70%;"><br></div></div></td></tr></tbody></table></h2></div></div>
  73. <!----------------------------------------------------
  74.  
  75. NAVIGATION + TEXT
  76.  
  77. --------------------------------------------------------><div class="col-md-8"><ul class="nav nav-tabs nav-justified" id="myTab" style="background:#ecb11a;color:#fff;text-transform:uppercase;letter-spacing:2px;">
  78. <!---basics button--->
  79. <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home" id="home-tab" style="color:#000;">Basics</a></li>
  80. <!---story button--->
  81. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#profile" id="profile-tab" style="color:#000;">Story</a></li>
  82. <!---skills button--->
  83. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#skills" id="skills-tab" style="color:#000;">Skills</a></li>
  84. <!---relationships button--->
  85. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#links" style="color:#000;">Relationships</a></li>
  86. <!---aesthetics button--->
  87. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#aest" style="color:#000;">Aesthetics</a></li>
  88. <!---misc button--->
  89. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#misc" style="color:#000;">Misc</a></li></ul><!------
  90. ------------------------------------------------------
  91.  
  92. TEXT ZONE
  93.  
  94. ------------------------------------------------------>
  95. <div class="tab-content table-responsive" id="myTabContent" style="background:#fff;height:704px;padding:10px;"><div class="tab-pane active show" id="home"><!--------
  96. --------------------------------------------
  97.  
  98. TAB 1 - BASICS
  99.  
  100. ------------------------------------------------------><h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Basics</h2>
  101. <em>adjective &bull; adjective &bull; adjective</em>
  102. <!------>
  103. <table class="w-100" style="border:none;margin-left:-30px;margin-top:15px;margin-bottom:15px;font-size:11pt;">
  104.     <tbody>
  105.         <tr>
  106.     <!---------------------->
  107.             <td class="title w-20" style="text-align: right;font-weight:bold;">Nickname(s)</td>
  108.             <!------>
  109.             <td class="w-30">Lorem</td>
  110.             <!------>
  111.             <td class="title" style="text-align: right;font-weight:bold;">Birthday</td>
  112.             <!------>
  113.             <td>Lorem</td>
  114.         </tr>
  115.     <!---------------------->
  116.         <tr>
  117.           <!------>
  118.             <td class="title" style="text-align: right;font-weight:bold;">Race</td>
  119.             <!------>
  120.             <td>Lorem</td>
  121.             <!------>
  122.             <td class="title" style="text-align: right;font-weight:bold;">Build</td>
  123.             <!------>
  124.             <td>Lorem</td>
  125.         </tr>
  126.         <!---------------------->
  127.         <tr>
  128.             <td class="title" style="text-align: right;font-weight:bold;">Hair</td>
  129.             <!------>
  130.             <td>Lorem</td>
  131.             <!------>
  132.             <td class="title" style="text-align: right;font-weight:bold;">Skintone</td>
  133.             <!------>
  134.             <td>Lorem</td>
  135.         </tr>
  136.         <!---------------------->
  137.         <tr>
  138.             <td class="title" style="text-align: right;font-weight:bold;">Language(s)</td>
  139.             <!------>
  140.             <td>Lorem</td>
  141.             <!------>
  142.             <td class="title" style="text-align: right;font-weight:bold;">Location</td>
  143.             <!------>
  144.             <td>Lorem</td>
  145.         </tr>
  146.         <!---------------------->
  147.         <tr>
  148.             <td class="title" style="text-align: right;font-weight:bold;">Hogwarts House</td>
  149.             <!------>
  150.             <td>Lorem</td>
  151.             <!------>
  152.             <td class="title" style="text-align: right;font-weight:bold;">Deadly Sin</td>
  153.             <!------>
  154.             <td>Lorem</td>
  155.         </tr>
  156.     </tbody>
  157. </table>
  158. <!--FIRST PAGE TEXT---->
  159. <p>Fusce ut hendrerit ipsum. Proin et pellentesque risus. Proin luctus, elit nec lacinia vestibulum, felis lorem semper ante, nec condimentum quam augue sit amet lacus. Nunc magna nibh, rhoncus eget dui in, convallis aliquam ligula. Duis aliquam neque et massa auctor tincidunt. Nulla non ultrices purus, eu finibus sem. Nullam faucibus ligula id nulla elementum aliquet. Donec dictum eros eu porta rhoncus. Sed eget tellus ac purus condimentum ultrices vel quis turpis. Vestibulum vestibulum magna quis mattis iaculis. Pellentesque eu ultricies neque.</p><p>Ut semper blandit enim in aliquet. Proin eu ipsum vel dolor hendrerit mattis et id ligula. Maecenas bibendum pretium ligula, a cursus mauris condimentum eget. Mauris ullamcorper sagittis mi ut euismod. Curabitur enim purus, aliquam et suscipit et, aliquam eu ipsum. Aliquam sollicitudin in sapien vulputate tempor. Proin ut pharetra dolor, vel tempus eros.</p><p>Donec at ipsum ut mauris aliquet tristique vel non tellus. Nulla facilisi. Pellentesque et vulputate arcu, id ultricies ipsum. Vestibulum auctor consequat est finibus volutpat. Aliquam commodo nisi vel venenatis auctor. In lacinia semper neque, ac varius tortor condimentum quis. Cras ac elit pulvinar, elementum velit vitae, mattis velit.</p><p>Mauris suscipit molestie faucibus. Mauris euismod molestie purus eget vulputate. Suspendisse mollis lacus tellus, id rutrum lectus interdum id. Phasellus ligula turpis, vulputate eget vulputate vel, commodo vitae ex. Suspendisse vel mauris condimentum, sollicitudin ligula vitae, iaculis ipsum. Donec finibus odio eget imperdiet vulputate. Morbi ut dui at est porta tempus. Nunc porttitor metus vel ipsum feugiat, vel vestibulum odio tincidunt. Sed quis mauris at lectus elementum maximus ut vel sapien. Integer et quam ullamcorper, cursus sapien quis, lacinia augue. Cras vel ligula leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p></div><div class="tab-pane fade" id="profile"><!--------
  160. --------------------------------------------
  161.  
  162. TAB 2 - STORY
  163.  
  164. ------------------------------------------------------><h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Intro</h2>
  165. <!------>
  166.  
  167. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus, in fermentum ipsum pretium vel. Curabitur tempor nunc vitae quam fermentum fermentum. Proin turpis ligula, sodales non consequat a, hendrerit vitae nisl. Aliquam erat volutpat. Fusce ex leo, posuere at diam sed, commodo dignissim est. Vestibulum porta leo ut neque dignissim, non finibus felis mollis. Donec justo libero, dignissim a rhoncus et, ultrices in magna. Ut accumsan lectus augue, gravida dictum felis convallis vulputate. Cras quis dui venenatis, vehicula magna a, fermentum velit. Nullam dictum neque lacus, sed vehicula nisi tempor sed.</p><!------>
  168. <h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Location</h2>
  169. <img src="https://i.imgur.com/zkM2jYP.png" class="img-thumbnail w-100 rounded-0" style="height:200px;background-position:center center;margin-bottom:10px;margin-top:0px;">
  170. <p>Donec at ipsum ut mauris aliquet tristique vel non tellus. Nulla facilisi. Pellentesque et vulputate arcu, id ultricies ipsum. Vestibulum auctor consequat est finibus volutpat. Aliquam commodo nisi vel venenatis auctor. In lacinia semper neque, ac varius tortor condimentum quis. Cras ac elit pulvinar, elementum velit vitae, mattis velit.</p>
  171. <!------>
  172. <p>Mauris suscipit molestie faucibus. Mauris euismod molestie purus eget vulputate. Suspendisse mollis lacus tellus, id rutrum lectus interdum id. Phasellus ligula turpis, vulputate eget vulputate vel, commodo vitae ex. Suspendisse vel mauris condimentum, sollicitudin ligula vitae, iaculis ipsum. Donec finibus odio eget imperdiet vulputate. Morbi ut dui at est porta tempus. Nunc porttitor metus vel ipsum feugiat, vel vestibulum odio tincidunt. Sed quis mauris at lectus elementum maximus ut vel sapien. Integer et quam ullamcorper, cursus sapien quis, lacinia augue. Cras vel ligula leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
  173.  
  174. <h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Story</h2>
  175. <!------><p>Fusce ut hendrerit ipsum. Proin et pellentesque risus. Proin luctus, elit nec lacinia vestibulum, felis lorem semper ante, nec condimentum quam augue sit amet lacus. Nunc magna nibh, rhoncus eget dui in, convallis aliquam ligula. Duis aliquam neque et massa auctor tincidunt. Nulla non ultrices purus, eu finibus sem. Nullam faucibus ligula id nulla elementum aliquet. Donec dictum eros eu porta rhoncus. Sed eget tellus ac purus condimentum ultrices vel quis turpis. Vestibulum vestibulum magna quis mattis iaculis. Pellentesque eu ultricies neque.</p>
  176. <!------>
  177. <p>Ut semper blandit enim in aliquet. Proin eu ipsum vel dolor hendrerit mattis et id ligula. Maecenas bibendum pretium ligula, a cursus mauris condimentum eget. Mauris ullamcorper sagittis mi ut euismod. Curabitur enim purus, aliquam et suscipit et, aliquam eu ipsum. Aliquam sollicitudin in sapien vulputate tempor. Proin ut pharetra dolor, vel tempus eros.</p>
  178. <!------>
  179. </div><div class="tab-pane fade" id="skills"><!--------
  180. --------------------------------------------
  181.  
  182. TAB 3 - SKILLS
  183.  
  184. change the 70% to anything between 0 and 100%
  185.  
  186. ------------------------------------------------------>
  187. <h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Skills</h2>
  188. <!------>
  189. <div class="row w-100" style="margin-left:0px;"><div class="col-sm-6" style="text-transform:uppercase;">attack<br>
  190. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  191. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  192. <!------>
  193. <div class="col-sm-6" style="text-transform:uppercase;">defense<br>
  194. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  195. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  196. <!------>
  197. <div class="col-sm-6" style="text-transform:uppercase;">healing<br>
  198. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  199. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  200. <!------>
  201. <div class="col-sm-6" style="text-transform:uppercase;">magic<br>
  202. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  203. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  204. <!------>
  205. <div class="col-sm-6" style="text-transform:uppercase;">stamina<br>
  206. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  207. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  208. <!------>
  209. <div class="col-sm-6" style="text-transform:uppercase;">stealth<br>
  210. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  211. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  212. <!------>
  213. <div class="col-sm-6" style="text-transform:uppercase;">speed<br>
  214. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  215. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  216. <!------>
  217. <div class="col-sm-6" style="text-transform:uppercase;">strategy<br>
  218. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  219. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  220. <!------>
  221. <div class="col-sm-6" style="text-transform:uppercase;">Maturity<br>
  222. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  223. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div>
  224. <!------>
  225. <div class="col-sm-6" style="text-transform:uppercase;">wittiness<br>
  226. <div class="progress rounded-0" style="background:#aaa;margin-bottom:8px;">
  227. <div class="progress-bar" style="background:#ecb11a;width:70%;"><br></div></div></div></div>
  228. <br>
  229. <!---
  230.  
  231. --->
  232. <h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">fighting style</h2>
  233. <!------>
  234. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus, in fermentum ipsum pretium vel. Curabitur tempor nunc vitae quam fermentum fermentum. Proin turpis ligula, sodales non consequat a, hendrerit vitae nisl. Aliquam erat volutpat. Fusce ex leo, posuere at diam sed, commodo dignissim est. Vestibulum porta leo ut neque dignissim, non finibus felis mollis. Donec justo libero, dignissim a rhoncus et, ultrices in magna. Ut accumsan lectus augue, gravida dictum felis convallis vulputate. Cras quis dui venenatis.</p></div><div class="tab-pane fade" id="links"><!--------
  235. --------------------------------------------
  236.  
  237. TAB 4 - RELATIONSHIPS
  238.  
  239. ------------------------------------------------------><h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Relationships</h2>
  240.  
  241. <div class="row w-100">
  242.  
  243. <!---relationship 1--->
  244. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  245. <div class="col-sm-8 mb-3"><i class="display-4"><b>Name</b> Lastname</i>
  246. <p class="table-responsive" style="height:165px;margin-bottom:20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus..</p></div>
  247. <!---relationship 1 end--->
  248.  
  249. <!---relationship 2--->
  250. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  251. <div class="col-sm-8 mb-3"><i class="display-4"><b>Name</b> Lastname</i>
  252. <p class="table-responsive" style="height:165px;margin-bottom:20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus.</p></div>
  253. <!---relationship 2--->
  254.  
  255. <!---relationship 3--->
  256. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  257. <div class="col-sm-8 mb-3"><i class="display-4"><b>Name</b> Lastname</i>
  258. <p class="table-responsive" style="height:165px;margin-bottom:20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus.</p></div>
  259. <!---relationship 3--->
  260.  
  261. </div>
  262.  
  263.  
  264. </div><div class="tab-pane fade" id="aest"><!--------
  265. --------------------------------------------
  266.  
  267. TAB 5 - AESTHETICS
  268.  
  269. ------------------------------------------------------><h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Aesthetics</h2>
  270.  
  271. <div class="row w-100" style="margin-left:4px;">
  272. <!------>
  273. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  274. <!------>
  275. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  276. <!------>
  277. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  278. <!------>
  279. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  280. <!------>
  281. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  282. <!------>
  283. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  284.  
  285.  
  286. <p>Define their aesthetic style. Fusce ut hendrerit ipsum. Proin et pellentesque risus. Proin luctus, elit nec lacinia vestibulum, felis lorem semper ante, nec condimentum quam augue sit amet lacus. Nunc magna nibh, rhoncus eget dui in, convallis aliquam ligula. Duis aliquam neque et massa auctor tincidunt. Nulla non ultrices purus, eu finibus sem. Nullam faucibus ligula id nulla elementum aliquet. Donec dictum eros eu porta rhoncus. Sed eget tellus ac purus condimentum ultrices vel quis turpis. Vestibulum vestibulum magna quis mattis iaculis. Pellentesque eu ultricies neque.</p>
  287.  
  288. </div>
  289.  
  290.  
  291. <!---->
  292. </div><div class="tab-pane fade" id="misc"><!--------
  293. --------------------------------------------
  294.  
  295. TAB 6
  296.  
  297. ------------------------------------------------------><h2 class="display-4" style="border-bottom:1px dotted #aaa;text-transform:uppercase;letter-spacing:2px;">Misc.</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec scelerisque porttitor velit, quis sagittis odio molestie in. Fusce lobortis nisl sollicitudin ex luctus interdum. Quisque non posuere risus, viverra pellentesque ex. Integer hendrerit sollicitudin vulputate. Etiam ultrices odio at nulla feugiat sagittis. Vestibulum pulvinar consequat tellus, in fermentum ipsum pretium vel. Curabitur tempor nunc vitae quam fermentum fermentum. Proin turpis ligula, sodales non consequat.</p>
  298.  
  299. <div class="row w-100" style="margin-left:4px;">
  300. <!------>
  301. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  302. <!------>
  303. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  304. <!------>
  305. <div class="col-sm-4 mb-3"><img src="https://i.imgur.com/2bZqp14.jpg" class="img-thumbnail rounded-0" style="height:200px;width:200px;"></div>
  306.  
  307. </div>
  308.  
  309. <p>Fusce ut hendrerit ipsum. Proin et pellentesque risus. Proin luctus, elit nec lacinia vestibulum, felis lorem semper ante, nec condimentum quam augue sit amet lacus. Nunc magna nibh, rhoncus eget dui in, convallis aliquam ligula. Duis aliquam neque et massa auctor tincidunt. Nulla non ultrices purus, eu finibus sem. Nullam faucibus ligula id nulla elementum aliquet. Donec dictum eros eu porta rhoncus. Sed eget tellus ac purus condimentum ultrices vel quis turpis. Vestibulum vestibulum magna quis mattis iaculis. Pellentesque eu ultricies neque.</p><p>Ut semper blandit enim in aliquet. Proin eu ipsum vel dolor hendrerit mattis et id ligula. Maecenas bibendum pretium ligula, a cursus mauris condimentum eget. Mauris ullamcorper sagittis mi ut euismod. Curabitur enim purus, aliquam et suscipit et, aliquam eu ipsum. Aliquam sollicitudin in sapien vulputate tempor. Proin ut pharetra dolor, vel tempus eros.</p></p></div></div></div></div></div></div></div></div></div></div><!---------
  310. -------------------------------------------
  311.  
  312. !! CREDIT - DO NOT REMOVE !!
  313.  
  314. ------------------------------------------------------><div class="container" style="max-width:1500px;"><div class="row"><div class="col-md-12"><!----BG----><div class="card rounded-0" style="border:none;background-image:url('https://i.pinimg.com/originals/75/a7/0e/75a70e898a00cf210e7c54c2a0585a9b.jpg'); background-attachment:fixed; height:70px;"><div class="card-block" style="color:#fff;text-transform:uppercase;font-family:century gothic;font-size:11pt;text-align:center;">designed by @mintae_chii &nbsp; &nbsp; &nbsp; &bull; &nbsp; &nbsp; &nbsp; owned by @ethii &nbsp; &nbsp; &nbsp; &bull; &nbsp; &nbsp; &nbsp; html by @Jayden &nbsp; &nbsp; &nbsp; &bull; &nbsp; &nbsp; &nbsp; modified by @Elxyie <!---end---></div></div><!---end 12---></div></div></div>
  315. <div="text-right" style="text-align:center;">
  316. <img width="250px" src="https://i.imgur.com/P6NxkHR.png" class="fr-fic fr-dii fr-fir"/></div>
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!