API tools faq
paste
MCDogWarrior

User 10 [Custom]

MCDogWarrior
Oct 31st, 2021 (edited)
1,128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.13 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid" style="color:#ffffff;width:1080px;">
  2. <!--Monitor frame-->
  3. <div class="card bg-faded rounded-0 border-0 p-2" style="background-color:#111212; height:608px;">
  4. <div class="tab-content">
  5. <div class="tab-pane fade active show" id="sign">
  6. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff; height:590px;">
  7. <!--Image on sign-in screen-->
  8. <div class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:590px;">
  9. <!--Translucent black over image-->
  10. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:590px">
  11. <!--Time, password box, sign in button-->
  12. <p class="mt-auto mb-5" style="text-align: center; font-size: 40px; letter-spacing:1px;">00:00 AM</p>
  13. <p class="" style="text-align: center; font-size: 13px; position:absolute; bottom:265px; left:367px;">Password</p>
  14. <div class="card rounded-0 mx-auto mb-2" style="background-color:#000; border:3px solid #511cb1; height:40px; width:300px">
  15. <p class="mt-1 ml-1" style="font-size:15px">●●●●●●●●●</p>
  16. </div>
  17. <p class="mb-auto mx-auto" style="text-align: center;"><a class="btn bg-dark rounded-0 text-white" data-toggle="tab" href="#desktop">SIGN IN</a>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="tab-pane fade" id="desktop">
  23. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff; height:590px;">
  24. <!--Desktop background-->
  25. <div class="card rounded-0 border-0 p-1" style="background-image:url( imglink ); background-size:cover; background-position: center; height:590px;">
  26. <!--Folder icon-->
  27. <p class="mr-auto" style="text-align: center;"><a class="btn btn-faded rounded-0 text-white" style="height:70px; width:80px; font-size:45px" data-toggle="tab" href="#tab1"><i class="fas fa-folder-open"></i></a></p>
  28. <!--Docs icon-->
  29. <p class="mr-auto" style="text-align: center;"><a class="btn btn-faded rounded-0 text-white" style="height:70px; width:80px; font-size:45px" data-toggle="tab" href="#tab2"><i class="fas fa-file-alt"></i></a></p>
  30. <!--Drive icon-->
  31. <p class="mr-auto" style="text-align: center;"><a class="btn btn-faded rounded-0 text-white" style="height:70px; width:80px; font-size:45px" data-toggle="tab" href="#tab3"><i class="fab fa-google-drive"></i></a></p>
  32. <!--YouTube icon-->
  33. <p class="mr-auto" style="text-align: center;"><a class="btn btn-faded rounded-0 text-white" style="height:70px; width:80px; font-size:45px" data-toggle="tab" href="#tab4"><i class="fab fa-youtube"></i></a></p>
  34. <!--Notepad icon-->
  35. <p class="mr-auto" style="text-align: center;"><a class="btn btn-faded rounded-0 text-white" style="height:70px; width:80px; font-size:45px" data-toggle="tab" href="#tab5"><i class="fas fa-edit"></i></a></p>
  36. </div>
  37. </div>
  38. </div>
  39.  
  40. <!--Folder tab-->
  41. <div class="tab-pane" id="tab1">
  42. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff; height:590px;">
  43. <!--Desktop background again-->
  44. <div class="card rounded-0 border-0 p-2" style="background-image:url( sameimglinkaslastone ); background-size:cover; background-position: center; height:590px;">
  45. <!--Folder box-->
  46. <div class="card bg-faded rounded-0 border-0 my-auto mx-auto" style="background-color:#37373b; height:530px; width:900px">
  47. <!--Top bar-->
  48. <div class="card bg-faded rounded-0 border-0 p-1" style="background-color:#262629; height:30px">
  49. <p class="mt-0" style="text-align: left; font-size:12px;"><i class="fas fa-images mr-1"></i><i class="fas fa-file-check mx-1"></i><i class="fas fa-folder"></i></p>
  50. <!--X in top corner-->
  51. <a class="btn btn-danger rounded-0" style="height:26px;width:50px;position:absolute;top:0px;right:0px;" data-toggle="tab" href="#desktop">
  52. <i style="position:absolute; top:-2px; right:19px; font-size:20px"><i class="far fa-times text-white"></i> </a></a>
  53. </div>
  54. <div class="row no-gutters">
  55. <!--Folders bar-->
  56. <div class="col-2">
  57. <div class="card bg-faded rounded-0 border-0 p-1" style="background-color:#262629; height:504px">
  58. <a style="text-align: left; font-size: 13px;"><i class="fad fa-desktop text-white"></i> Desktop</p>
  59. <p class="my-1" style="text-align: left; font-size: 13px;"><i class="fad fa-download text-white"></i> Downloads</p>
  60. <a style="text-align: left; font-size: 13px;"><i class="fad fa-file-alt text-white"></i> Documents</p>
  61. <a class="my-1" style="text-align: left; font-size: 13px;"><i class="fad fa-film text-white"></i> Videos</p>
  62. <a style="text-align: left; font-size: 13px;"><i class="fad fa-music-alt text-white"></i> Music</p>
  63. <a class="my-1" style="text-align: left; font-size: 13px;"><i class="fad fa-cube text-white"></i> 3D Objects</p>
  64. <a style="text-align: left; font-size: 13px;"><i class="fas fa-chevron-right text-white mr-1"></i> <i class="fad fa-images text-white"></i> Pictures</p>
  65. <a class="my-1" style="text-align: left; font-size: 13px;"><i class="fad fa-router text-white"></i> WINDOWS (C:)</p>
  66. </div>
  67. </div>
  68. <div class="col-10">
  69. <div class="row p-3">
  70. <!--Image 1-->
  71. <div class="col-4">
  72. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:200px; width:200px;" href="charlink"></a>
  73. <!--text under image-->
  74. <p style="text-align:center;">Name.png</p>
  75. </div>
  76. <!--Image 1-->
  77. <div class="col-4">
  78. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:200px; width:200px;" href="charlink"></a>
  79. <!--text under image-->
  80. <p style="text-align:center;">Name.png</p>
  81. </div>
  82. <!--Image 1-->
  83. <div class="col-4">
  84. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:200px; width:200px;" href="charlink"></a>
  85. <!--text under image-->
  86. <p style="text-align:center;">Name.png</p>
  87. </div>
  88. <!--Add more images right below this-->
  89.  
  90. <!---->
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98.  
  99. <!--Docs tab-->
  100. <div class="tab-pane" id="tab2">
  101. <!--Docs block-->
  102. <div class="card bg-faded rounded-0 border-0" style="background-color:#eaeaea; height:590px;">
  103. <!--Top bar-->
  104. <div class="card bg-faded rounded-0 border-0 p-3" style="background-color:#fff; height:90px;">
  105. <!--Docs logo (don't change image link)-->
  106. <div class="card rounded-0 border-0 ml-1" style="background-image:url(https://cdn.discordapp.com/attachments/464098541455933450/899343965415944232/2021-10-08_10_28_30-Window.png); background-size:contain; background-position: center; height:48px; width:35px;">
  107. </div>
  108. <!--Title-->
  109. <p style="text-align:left; position:absolute;top:10px;left:80px; color:#000; font-size:21px"><b>Untitled document</b> <i style="color:#fcd04d" class="fas fa-star ml-4"></i></p>
  110. <!--Settings-->
  111. <p style="text-align:left; position:absolute;top:50px;left:80px; color:#000; font-size:15px">File &nbsp; Edit &nbsp; View &nbsp; Insert &nbsp; Format &nbsp; Tools &nbsp; Add-ons &nbsp; Help
  112. <!--Last edit on (change date)-->
  113. <span class="ml-4" style="color:#696969"><u>Last edit was on ...</u></span></p>
  114. <!--X in top corner-->
  115. <a class="btn btn-danger rounded-0" style="height:26px;width:50px;position:absolute;top:0px;right:0px;" data-toggle="tab" href="#desktop">
  116. <i style="position:absolute; top:-2px; right:18px; font-size:20px"><i class="far fa-times text-white"></i> </a></a>
  117. </div>
  118. <!--Text box-->
  119. <div class="card bg-faded rounded-0 border-0 p-5 mt-3 mx-auto" style="background-color:#fff; height:500px; width:700px">
  120. <!--Text-->
  121. <p style="text-align:left; color:#000"><span class="ml-3">This</span> is just a huge boring block of text to put information in. Like, pretend you're writing a document for school or something and you have to describe yourself. Yeah, do that. Also if you need to reformat this to make it look even <i>more</i> like Google Docs, you can. Also the box doesn't scroll so use your space wisely. Not that you don't have a ton of space.</p>
  122. </div>
  123. </div>
  124. </div>
  125.  
  126. <!--Drive tab-->
  127. <div class="tab-pane" id="tab3">
  128. <!--Drive box-->
  129. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff; height:590px;">
  130. <!--Top bar-->
  131. <div class="card bg-faded rounded-0 border-0 p-2" style="background-color:#fff; height:70px;">
  132. <div class="row">
  133. <div class="col-2 p-2">
  134. <!--Drive logo (don't change image link)-->
  135. <div class="card rounded-0 border-0 ml-3" style="background-image:url(https://cdn.discordapp.com/attachments/464098541455933450/899343967496339537/2021-10-17_13_10_59-Window.png); background-size:contain; background-position: center; height:43px; width:50px;">
  136. </div>
  137. <p style="text-align:left; position:absolute;top:10px;left:85px; color:#696969; font-size:25px">Drive</p>
  138. </div>
  139. <div class="col-8">
  140. <!--Search bar (non-functional)-->
  141. <div class="card bg-faded rounded-0 border-0 p-2" style="background-color:#f8f4f4; height:55px; width:450px; border-top-left-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px;">
  142. <p class="mt-1 ml-1" style="text-align:left; color:#7f7070; font-size:19px"><i style="color:#5f6368; font-size:21px" class="far fa-search mr-4"></i>Search in Drive</p> <i style="color:#5f6368; font-size:21px; text-align:right; position:absolute;top:17px;right:15px;" class="far fa-sliders-h"></i>
  143. </div>
  144. </div>
  145. </div>
  146. <!--X in top corner-->
  147. <a class="btn btn-danger rounded-0" style="height:26px;width:50px;position:absolute;top:0px;right:0px;" data-toggle="tab" href="#desktop">
  148. <i style="font-size:20px; position:absolute;top:1px;right:18px;" class="far fa-times text-white"></i> </a></a>
  149. </div>
  150. <!--Seperator-->
  151. <div class="card bg-faded rounded-0 border-0" style="background-color:#C4C4C4; height:1px;">
  152. </div>
  153. <!--Main box-->
  154. <div class="card bg-faded rounded-0 border-0 p-2" style="background-color:#fff; height:519px;">
  155. <div class="row no-gutters">
  156. <!--Side bar-->
  157. <div class="col-2">
  158. <!--New "button"-->
  159. <div class="card bg-faded rounded-0 border-0 p-2 mt-1" style="background-color:#fff; height:55px; width:130px; border-top-left-radius:50px; border-bottom-left-radius:50px; border-top-right-radius:50px; border-bottom-right-radius:50px; box-shadow:0 0 4px #9C9C9C;">
  160. <p><i class="fal fa-plus ml-2" style="color:#356cda; font-size:35px"></i> <span style="color:#696969; font-size:15px; position:absolute;top:15px;right:40px;">New</span></p>
  161. </div>
  162. <!--Settings-->
  163. <div class="card bg-faded rounded-0 border-0 mt-3 ml-3" style="background-color:#fff;">
  164. <p style="color:#696969; font-size:15px"><i class="fab fa-google-drive" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:3px;left:40px;">My Drive</span></p>
  165. <p style="color:#696969; font-size:15px"><i class="fad fa-user-friends" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:45px;left:40px;">Shared with me</span></p>
  166. <p style="color:#696969; font-size:15px"><i class="far fa-clock" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:87px;left:40px;">Recent</span></p>
  167. <p style="color:#696969; font-size:15px"><i class="far fa-star" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:130px;left:40px;">Starred</span></p>
  168. <p style="color:#696969; font-size:15px"><i class="far fa-trash-alt" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:173px;left:40px;">Trash</span></p>
  169. </div>
  170. <!--Seperator-->
  171. <div class="card bg-faded rounded-0 border-0 my-3" style="background-color:#C4C4C4; height:1px;">
  172. </div>
  173. <div class="card bg-faded rounded-0 border-0 ml-3" style="background-color:#fff;">
  174. <!--Storage-->
  175. <p style="color:#696969; font-size:15px"><i class="far fa-cloud" style="font-size:25px"></i><span style="font-size:15px; position:absolute;top:3px;left:40px;">Storage</span></p>
  176. <!--Storage bar-->
  177. <div class="progress mr-2 my-1" style="height:4px;"><div class="progress-bar" style="width:10%;background-color:#1a73e8;"><br></div><div class="progress-bar" style="width: 90%;background-color: #e0e0e0;"><br></div></div>
  178. <!--Storage space-->
  179. <p style="text-align:left; color:#696969; font-size:15px">10 GB of 100 GB used</p>
  180. </div>
  181. </div>
  182. <!--Main box-->
  183. <div class="col-10">
  184. <div class="card bg-faded rounded-0 border-0 ml-3" style="background-color:#fff; height:35px">
  185. <!--Top bar with folder names-->
  186. <p class="ml-1" style="text-align:left; color:#696969; font-size:20px">My Drive <i class="far fa-chevron-right mx-3 mt-2" style="font-size:15px"></i> Stories <i class="fas fa-sort-down" style="font-size:15px; position:absolute;top:7px;left:210px;"></i></p>
  187. </div>
  188. <!--Seperator-->
  189. <div class="card bg-faded rounded-0 border-0 ml-3" style="background-color:#C4C4C4; height:1px;">
  190. </div>
  191. <!--Files box-->
  192. <div class="card bg-faded rounded-0 border-0 ml-3" style="background-color:#fff; height:470px; overflow-y:auto">
  193. <p class="ml-2 mb-2" style="color:#696969; font-size:15px;">Files</p>
  194. <div class="row no-gutters">
  195. <!--File 1-->
  196. <div class="col-3 mb-2">
  197. <!--Box-->
  198. <div class="card bg-faded ml-2" style="background-color:#696969;">
  199. <!--Display image + link -->
  200. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:170px; border-top-left-radius:3px; border-top-right-radius:3px;" href=" link "></a>
  201. <!--File name box-->
  202. <div class="card bg-faded p-2 rounded-0 border-0" style="background-color:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px;">
  203. <p style="color:#696969; font-size:15px;"><i class="fas fa-file-powerpoint mr-2" style="font-size:15px; color:#f4b400"></i>Name-of-world</p>
  204. </div>
  205. </div>
  206. </div>
  207. <!--File 2-->
  208. <div class="col-3 mb-2">
  209. <!--Box-->
  210. <div class="card bg-faded ml-2" style="background-color:#696969;">
  211. <!--Display image + link -->
  212. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: top; height:170px; border-top-left-radius:3px; border-top-right-radius:3px;" href=" link "></a>
  213. <!--File name box-->
  214. <div class="card bg-faded p-2 rounded-0 border-0" style="background-color:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px;">
  215. <p style="color:#696969; font-size:15px;"><i class="fas fa-file-powerpoint mr-2" style="font-size:15px; color:#f4b400"></i>Name-of-world</p>
  216. </div>
  217. </div>
  218. </div>
  219. <!--File 3-->
  220. <div class="col-3 mb-2">
  221. <!--Box-->
  222. <div class="card bg-faded ml-2" style="background-color:#696969;">
  223. <!--Display image + link -->
  224. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:170px; border-top-left-radius:3px; border-top-right-radius:3px;" href=" link "></a>
  225. <!--File name box-->
  226. <div class="card bg-faded p-2 rounded-0 border-0" style="background-color:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px;">
  227. <p style="color:#696969; font-size:15px;"><i class="fas fa-file-powerpoint mr-2" style="font-size:15px; color:#f4b400"></i>Name-of-world</p>
  228. </div>
  229. </div>
  230. </div>
  231. <!--Add more files right under this-->
  232.  
  233. <!---->
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241.  
  242. <!--YouTube tab-->
  243. <div class="tab-pane" id="tab4">
  244. <!--YT box-->
  245. <div class="card bg-faded rounded-0 border-0" style="background-color:#181818; height:590px;">
  246. <!--Top bar-->
  247. <div class="card bg-faded rounded-0 border-0 p-1" style="background-color:#202020; height:50px;">
  248. <div class="row no-gutters">
  249. <div class="col-3">
  250. <!--YT Logo (don't change image link)-->
  251. <div class="card rounded-0 border-0 ml-3 mt-2" style="background-image:url(https://cdn.discordapp.com/attachments/464098541455933450/901857691079700550/2021-10-24_11_39_49-Idioteque_-_YouTube.png); background-size:contain; background-position: center; height:25px; width:113px;">
  252. </div>
  253. </div>
  254. <div class="col-5">
  255. <!--Search bar (non-functional)-->
  256. <div class="card bg-faded rounded-0" style="background-color:#121212; height:40px; width:500px;">
  257. <p class="ml-3 my-2" style="color:#838383; font-size:15px;">Search</p>
  258. <div class="card bg-faded rounded-0 border-0 p-2" style="background-color:#313131; height:38px; width:60px; position:absolute;top:0px;right:0px;">
  259. <i style="color:#fff; font-size:21px" class="fal fa-search mr-4 mx-auto"></i>
  260. </div>
  261. </div>
  262. </div>
  263. <!--X in top corner-->
  264. <a class="btn btn-danger rounded-0" style="height:26px;width:50px;position:absolute;top:0px;right:0px;" data-toggle="tab" href="#desktop">
  265. <i style="font-size:20px; position:absolute;top:1px;right:18px;" class="far fa-times text-white"></i> </a></a>
  266. </div>
  267. </div>
  268. <div class="row no-gutters ml-4">
  269. <div class="col-8">
  270. <!--Video on display-->
  271. <iframe src="https://www.youtube-nocookie.com/embed/(videoid)" class="border-0 mt-3" style=" height: 380px; width: 642px;"></iframe>
  272. <div class="row no-gutters">
  273. <div class="col-8">
  274. <!--Video title and stats-->
  275. <p class="my-2" style="color:#fff; font-size:18px;">Video_title.mp4</p>
  276. <p style="color:#A8a8a8; font-size:14px;">100,000 views · Jan 1, 2010</p>
  277. </div>
  278. <!--Likes and Dislikes bar-->
  279. <div class="col-3">
  280. <!--Numbers-->
  281. <p class="mt-4" style="color:#fff; font-size:15px;"><i class="fas fa-thumbs-up mx-2 ml-4"></i>7K <i class="far fa-thumbs-down mx-2 ml-4"></i>3K</p>
  282. <!--Percent bar-->
  283. <div class="progress mr-1 my-1" style="height:3px; width:165px"><div class="progress-bar" style="width:70%;background-color:#fff;"><br></div><div class="progress-bar" style="width: 30%;background-color: #838383;"><br></div></div>
  284. </div>
  285. </div>
  286. <!--Seperator-->
  287. <div class="card bg-faded rounded-0 border-0 mr-4 mt-2" style="background-color:#313131; height:1px;">
  288. </div>
  289. </div>
  290. <!--Rec video 1-->
  291. <div class="col-4 mt-4">
  292. <div class="row no-gutters mb-2">
  293. <div class="col-6">
  294. <!--Video image + link-->
  295. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:95px;" href="link"></a>
  296. </div>
  297. <div class="col-6">
  298. <!--Vid title and stats-->
  299. <p class="ml-1" style="color:#fff; font-size:14px;">Other video 1</p>
  300. <p class="ml-1 my-1" style="color:#A8a8a8; font-size:13px;">Channel name</p>
  301. <p class="ml-1" style="color:#A8a8a8; font-size:13px;">10k views · 5 years ago</p>
  302. </div>
  303. </div>
  304. <!--Rec video 2-->
  305. <div class="row no-gutters mb-2">
  306. <div class="col-6">
  307. <!--Video image + link-->
  308. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:95px;" href="link"></a>
  309. </div>
  310. <div class="col-6">
  311. <!--Vid title and stats-->
  312. <p class="ml-1" style="color:#fff; font-size:14px;">Other video 2</p>
  313. <p class="ml-1 my-1" style="color:#A8a8a8; font-size:13px;">Channel name <i class="fas fa-check-circle"></i></p>
  314. <p class="ml-1" style="color:#A8a8a8; font-size:13px;">20k views · 6 years ago</p>
  315. </div>
  316. </div>
  317. <!--Rec video 3-->
  318. <div class="row no-gutters mb-2">
  319. <div class="col-6">
  320. <!--Video image + link-->
  321. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:95px;" href="link"></a>
  322. </div>
  323. <div class="col-6">
  324. <!--Vid title and stats-->
  325. <p class="ml-1" style="color:#fff; font-size:14px;">Other video 3</p>
  326. <p class="ml-1 my-1" style="color:#A8a8a8; font-size:13px;">Channel name <i class="fas fa-check-circle"></i></p>
  327. <p class="ml-1" style="color:#A8a8a8; font-size:13px;">30k views · 5 years ago</p>
  328. </div>
  329. </div>
  330. <!--Rec video 4-->
  331. <div class="row no-gutters mb-2">
  332. <div class="col-6">
  333. <!--Video image + link-->
  334. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:95px;" href="link"></a>
  335. </div>
  336. <div class="col-6">
  337. <!--Vid title and stats-->
  338. <p class="ml-1" style="color:#fff; font-size:14px;">Other video 4</p>
  339. <p class="ml-1 my-1" style="color:#A8a8a8; font-size:13px;">Channel name <i class="fas fa-check-circle"></i></p>
  340. <p class="ml-1" style="color:#A8a8a8; font-size:13px;">40k views · 1 year ago</p>
  341. </div>
  342. </div>
  343. <!--Rec video 5-->
  344. <div class="row no-gutters">
  345. <div class="col-6">
  346. <!--Video image + link-->
  347. <a class="card rounded-0 border-0" style="background-image:url( imglink ); background-size:cover; background-position: center; height:95px;" href="link"></a>
  348. </div>
  349. <div class="col-6">
  350. <!--Vid title and stats-->
  351. <p class="ml-1" style="color:#fff; font-size:14px;">Other video 5</p>
  352. <p class="ml-1 my-1" style="color:#A8a8a8; font-size:13px;">Channel name</p>
  353. <p class="ml-1" style="color:#A8a8a8; font-size:13px;">50k views · 1 month ago</p>
  354. </div>
  355. </div>
  356. <!--Note: Do NOT try to add more unless you know how to make the box scroll-->
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361.  
  362. <!--Notepad tab-->
  363. <div class="tab-pane" id="tab5">
  364. <!--Notepad box-->
  365. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff; height:590px;">
  366. <!--File name-->
  367. <p class="mt-1 ml-1" style="color:#000"><i class="fas fa-edit"></i> File name here.txt - Notepad++</p>
  368. <!--X in top corner-->
  369. <a class="btn btn-danger rounded-0" style="height:26px;width:50px;position:absolute;top:0px;right:0px;" data-toggle="tab" href="#desktop">
  370. <i style="font-size:20px; position:absolute;top:1px;right:18px;" class="far fa-times text-white"></i> </a></a>
  371. <!--Seperation-->
  372. <div class="card bg-faded rounded-0 border-0" style="background-color:#dcdcdc; height:1px;">
  373. </div>
  374. <!--Useless top bar-->
  375. <div class="card bg-faded rounded-0 border-0" style="background-color:#f0f0f0; height:30px;">
  376. </div>
  377. <!--Main boxes-->
  378. <div class="card bg-faded rounded-0 border-0 p-1" style="background-color:#f0f0f0; height:540px;">
  379. <div class="card bg-faded rounded-0 border-0" style="background-color:#fff;">
  380. <div class="row no-gutters">
  381. <!--Side bar-->
  382. <div class="col-1">
  383. <div class="card bg-faded rounded-0 border-0 p-1" style="background-color:#e4e4e4; height:530px;">
  384. <!--Paragraph numbers (add more if needed, or delete if not needed)-->
  385. <a style="color:#808080; text-align:center">1</p>
  386. <a style="color:#808080; text-align:center">2</p>
  387. <a style="color:#808080; text-align:center">3</p>
  388. <a style="color:#808080; text-align:center">4</p>
  389. <a style="color:#808080; text-align:center">5</p>
  390. <a style="color:#808080; text-align:center">6</p>
  391. <a style="color:#808080; text-align:center">7</p>
  392. <a style="color:#808080; text-align:center">8</p>
  393. </div>
  394. </div>
  395. <div class="col-11 mt-1" style="color:#000;">
  396. <!--Paragraph-->
  397. <p><span style="background-color:#e8e8ff">A small description goes here. Just like describing where you'll be and what you'll do on there or something. IDK. You can just get rid of this if you</span> want. Delete unwanted lines on the far left, or add more if you need them.</p>
  398. <!--Social links-->
  399. <br>Social media <a style="color:#1155cc" href=" link ">here</a>
  400. <br>Social media also <a style="color:#1155cc" href=" link ">here</a>
  401. <br>And maybe even <a style="color:#1155cc" href=" link ">here</a>
  402. <br>Dare I even say- <a style="color:#1155cc" href=" link ">here</a>
  403. <br>Oh how could I forget <a style="color:#1155cc" href=" link ">here</a>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </div>
  410. </div>
  411. <!--Credit link (do not remove/alter)-->
  412. <p style="font-size:65px; color:#fff; position:absolute; bottom:-25px; right:-5px;"><span style="font-size: 9px;">Code by <a style="color:#fff" href="https://toyhou.se/MCDogResource" id="">MCDogWarrior</a></span></p>
  413. </div>
  414. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!