A Pen by Faizan Asad
How do I make an a pen by faizan asad?
What is a a pen by faizan asad? How do you make a a pen by faizan asad? This script and codes were developed by Faizan Asad on 02 July 2022, Saturday.
A Pen by Faizan Asad Previews
A Pen by Faizan Asad - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Faizan Asad</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html itemscope="" itemtype="http://schema.org/WebPage" lang="en"><head><meta content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for." name="description"><meta content="noodp" name="robots"><meta content="/images/google_favicon_128.png" itemprop="image"><meta content="origin" id="mref" name="referrer"><title>Google</title> <script src="https://apis.google.com/_/scs/abc-static/_/js/k=gapi.gapi.en.TY07tiUU0tE.O/m=gapi_iframes,googleapis_client,plusone/rt=j/sv=1/d=1/ed=1/rs=AItRSTNfGmB_-do3YO3g20AHt3L6itPzpQ/cb=gapi.loaded_0" async=""></script> <script async="" type="text/javascript" charset="UTF-8" src="//www.gstatic.com/og/_/js/k=og.og.en_US.IXyBuLuxjMo.O/rt=j/m=sy22,sy23,sy25,sy32,sy26,sy27,sy28,sy29,sy30,sy31,d,ld,sy41,gl,sy39,is,sy34,id,nb,nw,sb,sd,st,awd,sy35,sy36,p,vd,lod,eld,ip,dp,cpd/rs=AItRSTNw1tZOG2YhCqq3S550SjkmyGfYlg"></script></head><body class="hp vasq" onload="document.f&&document.f.q.focus();document.gbqf&&document.gbqf.q.focus();if(document.images)new Image().src='/images/nav_logo193.png'" alink="#dd4b39" bgcolor="#fff" id="gsr" link="#12c" text="#222" vlink="#61c"><div class="ctr-p" id="viewport"><div data-jiis="cc" id="cst"></div> <textarea name="csi" id="csi" style="display:none"></textarea><div data-jibp="" id="mngb"> <div class="gb_cc gb_hc gb_qb" id="gb" style="min-width: 980px;"><div class="gb_Ib gb_gc"><div class="gb_6 gb_gc gb_e gb_fc gb_hc" style="min-width: 297px;"><div class="gb_3b gb_e gb_gc gb_9b gb_g"><div class="gb_d gb_e gb_f gb_gc"><a class="gb_c gb_e" href="https://plus.google.com/?gpsrc=ogpy0&tab=wX" data-pid="119" data-ved="0CAIQwi4oAA">+You</a></div><div class="gb_d gb_e"><a class="gb_c" href="https://mail.google.com/mail/?tab=wm" data-pid="23" data-ved="0CAMQwi4oAQ">Gmail</a></div><div class="gb_d gb_e"><a class="gb_c" href="https://www.google.com/imghp?hl=en&tab=wi&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CAQQqi4oAg" data-pid="2">Images</a></div></div><div class="gb_2b gb_gc gb_e" style="min-width: 116px;"><div class="gb_z" id="gbsfw"></div><div class="gb_x gb_4a gb_e" id="gbwa"><div class="gb_Ua"><a class="gb_y gb_Da" href="http://www.google.com/intl/en/options/" title="Apps" aria-haspopup="true" aria-expanded="false" data-ved="0CAUQvSc"></a><div class="gb_8"></div><div class="gb_7"></div></div><div class="gb_Kb gb_z gb_K" aria-label="Apps" role="region" aria-hidden="true"><div class="gb_Wa" style="behavior:url(#default#userData)"><div class="gb_Xa" style="background-image:url(https://ssl.gstatic.com/gb/images/cst.png)"></div><div class="gb_Za"><div class="gb_0a">New!</div><div class="gb_1a">Drag and drop to rearrange your apps. <a class="gb_2a" href="https://accounts.google.com/ServiceLogin">Sign in to try it.</a></div></div><a class="gb_3a gb_Da"></a></div><ul class="gb_B gb_v" aria-dropeffect="move"><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb119" href="https://plus.google.com/?gpsrc=ogpy0&tab=wX" data-pid="119" data-ved="0CAYQwS4oAw"><span class="gb_o" style="background-position:-35px -509px"></span><span class="gb_p">+You</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb1" href="https://www.google.com/webhp?tab=ww&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CAcQqS4oBA" data-pid="1"><span class="gb_o" style="background-position:0 -1510px"></span><span class="gb_p">Search</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb36" href="https://www.youtube.com/" data-pid="36" data-ved="0CAgQwS4oBQ"><span class="gb_o" style="background-position:0 -1648px"></span><span class="gb_p">YouTube</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb8" href="https://maps.google.com/maps?hl=en&tab=wl" data-pid="8" data-ved="0CAkQwS4oBg"><span class="gb_o" style="background-position:0 -647px"></span><span class="gb_p">Maps</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb78" href="https://play.google.com/?hl=en&tab=w8" data-pid="78" data-ved="0CAoQwS4oBw"><span class="gb_o" style="background-position:0 -923px"></span><span class="gb_p">Play</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb5" href="https://news.google.com/nwshp?hl=en&tab=wn&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CAsQqS4oCA" data-pid="5"><span class="gb_o" style="background-position:0 -402px"></span><span class="gb_p">News</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb23" href="https://mail.google.com/mail/?tab=wm" data-pid="23" data-ved="0CAwQwS4oCQ"><span class="gb_o" style="background-position:0 -1130px"></span><span class="gb_p">Gmail</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb25" href="https://drive.google.com/?tab=wo" data-pid="25" data-ved="0CA0QwS4oCg"><span class="gb_o" style="background-position:-35px -578px"></span><span class="gb_p">Drive</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb24" href="https://www.google.com/calendar?tab=wc" data-pid="24" data-ved="0CA4QwS4oCw"><span class="gb_o" style="background-position:0 -785px"></span><span class="gb_p">Calendar</span></a></li></ul><a class="gb_C gb_Tb" href="http://www.google.com/intl/en/options/" aria-expanded="false" aria-hidden="true">More</a><span class="gb_D"></span><ul class="gb_B gb_w" aria-dropeffect="move" aria-hidden="true"><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb51" href="https://translate.google.com/?hl=en&tab=wT" data-pid="51" data-ved="0CA8QwS4oDA"><span class="gb_o" style="background-position:0 -69px"></span><span class="gb_p">Translate</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb10" href="http://books.google.com/bkshp?hl=en&tab=wp&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CBAQqS4oDQ" data-pid="10"><span class="gb_o" style="background-position:-35px -716px"></span><span class="gb_p">Books</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb212" href="https://wallet.google.com/manage/?tab=wa" data-pid="212" data-ved="0CBEQwS4oDg"><span class="gb_o" style="background-position:0 -854px"></span><span class="gb_p">Wallet</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb6" href="http://www.google.com/shopping?hl=en&tab=wf&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CBIQqS4oDw" data-pid="6"><span class="gb_o" style="background-position:-30px -1246px"></span><span class="gb_p">Shopping</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb30" href="https://www.blogger.com/?tab=wj" data-pid="30" data-ved="0CBMQwS4oEA"><span class="gb_o" style="background-position:0 -1717px"></span><span class="gb_p">Blogger</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb27" href="https://www.google.com/finance?tab=we" data-pid="27" data-ved="0CBQQwS4oEQ"><span class="gb_o" style="background-position:-35px -1441px"></span><span class="gb_p">Finance</span></a></li><li class="gb_l" aria-grabbed="false"><a class="gb_b" id="gb31" href="https://plus.google.com/photos?tab=wq" data-pid="31" data-ved="0CBUQwS4oEg"><span class="gb_o" style="background-position:0 -207px"></span><span class="gb_p">Photos</span></a></li></ul><a class="gb_D gb_Lb" href="http://www.google.com/intl/en/options/" aria-hidden="true">Even more from Google</a></div></div><div class="gb_4b gb_e"><div class="gb_Ua"><a class="gb_V gb_T" id="gb_70" href="https://accounts.google.com/ServiceLogin?hl=en&continue=https://www.google.com/%3Fgws_rd%3Dcr%26ei%3DrrmKU8i8GoTK0AWw-oAQ" target="_top">Sign in</a><div class="gb_8"></div><div class="gb_7"></div></div></div></div></div><div class="gb_ya gb_e gbqfh gb_Ca" id="gbq1" style="max-width:127px;min-width:127px"><div class="gb_za"><a class="gb_Rb gb_Ba" href="/webhp?tab=ww&ei=RrqKU53_LtOa1AWb6IHoDA&ved=0CBYQ1S4" title="Go to Google Home"><span class="gb_Da"></span></a></div></div></div><div id="gbw"></div></div><div id="gba"></div> </div><div class="jhp big" id="searchform" style="margin-top:-2px"> <div class="sfbg nojsv" style="top:30px"> <div class="sfbgg"></div> </div> <form style="display:block;background:none" action="/search" id="tsf" method="GET" name="f" onsubmit="return q.value!=''" role="search"> <div data-jibp="" data-jiis="uc" id="tophf"> <input type="hidden" name="num" value="50"><input type="hidden" name="site" value=""> <input name="source" type="hidden" value="hp"> </div> <div class="tsf-p" style="position:relative"> <div class="nojsv" id="logocont" style="left:0;position:absolute;padding:"><h1><a id="logo" href="https://www.google.com/webhp?hl=en" title="Go to Google Home"><img width="167" height="373" src="/images/nav_logo193_hr.png" alt="Google"></a></h1></div> <div style="padding-bottom:2px;padding-top:3px"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="position:relative;border-bottom:1px solid transparent"> <tbody><tr> <td class="lst-td lst-d-f" id="sftab" width="100%" style="border:0"> <div class="lst-d lst-tbb"> <table cellspacing="0" cellpadding="0" id="gs_id0" class="gstl_0 lst-t" style="height: 27px; padding: 0px;"><tbody><tr><td id="gs_tti0" class="gsib_a"><div id="gs_lc0" style="position: relative;"><input class="gsfi" id="lst-ib" maxlength="2048" name="q" autocomplete="off" size="41" title="Search" type="text" value="" dir="ltr" spellcheck="false" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D); background-color: transparent; position: absolute; z-index: 6; left: 0px; outline: none; background-position: initial initial; background-repeat: initial initial;"><div class="gsfi" id="gs_sc0" style="background-color: transparent; color: transparent; padding: 0px; position: absolute; z-index: 2; white-space: pre; visibility: hidden; background-position: initial initial; background-repeat: initial initial;">
</div><input class="gsfi" disabled="" autocomplete="off" aria-hidden="true" id="gs_taif0" dir="ltr" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; position: absolute; z-index: 1; background-color: transparent; -webkit-text-fill-color: silver; color: silver; left: 0px; visibility: hidden;"><input class="gsfi" disabled="" autocomplete="off" aria-hidden="true" id="gs_htif0" dir="ltr" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; position: absolute; z-index: 1; background-color: transparent; -webkit-text-fill-color: silver; color: silver; transition: all 0.218s; -webkit-transition: all 0.218s; opacity: 0; left: 0px; text-align: left;"></div></td><td class="gsib_b"><div class="gsst_b" id="gs_st0" dir="ltr" style="line-height: 27px;"><a class="gsst_a" href="javascript:void(0)" aria-label="Search by voice"><span class="gsri_a gsst_e" id="gsri_ok0"></span></a><div id="chmo"><div id="chm"><div class="chmp"><div class="chmpi chmp"></div></div><div style="display: none;"><div class="chma"></div><div>Not listening. Something went wrong.</div><div><a>Restart listening</a><a style="padding-left: 10px;">Help</a></div></div><div style="display: none;">Hotword detection is off.<div><a>Start listening for "Ok Google"</a></div></div></div></div></div></td></tr></tbody></table> </div> </td> <td> <div class="nojsb"> <div class="ds" id="sbds"> <div class="lsbb kpbb" id="sblsbb"> <button class="lsb" value="Search" name="btnG" type="submit"> <span class="sbico"></span> </button> </div> </div> </div> </td> </tr> </tbody></table> </td> <td> <div class="nojsv" id="sfopt" style="height:30px;position:relative"> <div class="lsd"> </div> </div> </td> </tr> <tr> <td> <div id="pocs" style="display:none;left:0px;white-space:nowrap"><div id="pocs0"><span><span>Google</span> Instant is unavailable. Press Enter to search.</span> <a href="/support/websearch/bin/answer.py?answer=186645&form=bb&hl=en">Learn more</a></div><div id="pocs1"><span>Google</span> Instant is off due to connection speed. Press Enter to search.</div><div id="pocs2">Press Enter to search.</div></div> </td> </tr> </tbody></table> </div> <div class="jsb" style="padding-top:2px"> <center> <input value="Google Search" jsaction="sf.chk" name="btnK" type="submit"> <input value="I'm Feeling Lucky" jsaction="sf.lck" name="btnI" type="submit"> </center> </div> </div> <input type="hidden" name="oq"><input type="hidden" name="gs_l"></form> </div><div id="gac_scont"></div><div class="spch s2fp-h" style="display:none" id="spch"><div class="spchc" id="spchc"><div class="_sl"><div class="_vi"><span class="_Du" id="spchl"></span><span class="button" id="spchb"><div class="_Av"><span class="_pw"></span><div class="_AW"><span class="_Vw"></span><span class="_Jw"></span></div></div></span></div><div class="_wo"><span class="spcht" id="spchi" style="color:#777"></span><span class="spcht" id="spchf" style="color:#000"></span></div><div class="google-logo"></div></div><div class="_SC"><div class="_TC"></div></div></div><div class="close-button" id="spchx">×</div></div><div class="content" id="main" data-jiis="cc"><span class="ctr-p" data-jiis="bp" id="body"><center><div id="lga" style="height:231px;margin-top:20px"><img alt="Google" height="95" id="hplogo" src="/images/srpr/logo11w.png" style="padding-top:112px" width="269" onload="window.lol&&lol()"></div><div style="height:102px"></div><div id="prm-pt" style="margin-top:12px"><script>window.gbar&&gbar.up&&gbar.up.tp&&gbar.up.tp();</script></div></center></span><div class="ctr-p" data-jiis="bp" id="footer"> <div id="footcnt"> <div class="_hq _ih" id="fbar"> <div class="fbar"> <span id="fsr"> <a class="_Sh" href="/intl/en/policies/?fg=1">Privacy & Terms</a> <span style="display:inline-block;position:relative"> <a class="_Se" href="https://www.google.com/preferences?hl=en" id="fsettl" jsaction="foot.cst">Settings</a> <span id="fsett" style="display:none"> <a href="https://www.google.com/preferences?hl=en&fg=1">Search settings</a> <span data-jibp="h" data-jiis="uc" id="advsl"> <a href="/advanced_search?hl=en&fg=1">Advanced search</a> </span> <a href="/history?hl=en&fg=1">Web History</a> <a href="//support.google.com/websearch/?p=ws_results_help&hl=en&fg=1">Search Help</a> <a href="javascript:void(0)" data-bucket="websearch" jsaction="gf.sf" id="_HY" target="_blank" data-ved="0CAkQLg"> Send feedback </a> </span> </span> <a class="_Se" href="https://www.google.com/setprefdomain?prefdom=PK&prev=https://www.google.com.pk/?gws_rd%3Dcr%26ei%3DrrmKU8i8GoTK0AWw-oAQ&sig=0_H4qQ-LlROEZhwtQ0kcFSmHFtRXg%3D&fg=1">Use Google.com.pk</a> </span> <span id="fsl"> <a class="_Sh" href="/intl/en/ads/?fg=1">Advertising</a> <a class="_Se" href="/services/?fg=1">Business</a> <a class="_Se" href="/intl/en/about.html?fg=1">About</a> </span> </div> </div> </div> </div></div><div class="gb_Jb"></div><div id="xjsd"><script src="/xjs/_/js/k=xjs.s.en_US.u4s5c7_Kv3Q.O/m=sx,c,sb,cr,elog,jsa,r,hsm,pcc,csi/am=Efw_FQY9ooAEwCo/rt=j/d=1/sv=1/t=zcms/rs=AItRSTOapkaIF95iOATFky0rOm_WgOx1iQ"></script></div><div id="xjsi" data-jiis="bp"><script></script></div></div><script src="/xjs/_/js/k=xjs.s.en_US.u4s5c7_Kv3Q.O/m=sy69,abd,sy42,sy64,sy60,sy90,sy110,sy40,sy63,sy50,sy85,sy87,sy91,sy111,sy36,sy37,sy41,sy65,sy51,sy53,sy55,sy115,sy112,sy38,sy39,sy77,sy140,sy66,sy125,sy52,sy56,sy83,sy116,sy114,sy113,sy24,sy141,sy43,sy142,sy119,sy122,sy54,sy88,sy117,sy139,sy143,sy144,sy145,sy146,actn,sy147,adp,sy25,sy26,sy28,sy19,sy27,sy29,sy33,sy46,sy45,async,sy20,sy21,cdos,foot,sy81,gf,sy133,hv,idck,sy23,jsaleg,lc,sy70,sy71,sy243,lu,sy246,m,me,sf,sy97,sy154,sy76,sy123,sy127,sy150,sy152,sy153,sy151,spch,tbui,sy47,sy61,sy48,em4,em5,em6,sy49,tnv/am=Efw_FQY9ooAEwCo/rt=j/d=0/sv=1/t=zcms/rs=AItRSTOapkaIF95iOATFky0rOm_WgOx1iQ" type="text/javascript"></script><table cellspacing="0" cellpadding="0" class="gstl_0 gssb_c" style="width: 484px; display: none; top: 339px; position: absolute; left: 398px;"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style="width: 100%;"></td></tr></tbody></table><div class="jfk-bubble chw-oc" style="display: none;"><div class="jfk-bubble-content-id"><div id="chw-o" data-ved="0CAMQuzY" style="display: block;"><div class="_LJ"><div class="_MJ">Say "Ok Google" to start a voice search</div><p class="_KJ">Search without lifting a finger. When you say "Ok Google," Chrome will search for what you say next.</p><div><a href="https://support.google.com/chrome/?p=ui_hotword_search" target="_blank" onmousedown="return rwt(this,'','','','','AFQjCNHyNmNOmnFoJjpgISA7IEqNETP_hw','','0CAQQgDY','','',event)">Learn more</a><button class="_Vt _ql" href="%23/" jsaction="chw.optInNoThanksButtonClicked" onmousedown="return rwt(this,'','','','','AFQjCNGOsQwk5kkDp1whxTHGu_cZ5guz8Q','','0CAUQ_jU','','',event)">No thanks</button><button class="_Vt _dk" href="%23/" jsaction="chw.optInEnableButtonClicked" onmousedown="return rwt(this,'','','','','AFQjCNGOsQwk5kkDp1whxTHGu_cZ5guz8Q','','0CAYQ_zU','','',event)">Enable "Ok Google"</button></div></div><div class="_JJ"><div class="_YY"><label class="_bz"><input class="_HJ" jsaction="chw.handleAudioLoggingInteraction" checked="true" type="checkbox"><span class="_IJ">Improve voice search by sending the sound of "Ok Google," and a few seconds before, to Google.</span></label></div></div></div></div><div class="jfk-bubble-arrow-id jfk-bubble-arrow"><div class="jfk-bubble-arrowimplbefore"></div><div class="jfk-bubble-arrowimplafter"></div></div></div></body></html> <script src="js/index.js"></script>
</body>
</html>
A Pen by Faizan Asad - Script Codes CSS Codes
#nycntg{margin:6px 25px 10px 0}#nycp{background-color:#fafafa;border-left:1px solid #ebebeb;bottom:0;left:0;margin-left:33px;min-width:240px;position:absolute;right:0;top:0;visibility:hidden;z-index:102;padding:38px 16px 10px 31px}.nyc_open #nycp{visibility:visible}#nycf{display:none;height:1px;left:0;min-width:940px;position:absolute;visibility:hidden;z-index:-1}.nyc_open #nycf{display:block}.nyc_opening #nycp,.nyc_opening #nycprv{display:block;visibility:hidden!important}#nyccur{background:#fafafa;height:100%;left:33px;opacity:0;position:absolute;top:0;width:0;z-index:120}#nyccur.wipeRight{border-right:1px solid #e8e8e8;opacity:1;-webkit-transition:width 0.08s ease-in;width:100%}#nyccur.fadeOut{opacity:0;-webkit-transition:opacity 0.08s linear;width:100%}#nyccur.fadeIn{opacity:1;-webkit-transition:opacity 0.08s linear;width:100%}#nyccur.wipeLeft{border-right:1px solid #eee;opacity:1;-webkit-transition:width 0.08s ease-out;width:0}.nyc_open .vspib,.nyc_opening .vspib{padding-right:0;-webkit-transition:padding-right .2s ease}.nyc_open .vspib .vspii,.nyc_opening .vspib .vspii{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-right:none}.nyc_open #nycxh{cursor:pointer;opacity:0.7;padding:15px;position:absolute;right:1px;top:12px}.nyc_open #nycxh:hover{opacity:1}#nycx{display:none}.nyc_open #nycx{border:none;cursor:pointer;display:block;padding:0}#nycntg h3 .esw{display:none}#nyc .vshid{display:inline}#nyc #nycntg .vshid a{white-space:nowrap}#nycntg a:link{border:0;text-decoration:none}#nycntg a:hover{text-decoration:underline}#vsi,.vsi{border:none;width:100%}.vslru.vso:before{border:1px solid #ebebeb;border-right:none;bottom:-8px;top:-7px;left:-7px;right:-9px;content:"";position:absolute;z-index:-1}.vslru div.vspib{bottom:-6px;top:-7px}.vslru div.vspib .vspii{border-radius:0}.vscl.vso.vslru:before,.vscl.vslru div.vspib{top:-4px}