API tools faq
paste
Advertisement
vcnillacodes

BRYANT / FRVDDIEMERCURY & STEVENHYD

vcnillacodes
Dec 23rd, 2018
1,748
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. <!---------------- CODE BY STEVENHYD & FRVDDIEMERCURY ---------------->
  2.  
  3.  
  4. <html>
  5. <head>
  6.  
  7.  
  8. <title>title goes here !</title>
  9. <link rel="shortcut icon" href="http://i.imgur.com/4IoPVYC.png">
  10.  
  11.  
  12. <!-- SCRIPTS -->
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  15.  
  16. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800|Roboto:100,200,300,400,500,600,700,800" rel="stylesheet">
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
  21. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  22.  
  23. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  24.  
  25. <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  26. <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script>
  27.  
  28. <script> $(document).ready(function(){ $(".story1").click(function(){ $(".fullstory").fadeToggle(300); }); }); </script>
  29.  
  30. </head><style type="text/css">
  31.  
  32. /*--------------FONTS---------------*/
  33.  
  34. @font-face{ font-family:"peterjohns"; src:url('https://dl.dropboxusercontent.com/s/sdqp8b9i2q4rz57/Peter%20Jhons.otf');}
  35. @font-face{ font-family:"Ingenue"; src:url('https://dl.dropboxusercontent.com/s/zgzkkevt5y2w05z/Ingenue.otf');}
  36.  
  37. /*---------------SCROLLBAR--------------*/
  38.  
  39. ::-webkit-scrollbar {width: 0px; height: 4px;}
  40. ::-webkit-scrollbar-thumb { background-color: #d9d9d9;}
  41.  
  42. /*-----------------TOOLTIPS----------------*/
  43.  
  44. #s-m-t-tooltip { max-width:300px; border-radius: 0px; padding:6px; padding-left:9px; padding-right:9px; margin:25px 20px 5px 0px; color:#949494; font-family: Montserrat; background: #fff; border-radius:3px; z-index:99999; font-size:7px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
  45.  
  46. /*-----------------CREDIT----------------*/
  47. #credit { position:fixed; bottom:13px; left:13px; background:#333; padding:5px; font-size:10px; color:#fff; font-weight:bold; font-family:'karla'; text-transform:lowercase; border-radius:6px; }
  48.  
  49. /*-----------------BASIC BODY STUFF-------------*/
  50. body { color:#a8a8a8; background-color:#e9e9e9; text-align:justify; font-family:'open sans'; font-size:11px; }
  51.  
  52. .vcnilla { width:600px; height:450px; position: absolute; top:0;
  53. bottom:0px; left:0; right:0; margin:auto; background:#fff; text-align:center; border-radius:7px; overflow:hidden; }
  54.  
  55. /*---------------LINKS & FONT STUFF----------------*/
  56.  
  57. a:link, a:active, a:visited { color: #aaa; text-decoration:none; }
  58. a:hover { color:#aaa; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  59.  
  60. /*------------------TABS------------------*/
  61.  
  62. div.tab { overflow: hidden; position:absolute; bottom:0px; left:0px; width:200px; z-index:9999; background:#aaa; height:60px; padding:10px; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  63.  
  64. div.tab button { background:#fefefe; float:left; border:none; outline:none; cursor:pointer; font-family:'open sans'; font-size:18px; color:#a8a8a8; width:40px; height:40px; padding:10px; text-transform:uppercase; font-weight:600; letter-spacing:1px; margin-left:19px; margin-top:10px; border-radius:8px; }
  65.  
  66. div.tab button:hover { background-color: #f9f9f9; }
  67. div.tab button.active { background-color: #f2f2f2; }
  68.  
  69. .tabcontent { display: none; width:360px; height:450px; position:absolute; bottom:0px; right:0px; }
  70.  
  71. .tabcontent { animation: fadeEffect 0.5s; }
  72.  
  73. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  74.  
  75. .closetab { position:absolute; top:0px; right:0px; padding:8px; color:#aaa; font-size:10px; font-weight:bold; text-transform:lowercase; cursor:pointer; z-index:999; letter-spacing:0.5; }
  76.  
  77. /*---------- INSTAGRAM ----------*/
  78. .igcont { width:300px; height:395px; border-radius:5px; position:absolute; top:25px; background:#f5f5f5; left:25px; padding:2px; }
  79.  
  80. .igicon { position:absolute; top:33px; left:20px; cursor:pointer; }
  81.  
  82. .igicon img { width:40px; height:40px; border-radius:100%; border:2px solid #aaa; padding:1px; }
  83.  
  84. .igname { position:absolute; top:45px; left:80px; font-weight:bold; color:#7c7c7c; text-align:left; }
  85.  
  86. .igname username { color:#868686; font-weight:500; }
  87.  
  88. .igedit { font-weight:bold; background:#aaa; position:absolute; color:#ffffff; border-radius:15px; padding:6px; padding-left:8px; padding-right:8px; letter-spacing:1px; font-size:7px; cursor:pointer; top:48px; right:30px; font-family:'open sans'; }
  89.  
  90. .igstats { position:absolute; top:105px; font-weight:600; font-size:7px; letter-spacing:1px; font-family:'open sans'; }
  91.  
  92. .igstats li { list-style-type:none; float:left; width:98px; text-align:center; }
  93.  
  94. .igstats li b { color:#777777; font-size:13px; font-weight:700; }
  95.  
  96. .igdesc { position:absolute; top:148px; left:25px; right:25px; }
  97.  
  98. .igfeedoverview { position:absolute; top:200px; text-align:center; }
  99.  
  100. .igfeedoverview img { margin:5px; border-radius:5px; }
  101.  
  102. /*---------- STORY CODING ----------*/
  103. #stories { width:300px; height:395px; padding:13px; position:absolute; top:0px; right:0px; }
  104.  
  105. .fullstory .closetab { background:#aaa; margin-right:4px; margin-top:-4px; }
  106.  
  107. .astory { float:left; width:50px; height:50px; border-radius:100%; background:#e9e9e9; padding:4px; margin:5px; margin-left:11px; cursor:pointer; }
  108.  
  109. .astory img { border-radius:100%; width:50px; height:50px; }
  110.  
  111. .astory:nth-child(1) { background:#b8aeaa; }
  112.  
  113. .fullstory { position:absolute; width:300px; height:395px; bottom:0px; right:0px; background:#f5f5f5; padding-top:0px; border-radius:5px; display:none; z-index:9999; }
  114.  
  115. .fullcontain img { width:200px; height:310px; }
  116.  
  117. .fullcontain { background:#f9f9f9; width:200px; height:310px; position:absolute; top:0px; right:0px; left:0px; bottom:0px; margin:auto; animation:story 0.5s; border-radius:7px; overflow:hidden; }
  118.  
  119. .full2, .full3, .full4 { position:absolute; top:0px; }
  120.  
  121. .full2 { opacity:0; }
  122.  
  123. .full3 { opacity:0; }
  124.  
  125. .full4 { opacity:0; }
  126.  
  127. .fullcontain:hover .full2 { opacity:1; transition-delay:1.5s; }
  128.  
  129. .fullcontain:hover .full3 { opacity:1; transition-delay:3s; }
  130.  
  131. .fullcontain:hover .full4 { opacity:1; transition-delay:4.5s; }
  132.  
  133. .storyinfo { position:absolute; bottom:0px; left:0px; color:#fff; font-size:9px; letter-spacing:1px; background:rgba(0,0,0,0.3); padding:10px; width:180px; }
  134.  
  135. .storyinfo b { font-weight:700; text-transform:uppercase; }
  136. @keyframes story { from { transform:scale(0.4); } to { transform:scale(1); } }
  137.  
  138. .fourimage { position:absolute; top:95px; left:0px; right:0px; margin:auto; color:#b8aeaa; font-size:11px; font-weight:700; cursor:pointer; line-height:10px; }
  139.  
  140. .fourimage img { width:110px; height:110px; border-radius:100%; }
  141.  
  142. .fourinfo { position:absolute; top:230px; left:90px; text-align:left; list-style-type:none; }
  143.  
  144. .fourinfo i { color:#b8aeaa; font-size:18px; vertical-align:middle; margin-right:10px; margin-left:-30px; }
  145.  
  146. .fourinfo li { margin:10px; border-bottom:1px solid #e9e9e9; width:200px; padding:2px; }
  147.  
  148. .fourbottom { position:absolute; bottom:0px; list-style-type:none; }
  149.  
  150. .fourbottom li { width:109px; background:#f0f0f0; float:left; padding:10px; font-family:'roboto'; font-weight:700; font-size:8px; border-right:1px solid #e5e5e5; text-transform:uppercase; letter-spacing:1px; cursor:pointer; }
  151.  
  152. .fourbottom li:nth-child(3) { border-right:none; }
  153.  
  154. .fourbottom li:hover { background:#f5f5f5; }
  155.  
  156. /*----- STORY TEXT STYLES -----*/
  157.  
  158. .snap1txt { position:absolute; top:200px; left:15px; transform:rotate(-3deg); }
  159.  
  160. .snap1txt span { font-family:arial; background:transparent; text-transform:uppercase; color:#fff; padding:2px; padding-left:5px; padding-right:5px; border-radius:4px; font-size:14px; font-weight:bold; }
  161.  
  162. .snap2txt { position:absolute; top:100px; left:15px; transform:rotate(-3deg); }
  163.  
  164. .snap2txt span { font-family:arial; background:transparent; text-transform:uppercase; color:#fff; padding:2px; padding-left:5px; padding-right:5px; border-radius:4px; font-size:15px; font-weight:bold; }
  165.  
  166. .snap3txt { position:absolute; top:30px; left:15px; transform:rotate(-3deg); }
  167.  
  168. .snap3txt span { font-family:arial; background:transparent; text-transform:uppercase; color:#fff; padding:2px; padding-left:5px; padding-right:5px; border-radius:4px; font-size:15px; font-weight:bold; }
  169.  
  170. /*---------- TWITTER ----------*/
  171. .twtcont { width:300px; height:395px; border-radius:5px; position:absolute; top:25px; background:#f5f5f5; left:25px; overflow:auto; padding:2px; overflow:hidden; }
  172.  
  173. .twthead { width:300px; height:45px; border-top-left-radius:5px; border-top-right-radius:5px; position:absolute; top:0px; background:#aaa; left:0px; padding:2px; }
  174.  
  175. .twticon { position:absolute; top:23px; left:20px; cursor:pointer; }
  176.  
  177. .twticon img { width:60px; height:60px; border-radius:100%; padding:0px; border:3px solid #aaa; }
  178.  
  179. .twtname { position:absolute; top:98px; left:25px; font-weight:bold; color:#7c7c7c; text-align:left; }
  180.  
  181. .twtname username { color:#aaa; font-weight:500; }
  182.  
  183. .twtedit { font-weight:bold; background:#aaa; position:absolute; color:#fff; border-radius:15px; padding:7px; padding-left:9px; padding-right:9px; letter-spacing:1px; font-size:7px; cursor:pointer; top:65px; right:20px; font-family:'open sans'; }
  184.  
  185. .twtstats { position:absolute; top:170px; font-weight:600; left:10px; font-size:7.5px; letter-spacing:1px; font-family:'open sans'; }
  186.  
  187. .twtstats li { list-style-type:none; float:left; width:91px; text-align:center; }
  188.  
  189. .twtstats li b { color:#7c7c7c; font-size:10px; font-weight:500; }
  190.  
  191. .twtdesc { position:absolute; text-align:left; top:135px; left:25px; font-size:9px; right:25px; }
  192.  
  193. .tweetscontain { width:300px; height:198px; border-radius:5px; position:absolute; margin-top:195px; background:transparent; left:0px; overflow:auto; padding:2px; }
  194.  
  195. .atweet { background:#fff; width:260px; height:auto; padding-bottom:8px; text-align:justify; border-radius:5px; font-family:'open sans'; margin-bottom:20px; margin-left:20px; }
  196.  
  197. .tweeticon img { width:30px; margin-top:10px; border-radius:100%; margin:10px; }
  198.  
  199. .tweetcontent { font-size:9px; margin-left:10px; margin-right:10px; line-height:13px; margin-top:5px; }
  200.  
  201. .tweetuser { width:150px; height:34px; font-size:10px; line-height:13px; position:relative; margin-top:-40px; margin-left:45px; }
  202.  
  203. .tweetuser b { font-size:10px; color:#aaa; }
  204.  
  205. .likeretweet { width:260px; margin-top:-5px; text-align:center; height:15px; }
  206.  
  207. .likeretweet i { background:#fff; font-size:10px; border-radius:100%; width:10px; height:10px; padding:6px; border:1px solid #f2f2f2; position:relative; margin-top:10px; cursor:pointer; margin-left:5px; margin-right:5px; }
  208.  
  209. .likeretweet i:hover { background:#aaa; border:1px solid #aaa; color:#fff; }
  210.  
  211.  
  212.  
  213. /*---------- BANK APP CODING ----------*/
  214. #bankcont { width:300px; height:395px; border-radius:5px; position:absolute; top:25px; background:#f5f5f5; left:25px; padding:2px; overflow:hidden; }
  215.  
  216. .banktop { background:#aaa; width:300px; padding:2px; height:100px; position:absolute; top:0px; left:0px; }
  217.  
  218. .card { width:230px; height:130px; background:#888888; position:absolute; margin:auto; top:40px; left:0px; right:0px; border-radius:8px; }
  219.  
  220. .cardinfo { font-weight:bold; color:#ffffff;letter-spacing:2px; font-size:9px; font-family:'open sans'; text-align:left;
  221. margin-top:80px; margin-left:15px;}
  222.  
  223. .cardinfo b { font-size:15px; font-weight:500; }
  224.  
  225. .card i { color:#fff; font-size:30px; position:absolute; left:15px; top:15px; }
  226.  
  227. .banktext { margin-top:180px; text-align:left; margin-left:15px; font-size:15px; }
  228.  
  229. .banktext b { color:#777777; font-size:8px; letter-spacing:3px; }
  230.  
  231. .transactions { margin-top:10px; width:300px; height:130px; }
  232.  
  233. .transactions li { list-style-type:none; height:41px; margin-top:2px; }
  234.  
  235. .transactions i { float:left; color:#555; font-size:25px; margin-top:8px; margin-left:15px; }
  236.  
  237. .ttext { float:left; height:28px; width:150px; margin-top:9px; margin-left:15px; font-size:8px; font-weight:bold; text-align:left; letter-spacing:2px; color:#777777; }
  238.  
  239. .tamount { font-size:15px; color:; font-weight:500; width:100px; height:25px; border:1px solid #f5f5f5; float:right; margin-top:-28px; margin-right:15px; text-align:right; }
  240.  
  241.  
  242. /*--------- LOCKSCREEN CODING ------------*/
  243.  
  244. /*-- CHANGE PHONE BACKGROUND --*/
  245. #phone { position:absolute; top:20px; left:20px; width:220px; height:410px; background:#6d6d6d; border-radius:7px; background:url('https://via.placeholder.com/220x410'); background-size:cover; overflow:hidden; }
  246.  
  247. .remindertop2 { width:220px; height:60px; background:transparent; position:absolute; top:40px; }
  248.  
  249. .reminderinfo2 { position:absolute; width:220px; top:35px; left:0px; z-index:99; font-size:40px; padding-top:12px;font-weight:200; color:#fff; letter-spacing:0px; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity:1; }
  250.  
  251. .reminderinfo2 b { font-size:8px; left:12px; letter-spacing:3px; }
  252.  
  253. #phone prov { font-size:8px; background:transparent; width:25px; height:25px; position:absolute; top:4px; left:5px; color:#fff; padding:6px; z-index:9; border-radius:100px; font-weight:bold; letter-spacing:1px; }
  254.  
  255. #phone signal { font-size:10px; background:transparent; width:25px; height:25px; position:absolute; top:5px; left:180px; color:#fff; padding:6px; z-index:9; border-radius:100px; }
  256.  
  257. #phone wifi { font-size:10px; background:transparent; width:25px; height:25px; position:absolute; top:5px; left:50px; color:#fff; padding:6px; z-index:9; border-radius:100px; }
  258.  
  259. #phone uh { font-size:10px; background:transparent; width:25px; height:25px; position:absolute; top:386px; left:100px; color:#fff; padding:6px; z-index:9; border-radius:100px; }
  260.  
  261. #phone dots { font-size:20px; background:transparent; width:25px; height:25px; position:absolute; top:382px; left:80px; color:#fff; padding:6px; z-index:9; border-radius:100px; }
  262.  
  263.  
  264.  
  265. #phone:hover div.tab { opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  266.  
  267. #phone:hover .reminderinfo2 { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity:0; }
  268.  
  269.  
  270. </style>
  271. <body>
  272.  
  273.  
  274. <div class="vcnilla">
  275.  
  276. <div id="phone">
  277.  
  278. <signal class="fa fa-battery-full" aria-hidden="true"></signal>
  279. <wifi class="fa fa-wifi" aria-hidden="true"></wifi> <prov> VERIZON </prov>
  280. <uh class="fa fa-camera" aria-hidden="true"></uh>
  281. <dots class="fa fa-ellipsis-h" aria-hidden="true"></dots>
  282.  
  283. <div class="reminderinfo2">
  284. 10:15<br> <b>MONDAY 13 AUGUST</b> </div>
  285.  
  286.  
  287. <!-------------- TAB LINKS ------------->
  288. <div class="tab">
  289. <button class="tablinks" onclick="openCity(event, 'tab1')"><i class="fas fa-piggy-bank"></i></button>
  290. <button class="tablinks" onclick="openCity(event, 'tab2')"><i class="fab fa-instagram"></i></button>
  291. <button class="tablinks active" onclick="openCity(event, 'tab3')"><i class="fab fa-twitter"></i></button>
  292. </div>
  293.  
  294.  
  295. </div>
  296.  
  297.  
  298. <!---------- EDIT BANK TAB HERE ---------->
  299. <div id="tab1" class="tabcontent" style="display:block;">
  300. <div id="bankcont">
  301. <div class="banktop"></div>
  302.  
  303. <div class="card"><i class="fab fa-cc-visa"></i>
  304. <div class="cardinfo">
  305. <b>**** **** **** 1234</b>
  306. <br>
  307. FIRST LAST
  308. </div>
  309. </div>
  310.  
  311. <div class="banktext">
  312. <B>CURRENT BALANCE</B> <br>
  313. $4841.53
  314. <p>
  315. <b>RECENT TRANSACTIONS</b>
  316. </div>
  317.  
  318. <div class="transactions">
  319.  
  320. <li><i class="fab fa-uber"></i>
  321. <div class="ttext">UBER <BR>TODAY AT 10:23</div>
  322. <div class="tamount">-$28.40</div>
  323. </li>
  324.  
  325. <li><i class="fab fa-apple"></i>
  326. <div class="ttext">APPLE STORE <BR>TODAY AT 14:12</div>
  327. <div class="tamount">-$1600.00</div>
  328. </li>
  329.  
  330. <li><i class="fas fa-shopping-cart" style="font-size:21px; margin-left:10px;"></i>
  331. <div class="ttext">GREEN PLANET <BR>TODAY AT 15:44</div>
  332. <div class="tamount">-$58.27</div>
  333. </li>
  334. </div>
  335.  
  336.  
  337. </div>
  338. </div>
  339.  
  340.  
  341.  
  342. <!---------- EDIT INSTAGRAM TAB HERE ---------->
  343. <div id="tab2" class="tabcontent">
  344.  
  345. <div class="igcont">
  346.  
  347. <div class="igicon story1"> <!---- EDIT INSTAGRAM ICON HERE, 40x40px ----->
  348. <img src="http://via.placeholder.com/40x40"></div>
  349.  
  350. <!----- INTSTAGRAM STORY ----->
  351.  
  352. <div class="fullstory">
  353.  
  354. <span onclick="this.parentElement.style.display='none'" class="closetab" style="background:#f5f5f5;"> x </span>
  355.  
  356. <!----- STORY 1 -----><div class="fullcontain">
  357.  
  358. <!-- DELETE FROM HERE -->
  359. <div class="snap1txt"><span>text</span> </div>
  360. <!-- TO HERE IF YOU DONT WANT TEXT -->
  361.  
  362. <div class="storyinfo"><b>@username</b> 22h</div>
  363.  
  364. <img src="http://via.placeholder.com/200x310">
  365.  
  366. <!----- STORY 2 -----><div class="full2">
  367.  
  368. <!-- DELETE FROM HERE -->
  369. <div class="snap2txt"><span>text</span> </div>
  370. <!-- TO HERE IF YOU DONT WANT TEXT -->
  371.  
  372. <div class="storyinfo"><b>@username</b> 10h</div>
  373.  
  374. <img src="http://via.placeholder.com/200x310">
  375. </div>
  376.  
  377. <!----- STORY 3 -----><div class="full3">
  378.  
  379. <div class="storyinfo"><b>@username</b> 5h</div>
  380.  
  381. <img src="http://via.placeholder.com/200x310">
  382. </div>
  383.  
  384. <!----- STORY 4 -----><div class="full4">
  385.  
  386. <!-- DELETE FROM HERE -->
  387. <div class="snap3txt"><span>text</span> </div>
  388. <!-- TO HERE IF YOU DONT WANT TEXT -->
  389.  
  390. <div class="storyinfo"><b>@username</b> 1h</div>
  391.  
  392. <img src="http://via.placeholder.com/200x310">
  393. </div>
  394.  
  395. </div></div>
  396.  
  397.  
  398.  
  399. <div class="igname"> <!---- EDIT INSTAGRAM NAME HERE ----->
  400.  
  401. First Last <br><username>@username</username></div>
  402.  
  403. <div class="igedit">EDIT PROFILE</div>
  404.  
  405. <div class="igstats"> <!--- EDIT INSTAGRAM STATS HERE ---->
  406.  
  407. <li> <b>389</b> <br> POSTS </li>
  408. <li> <b>64m</b> <br> FOLLOWERS </li>
  409. <li> <b>120</b> <br> FOLLOWING </li></div>
  410.  
  411. <div class="igdesc"> <!--- EDIT INSTAGRAM DESC HERE ----> lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris erat diam, lobortis.</div>
  412.  
  413. <div class="igfeedoverview"> <!--- EDIT INSTAGRAM PICS HERE, 70 x 70px ---->
  414.  
  415. <img src="http://via.placeholder.com/70x70">
  416. <img src="http://via.placeholder.com/70x70">
  417. <img src="http://via.placeholder.com/70x70">
  418. <img src="http://via.placeholder.com/70x70">
  419. <img src="http://via.placeholder.com/70x70">
  420. <img src="http://via.placeholder.com/70x70">
  421.  
  422. </div></div></div>
  423.  
  424. <!---------- END INSTAGRAM TAB ---------->
  425.  
  426. <!---------- EDIT TWITTER TAB HERE ---------->
  427.  
  428. <div id="tab3" class="tabcontent">
  429.  
  430. <div class="twtcont">
  431.  
  432. <div class="twthead"></div>
  433.  
  434. <div class="twticon"><!--- EDIT TWITTER ICON HERE, 60x60px ---->
  435. <img src="http://via.placeholder.com/60x60"></div>
  436.  
  437. <div class="twtname"> <!---- EDIT TWITTER NAME HERE ----->
  438.  
  439. First Last <br><username>@username</username></div>
  440.  
  441. <div class="twtedit">EDIT PROFILE</div>
  442.  
  443. <div class="twtstats"> <!--- EDIT TWITTER STATS HERE ---->
  444.  
  445. <li> <b>389</b> TWEETS </li>
  446. <li> <b>64m</b> FOLLOWERS </li>
  447. <li> <b>120</b> FOLLOWING </li></div>
  448.  
  449. <div class="twtdesc"> <!--- EDIT TWITTER DESC HERE ----> lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris erat diam, lobortis in euismod nec, congue nec orci.</div>
  450.  
  451. <div class="tweetscontain">
  452.  
  453. <!--- EDIT THE TWEET HERE ---->
  454.  
  455. <div class="atweet">
  456.  
  457. <div class="tweeticon"> <!--- EDIT TWITTER ICON HERE, 30x30px ---->
  458. <img src="http://via.placeholder.com/30x30"></div>
  459.  
  460. <div class="tweetuser"> <!--- EDIT TWITTER USER HERE ---->
  461. <b>name</b> <br>@username</div>
  462.  
  463. <div class="tweetcontent"> <!--- EDIT TWEET HERE ---->
  464. lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  465.  
  466. <div class="likeretweet"><i class="material-icons">favorite</i> <i class="material-icons">swap_horiz</i> <i class="material-icons">chat_bubble</i></div></div>
  467.  
  468. <!--- EDIT THE SECOND TWEET HERE ---->
  469.  
  470. <div class="atweet">
  471.  
  472. <div class="tweeticon"> <!--- EDIT TWITTER ICON HERE, 30x30px ---->
  473. <img src="http://via.placeholder.com/30x30"></div>
  474.  
  475. <div class="tweetuser"> <!--- EDIT TWITTER USER HERE ---->
  476. <b>name</b> <br>@username</div>
  477.  
  478. <div class="tweetcontent"> <!--- EDIT TWEET HERE ---->
  479. lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  480.  
  481. <div class="likeretweet"><i class="material-icons">favorite</i> <i class="material-icons">swap_horiz</i> <i class="material-icons">chat_bubble</i></div></div>
  482.  
  483.  
  484. </div></div></div>
  485.  
  486. <!--- END TWITTER TAB ---->
  487.  
  488. </div>
  489.  
  490.  
  491. </div></div><!----------END OF ENTIRE CONTAINER------------->
  492.  
  493.  
  494. <!-- CREDIT - DO NOT DELETE -->
  495. <a href="http://vcnilla.tumblr.com/"> <div id="credit" title="frvddiemercury & stevenhyd"> VCNILLA </div></a>
  496.  
  497. </body></html>
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!