PageSourceSearch

https://i2bopomo.com/

html i2bopomo.com collected 2026-10-02 20:20:33 UTC 28,217 bytes, 467 lines download raw bytes

1
2	<!DOCTYPE html>
3		<html lang="en">
4		<head> 
5			<title>Zhuyin Input Method (BoPoMoFo) – Free Online Chinese Typing Tool</title>
6			<meta name="description" content="Use the Zhuyin (BoPoMoFo) input method online to type Chinese characters with Mandarin phonetic symbols. Learn and practice Traditional Chinese with an interactive Zhuyin keyboard." />
7			<meta name="keywords" content="zhuyin input method, bopomofo input method, online zhuyin keyboard, bopomofo typing, mandarin phonetic symbols, zhuyin learning tool, traditional chinese input" />			
8			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9			<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
10			<link rel="shortcut icon" href="/css/favicon.ico" type="image/x-icon" />
11			<link rel="stylesheet" href="DevSDK/css/i2template.css?4" type="text/css" />			
12			<link rel="stylesheet" href="/css/i2bopomo.css?v=20" type="text/css" />
13<link rel="preconnect" href="https://fonts.googleapis.com">
14<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  
15<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
16<link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;700&display=swap" rel="stylesheet">
17
18<style>
19	.Tajawal  {font-family: "Noto Kufi Arabic", sans-serif; font-optical-sizing: auto; font-style: normal;}
20	.Normal  {font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-style: normal;}
21	.h1 {color:#000; font-weight:bold; text-transform: none;}
22	.h2 {color:#000; font-weight:bold; text-transform: none; line-height:1.6em; font-family:tahoma;}
23	.h2_margin {margin:60px 0 20px 0;}
24	.h2_margin_def {margin:30px 0 20px 0;}
25	.h3 {color:#5A6DBD; font-weight:bold; text-transform: none;font-weight:bold; }
26	.norm {font-weight:normal; text-transform: none; line-height:1.6em;}
27	.p {line-height:1.6em;}
28
29	.divider {overflow: hidden;text-align: center;}
30	.divider::before,.divider::after {background-color: #ccc;content: "";display: inline-block;height: 1px;vertical-align: middle;width: 30%;}
31	.divider::before {margin-inline-end: 0.5em;}
32	.divider::after {margin-inline-start: 0.5em;}      
33
34	.ar1 {font-size: 9px;}
35	.ar2 {font-size: 11px;}
36	.ar3 {font-size: 13px;}
37	.ar4 {font-size: 15px;}
38	.ar5 {font-size: 17px;}
39	.ar6 {font-size: 19px;}
40	.ar7 {font-size: 21px;}
41	.ar8 {font-size: 23px;}
42	.ar9 {font-size: 25px;}
43	.ar10 {font-size: 27px;}
44	.ar11 {font-size: 31px;}
45	.ar12  {font-size: 33px;}
46
47	.ar1e {font-size: 10px;}
48	.ar2e {font-size: 12px;}
49	.ar3e {font-size: 14px;}
50	.ar4e {font-size: 16px;}
51	.ar5e {font-size: 18px;}
52	.ar6e {font-size: 20px;}
53	.ar7e {font-size: 22px;}
54	.ar8e {font-size: 24px;}
55	.ar9e {font-size: 26px;}
56	.ar10e {font-size: 28px;}
57</style>
58					
59			<!-- Yandex.Metrika counter -->
60						
60<script type="text/javascript" >
vendor: 449 bytes, lines 60-67
60
61						   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
62						   m[i].l=1*new Date();
63						   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
64						   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
65						   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
66
67						   ym(
6795456266
vendor: 135 bytes, lines 67-72
67, "init", {
68						        clickmap:true,
69						        trackLinks:true,
70						        accurateTrackBounce:true
71						   });
72						
72</script>
72
73						<noscript><div><img src="https://mc.yandex.ru/watch/95456266" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
74						<!-- /Yandex.Metrika counter -->		
75			
75<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5930435762906662" crossorigin="anonymous"></script>
75
76			
76<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
76
77			 
77<script src="/js/min/jquery.form.min.js"></script>
77
78			
79
80<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
vendor: 2 bytes, line 80
80
81<script>
82     (adsbygoogle = window.adsbygoogle || []).push({
83          google_ad_client: "ca-pub-5930435762906662",
84          enable_page_level_ads: true
85     });
86</script>
86
87			
87<script>								
88				//<![CDATA[
89				$(document).ready(function(){
90									
91						
92				download_url = "http://i2bopomo.com/i2bopomo_download"
93				_active_language =  "Zhuyin"
94				init("");						
95				jQuery.fn.extend({
96					insertAtCaret: function(myValue){
97					  return this.each(function(i) {
98						if (document.selection) {
99						  this.focus();
100						  sel = document.selection.createRange();
101						  sel.text = myValue;
102						  this.focus();
103						}
104						else if (this.selectionStart || this.selectionStart == "0") {
105						  var startPos = this.selectionStart;
106						  var endPos = this.selectionEnd;
107						  var scrollTop = this.scrollTop;
108						  this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
109						  this.focus();
110						  this.selectionStart = startPos + myValue.length;
111						  this.selectionEnd = startPos + myValue.length;
112						  this.scrollTop = scrollTop;
113						} else {
114						  this.value += myValue;
115						  this.focus();
116						}
117					  })
118					}
119				});							
120													
121							
122				$("#r2l").live("click" , function() {
123					$("#preview").css({"direction":"rtl"});
124					$("#textDir").val("rtl");
125					$(this).hide();
126					$("#l2r").show();						
127				});
128				
129				$("#l2r").live("click" , function() {
130					$("#preview").css({"direction":"ltr"});
131					$("#textDir").val("ltr");
132					$(this).hide();
133					$("#r2l").show();
134				});
135
136				
137		        $("a#Google").live("click" , function() {
138		            var query = $("#preview").val().replace(/\s+/g,"+");
139		            if(query == "")
140		            {
141		                answer = confirm (warning);
142		                if(!answer)
143		                    return false;
144		            }
145		            var url = "https://www.google.com/search?hl=en&q=" + query;
146		            $(this).attr("href", url);
147		        });                         
148
149		        $("a#YouTube").live("click" , function() {
150		            var query = $("#preview").val().replace(/\s+/g,"+");
151		            if(query == "")
152		            {
153		                answer = confirm (warning);
154		                if(!answer)
155		                    return false;
156		            }                    
157		            var url = "https://www.YouTube.com/results?search_query=" + query;
158		            $(this).attr("href", url);
159		        });                         		                                           
160
161
162		        $("a#Twitter").live("click" , function() {
163		            //var query = $("#preview").val().replace(/\s+/g,"+");
164		            var query = encodeURIComponent($("#preview").val());
165		            if(query == "")
166		            {
167		                answer = confirm (warning);
168		                if(!answer)
169		                    return false;
170		            }                    
171		            //var url = "https://www.Twitter.com/#!/search/" + query;
172		            var url = "https://twitter.com/intent/tweet?text=" + query + "&via=i2bopomo";
173		            $(this).attr("href", url);
174		        });                         
175
176		        $("a#Facebook").live("click" , function() {
177		            var query = $("#preview").val().replace(/\s+/g,"+");
178		            if(query == "")
179		            {
180		                answer = confirm (warning);
181		                if(!answer)
182		                    return false;
183		            }                    
184		            //var url = "https://www.Facebook.com/search?hl=en&q=" + query;
185		            var url = "https://www.facebook.com/dialog/feed?app_id=199741253396111&message=" + query + "&redirect_uri=https://www.sciweavers.org/i2type";
186		            alert("This button will ONLY launches Facebook post dialog. You have to Copy & Paste your typed message manually. This is a Facebook new security restriction :(");
187		            $(this).attr("href", url);
188		        });			                         
189
190		        
191		        $("a#Wikipedia").live("click" , function() {
192		            var query = $("#preview").val().replace(/\s+/g,"+");
193		            if(query == "")
194		            {
195		                answer = confirm (warning);
196		                if(!answer)
197		                    return false;
198		            }                    
199		            var url = "https://ar.wikipedia.org/w/index.php?search=" + query;
200		            $(this).attr("href", url);
201		        });   		    
202
203
204		        $("a#Bing").live("click" , function() {
205		            var query = $("#preview").val().replace(/\s+/g,"+");
206		            if(query == "")
207		            {
208		                answer = confirm (warning);
209		                if(!answer)
210		                    return false;
211		            }                    
212		            var url = "https://www.bing.com/search?q=" + query;                          
213		            $(this).attr("href", url);
214		        });  		            
215
216				
217				$("#preview").keypress(function () {
218					$(this).change();
219				});							
220				
221				$("#preview").keyup(function () {
222					updateCharCount();
223				});	
224				
225				$("#preview").keydown(function () {
226					updateCharCount();
227				});	
228
229				// backlog
230				$("#preview").change(function () {
231					updateCharCount();
232					//$("#i2bopomo_form").submit();
233				});																
234
235				var options_i2bopomo_upload_form = { 
236					target:    "#downloadDiv",
237					url:       "/process_form_i2bopomo",
238					type:      "post",
239				}; 
240				
241				$("#i2bopomo_form").submit(function() {
242					
243					$(this).ajaxSubmit(options_i2bopomo_upload_form);
244					return false;
245				});			
246
247				
248				$("#download").live("click" , function() {
249					$("#server_job").val("0");
250					$("#font_size").val(_font_size);
251					$(this).css({"opacity":"0.2"});
252				});
253
254				$("#snapshot").live("click" , function() {
255					$("#server_job").val("1");
256					$("#font_size").val(_font_size);
257					$("#i2bopomo_form").submit();
258				});																																
259
260				//
261				// Load to Clipboard
262				//					
263			    var clipboard = new Clipboard(".copy_btn");
264			    clipboard.on("success", function(e) {
265			      $("#preview").fadeOut(250);            
266			      $("#preview").fadeIn(250);
267				  $("#copy_status").fadeOut(250);			      
268			      setTimeout(function(){}, 1000);
269			      window.getSelection().removeAllRanges();
270			    });				
271				
272				update_language_direction();
273		
274
275					$("#hide_banner").click(function() {
276						$("#iBanner").slideUp(700);
277					});
278				//]]>
279				});
280			</script>
280						
281			
282				<!--[if lt IE 7]>
283				<style media="screen" type="text/css">
284				#iPage {
285					height:100%;
286				}
287				</style>
288				<![endif]-->			
289			<link rel="stylesheet" href="/css/cookie.min.css?1" type="text/css" />  
290        
290<script src="/js/cookie.min.js?1"></script>
290
291        
291<script>
292        window.addEventListener("load", function(){
293        window.cookieconsent.initialise({
294          "palette": {
295            "popup": {
296              "background": "#4D5765",
297              "text": "#eeeeee"
298            },
299            "button": {
300              "background": "#62ffaa"
301            }
302          },
303          "showLink": true,
304          "position": "bottom-right",
305          "content": {
306            "message": "This site uses cookies to deliver our services and to ensure you get the best experience. By continuing to use this site, you consent to our use of cookies and acknowledge that you have read and understand our ",
307            "dismiss": "Accept",
308            "link": "Privacy Policy, Cookie Policy, and Terms",
309            "href": "/privacy"
310          }
311        })});
312        </script>
312
313			</head>
314			<body>			
315			<div id="iPage" class="footer_height"><div id="iHeader">
316					<a href="http://i2bopomo.com"><img style="margin-top:10px;" src="/css/i2bopomo.png" width="280" height="80" alt="i2Bopomo" /></a>
317				</div><div class="iContent">
318	<div id="IE_Msg"></div>
319	<div class="clearBoth"></div><div class="row">
320                <div style="float: left;width: 800px;">
321                    <div style="text-align:left; padding-left:5px;line-height:1.6em;">
322                    	<h1 class="text-left ar10 h1 text-center" style="line-height: 1.2em;">Zhuyin (BoPoMoFo) Input Method</h1>
323                    	<h2 class="text-left ar7 h2 norm text-center">Type Chinese Characters Using Mandarin Phonetic Symbols Online</h2>
324                    	<p class="text-left ar3e p text-center" style="color:#000;">The Zhuyin input method, also known as BoPoMoFo, allows users to type Chinese characters using Mandarin phonetic symbols instead of the Roman alphabet. This online Zhuyin keyboard works directly in your browser and requires no installation, making it suitable for learners, teachers, and native users who write Traditional Chinese.
325The tool simulates a real Zhuyin keyboard and guides users through correct syllable construction. As symbols are selected, unavailable keys are automatically disabled, helping users focus on valid phonetic combinations and avoid common input errors. This makes the Zhuyin input method both a practical typing solution and an effective learning aid.
326Once you finish typing, you can copy and paste the text, convert it into an image, save it as a document, or query major search engines.</p>
327						<div style="text-align:center; margin-top:4px; margin-bottom:8px;"><div class="text-center">
328				<!-- 728x90 Top -->
329				<ins class="adsbygoogle"
330				     style="display:inline-block;width:728px;height:90px"
331				     data-ad-client="ca-pub-5930435762906662"
332				     data-ad-slot="9353277407"></ins>				
333				
333<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
333</div></div>
334						<form id="i2bopomo_form" action="/process_form_i2bopomo/14788604" method="post" enctype="multipart/form-data">
335							<div class="iContentTypes" id="service_options">
336										<div id="ikeybrd2" >	
337						<div style="float:left;"><select class="iListBox iListBoxFont" id="ListBox_Types_fonts" name="ListBox_Types_fonts" onchange="update_fonts(this.value)(this.value);"><option value="Verdana, Geneva, sans-serif" > Verdana </option><option value="'Courier New', Courier, monospace" > Courier New </option><option value="Tahoma, Geneva, sans-serif" > Tahoma </option><option value="Arial, Helvetica, sans-serif" > Arial </option><option value="'Comic Sans MS', cursive, sans-serif" > Comic Sans MS </option><option value="Helvetica" selected="selected"> Helvetica </option><option value="'Lucida Console', Monaco, monospace" > Lucida Console </option><option value="'Times New Roman', Times, serif" > Times New Roman </option><option value="'Trebuchet MS', Helvetica, sans-serif" > Trebuchet MS </option><option value="Century Gothic, sans-serif" > Century Gothic </option><option value="Georgia, serif" > Georgia </option><option value="'Lucida Sans Unicode', 'Lucida Grande', sans-serif" > Lucida Sans Unicode </option><option value="'Palatino Linotype', 'Book Antiqua', Palatino, serif" > Palatino Linotype </option></select></div>
338						<input type="button" id="font_minus"  style="width:40px; padding:7px 0; height:auto; width:32px; height:32px; margin-left:10px;" class="button silver" value="A&#x207B;" />
339						<input type="button" id="font_plus"   style="width:40px; padding:7px 0; height:auto; width:32px;height:32px;" class="button silver" value="A&#x207A;" />
340						<input type="button" id="r2l"   style="width:40px; padding:8px 0; height:auto;" class="button silver" value="RTL" />
341						<input type="button" id="l2r"   style="display:none; width:40px; padding:7px 0; height:auto; " class="button silver" value="LTR" />
342						<button class="button silver" id="download" style="height:34px;margin-left:80px;"><img src="/css/word.png" width="24" height="24" alt="Save as Word" title="Save as Word" /></button>
343						<div class="button silver" id="snapshot" style="width:32px; height:32px;"><img src="/css/snapshot.png" width="32" height="32" alt="Save as Image" title="Save as Image" /></div>
344						<div class="button silver copy_btn" data-clipboard-action="copy" data-clipboard-target="#preview" style="width:32px; height:32px;">
345    				    <img src="/css/copy.png" width="26" height="26" alt="Copy to Clipboard" title="Copy to Clipboard" />
346               </div>
347						<input type="button" id="iChar"  style="width:40px; padding:7px 0; height:auto; width:40px;height:34px;font-weight:bold;" class="button silver" value="140" />
348						<div style="float:right;"><a class="button silver" style="width:60px; background:#F9FCD7; color:#000; font-weight:bold;padding-top:8px; height:24px;text-decoration:none;" target="_blank" href="https://www.i2ocr.com">OCR</a><a target="_blank" class="button silver" style="width:60px; background:#B8D9FF; color:#000; font-weight:bold;padding-top:8px; height:24px;text-decoration:none;" href="https://www.i2pdf.com">PDF</a><a target="_blank" class="button silver" style="width:60px; background:#D7FCF6; color:#000; font-weight:bold;padding-top:8px; height:24px;text-decoration:none;" href="https://www.i2symbol.com/symbols">SYM</a></div>
349					</div><div><textarea id="preview" name="preview" class="iTextArea" rows="1" cols="20" inputmode="none"></textarea></div>															
350			<div style="clear:both;"></div>			
351			<div id="zhuchi">
352				<div id="auxButtons"></div>
353				<div><textarea id="auxEditor" name="auxEditor" rows="1" cols="10" onkeydown="IE_keydown(event);" onkeyup="IE_keyup(event);" inputmode="none"></textarea></div>
354			</div>			
355			<div style="clear:both;"></div>
356				<div id="ikeybrd">
357				<div style="clear:both;"></div>
358				<div style="margin-left:260px;"><select class="iListBox iListBoxLanguage" style="font-size:15px;" id="ListBox_Languages" name="ListBox_Languages" onchange="changeKeyboardLayout(this.options[this.options.selectedIndex].value);"><option value="Zhuyin" selected="selected"> Zhuyin &nbsp;&#x6CE8;&#x97F3; </option><option value="Pinyin" > Pinyin &nbsp;&#x62FC;&#x97F3; </option><option value="Cangjie" > Cangjie &nbsp;&#x7C21;&#x6613; </option><option value="Cantonese" > Cantonese &nbsp;&#x5EE3;&#x6771;&#x8A71; </option><option value="Vietnamese" > Vietnamese &nbsp;Tiếng Việt </option><option value="Thai" > Thai &nbsp;
358ไทย </option><option value="Korean" > Korean &nbsp;한국어 </option><option value="Mongolian" > Mongolian &nbsp;монгол </option><option value="Katakana" > Katakana &nbsp;カタカナ </option><option value="Hiragana" > Hiragana &nbsp;ひらがな </option></select></div>
359				<div style="clear:both;"></div>
360				<div id="keyboard"></div>
361				<div style="clear:both;"></div><div class="options"><a id="clear_btn" href="#"></a></div><div id="learning" style="margin-top:10px;"><input type = "checkbox" id="learning_check" checked="checked" /> Learning Mode</div><div><input type="hidden" id="textDir" name="textDir" /></div><div><input type="hidden" id="downloadFile" name="downloadFile" value="1" /></div></div>
362								
363							</div>					
364			                <div id="downloadDiv"></div>
365			                <div id="copy_status"></div>
366							<div><input type="hidden" id="server_job" name="server_job" /></div>
367							<div><input type="hidden" id="font_size" name="font_size" /></div>					
368						</form>
369						
370        <h2 class="text-left ar7 h2 text-center"><b>What Is Zhuyin (BoPoMoFo)?</b></h2>
371        <p class="text-left ar3e p text-center" style="color:#000;">Zhuyin, also known as BoPoMoFo or Mandarin Phonetic Symbols, is a phonetic system used to represent all possible sounds in Mandarin Chinese. It consists of 37 phonetic symbols and five tone marks, which together allow accurate transcription of pronunciation before converting it into Chinese characters.
372The name “BoPoMoFo” (ㄅㄆㄇㄈ) comes from the first four symbols in the system, similar to referring to the Roman alphabet as “ABC.” Unlike Pinyin, Zhuyin does not use the Roman alphabet; its symbols are derived from ancient Chinese characters that reflect their sounds.</p>
373        <h2 class="text-left ar7 h2 text-center"><b>Why Is Zhuyin Widely Used in Taiwan?</b></h2>
374        <p class="text-left ar3e p text-center" style="color:#000;">Zhuyin has been officially used in Taiwan since the early 20th century and remains the primary phonetic system taught in elementary schools. Students learn to read and write Mandarin by seeing Chinese characters printed alongside Zhuyin symbols, helping them associate pronunciation with written form.
375Because of this foundation, many users in Taiwan prefer Zhuyin for typing Traditional Chinese on computers and mobile devices. Learners studying Mandarin in Taiwan or with Taiwanese teaching materials often encounter Zhuyin early in their studies.</p>
376        <h2 class="text-left ar7 h2 text-center"><b>How This Zhuyin Input Method Helps You Type Chinese?</b></h2>
377        <p class="text-left ar3e p text-center" style="color:#000;">This online Zhuyin input method is designed to follow the natural rules of BoPoMoFo syllable construction. In standard Zhuyin typing, certain symbols cannot be reused once a syllable is complete. The system reflects this behavior by disabling unavailable keys automatically, guiding users toward correct phonetic input.
378To begin typing, simply place your cursor in the input area and start selecting Zhuyin symbols. The system converts phonetic input into Chinese characters in real time, allowing you to practice and type naturally without installing software or buying a physical Zhuyin keyboard.</p>
379        <h2 class="text-left ar7 h2 text-center"><b>Who Should Use a Zhuyin Input Method?</b></h2>
380        <p class="text-left ar3e p text-center" style="color:#000;">Learners studying Mandarin with Zhuyin
381Students learning Traditional Chinese
382Teachers demonstrating Mandarin pronunciation
383Native users who prefer Zhuyin input
384Anyone who wants to practice Chinese phonetics online</p>
385        <h2 class="text-left ar7 h2 text-center"><b></b></h2>
386        <p class="text-left ar3e p text-center" style="color:#000;">Typing Chinese with the Zhuyin input method becomes simple, accurate, and accessible when practiced online.</p>
387                    </div>
388                    <div style="text-align:center; margin-top:4px; margin-bottom:8px;"><div class="text-center">
389				<!-- 728x90 Middle -->
390				<ins class="adsbygoogle"
391				     style="display:inline-block;width:728px;height:90px"
392				     data-ad-client="ca-pub-5930435762906662"
393				     data-ad-slot="1830010609"></ins>
394				
394<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
394</div></div>
395                </div>
396                <div style="margin:20px 0;">
397	  		  <div style="margin:0 0 10px 20px;font:bold 21px verdana">More Free Tools !</div>
398  				<div style="text-align:center;"><a target="_blank" class="button silver" style="background:#00c9a7;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2text.com">i2text.com</a><a target="_blank" class="button silver" style="background:#377DFF;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2pdf.com">i2pdf.com</a><a target="_blank" class="button silver" style="background:#7961F2;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2img.com">i2img.com</a><a class="button silver" style="background:#F18136;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" target="_blank" href="https://www.i2ocr.com">i2ocr.com</a><a target="_blank" class="button silver" style="background:#EA326F;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2symbol.com/symbols">i2symbol.com</a><a target="_blank" class="button silver" style="background:#46C6E2;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2clipart.com">i2clipart.com</a><a target="_blank" class="button silver" style="background:#96643B;width:300px;height:20px;padding:15px 0;text-decoration:none;color:#ffffff; font:bold 17px verdana; text-shadow:none;" href="https://www.i2type.com">i2type.com</a></div>
399  				 <div style="margin-bottom:20px;"></div>
400  		  </div>
401                <div style="float: left;width: 320px;">             		
402                	<div style="text-align:center; margin-top:6px;"><div class="text-center">
403				<!-- Responsive -->
404				<ins class="adsbygoogle"
405				     style="display:block"		     
406				     data-ad-client="ca-pub-5930435762906662"		     
407				     data-ad-slot="3056176606"
408				     data-ad-format="auto"></ins>
409				
409<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
409</div></div>                	
410                	<div style="text-align:center; margin-top:6px;"><div class="text-center">
411				<!-- Responsive -->
412				<ins class="adsbygoogle"
413				     style="display:block"		     
414				     data-ad-client="ca-pub-5930435762906662"		     
415				     data-ad-slot="3056176606"
416				     data-ad-format="auto"></ins>
417				
417<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
417</div></div>
418                	<div style="text-align:center; margin-top:6px;"><div class="text-center">
419				<!-- Responsive -->
420				<ins class="adsbygoogle"
421				     style="display:block"		     
422				     data-ad-client="ca-pub-5930435762906662"		     
423				     data-ad-slot="3056176606"
424				     data-ad-format="auto"></ins>
425				
425<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
425</div></div>
426                	<div style="text-align:center; margin-top:6px;"><div class="text-center">
427				<!-- Responsive -->
428				<ins class="adsbygoogle"
429				     style="display:block"		     
430				     data-ad-client="ca-pub-5930435762906662"		     
431				     data-ad-slot="3056176606"
432				     data-ad-format="auto"></ins>
433				
433<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
433</div></div>
434                </div>
435            </div>                          
436            <div class="clearfix"></div>            
437        </div><div style="text-align:center; margin-top:4px; margin-bottom:20px;"><div class="text-center">
438				<!-- 728x90 Status -->
439				<ins class="adsbygoogle"
440				     style="display:inline-block;width:728px;height:90px"
441				     data-ad-client="ca-pub-5930435762906662"
442				     data-ad-slot="3511893403"></ins>
443				
443<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
443</div></div></div>
444	<div class="footer">
445		<div class="entry">
446				
447			<div style="color:#666;font-size:11px; margin:0 auto; text-align:center;">
448				<span>Copyright © i2Bopomo 2014-2026, <a target="_blank" href="https://sciweavers.org">Sciweavers LLC</a>, USA.</span>
449			</div>					
450			<div class="rounded join">
451				<div class="company">
452					<div class="ft_link"><a href="/about">About</a></div>			
453					<div class="ft_link"><a href="/contact">Contact</a></div>												
454					<div class="ft_link"><a href="/privacy">Privacy Policy</a></div>
455					<div class="ft_link"><a href="/cookies">Cookies</a></div>
456					<div class="ft_link"><a href="/terms">Terms of Use</a></div>								
457				</div>			
458			</div>
459
460		</div>				
461	
462	</div>
462<script src="/js/bopomo.js?v=20"></script>
462
463			   
463<script src="/js/trie.js?v=20"></script>
463
464			   
464<script src="/js/keyboard.js?v=20"></script>
464
465			   
465<script src="/js/i2type.js?v=20"></script>
465
466			   
466<script src="/js/clipboard.min.js"></script>
466
467			   
467<script>var sc_project=7331980;var sc_invisible=1;var sc_security="716ce578";</script>
467<script src="https://www.statcounter.com/counter/counter.js"></script>
467</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.