PageSourceSearch

https://www.ownzee.com/demo

html ownzee.com collected 2026-10-09 18:27:56 UTC 20,962 bytes, 308 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6	<title>Make your own magazine, newsletter, blog, website, press release, PDF and flyer</title>
7	<meta NAME="description" CONTENT="Create your own magazine online with a simple and powerful online layout tool. Create your own newsletter.">
8	<meta NAME="KeyWords" CONTENT="Make your own magazine">
9	<meta NAME="robots" CONTENT="All">
10	<meta NAME="rating" CONTENT="General">
11
12	<link href="/favicon.ico" type="image/x-icon" rel="icon" /><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" />
13	<link rel="stylesheet" type="text/css" href="/css/jquery-ui-1.7.2.custom.css" />
14	<link rel="stylesheet" type="text/css" href="/css/Core.css" />
15	<link rel="stylesheet" type="text/css" href="/css/spectrum.css" />
16	<style type="text/css">
17		body{
18			background: #45484d; /* Old browsers */
19			background: -moz-radial-gradient(center, ellipse cover,  #45484d 0%, #1c1c1c 100%); /* FF3.6+ */
20			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
21			background: -webkit-radial-gradient(center, ellipse cover,  #45484d 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
22			background: -o-radial-gradient(center, ellipse cover,  #45484d 0%,#1c1c1c 100%); /* Opera 12+ */
23			background: -ms-radial-gradient(center, ellipse cover,  #45484d 0%,#1c1c1c 100%); /* IE10+ */
24			background: radial-gradient(ellipse at center,  #45484d 0%,#1c1c1c 100%); /* W3C */
25			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#1c1c1c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
26		}
27		#Layout, #Layout:hover, .Layout, .Layout:hover{border:1px solid #CCC; background-color:#FFF;box-shadow: 0 0 20px #000;}
28		#BG, .BG{margin-top:100px;}
29		#Layout, .Layout{height:500px;}
30		.uppic, .uppic a:link{ background-color:#FF6; color:#900; font-size:10px; height:18px; vertical-align:middle; padding:2px 10px 0px 10px;  margin:0px;}
31		
32		#BackHome{padding:10px;position:fixed; bottom:50%;font-size:14px; left:10px;background-color:#ccc; color:#000;  border:1px solid #999; text-align:center; box-shadow: 0 0 5px #888; z-index:1000000;}
33		input[type=text]{font-size:22px; width:230px;}
34		SELECT, OPTION {font-size:22px; width:250px;}
35		#TitleSave SELECT, #TitleSave OPTION {font-size:12px; width:auto;}
36		#start{ text-align:center; padding:0px; width:400px; margin:0 auto; font-size:14px; position:relative;}
37		#openzine{font-size:10px; }
38		hr{ margin:10px 0px 10px 0px;}
39		#upgrade{background:#FFFFFF;border-bottom: 5px solid #900;position:fixed;top:35px;padding:10px;margin: 0 auto; width:100%;z-index:100000000000;text-align:center}
40		#xx{background-color:#cccccc;color:#000;padding:0 5px;cursor:pointer;}
41		#offer{ margin:0 auto; width:380px; float:left; text-align:left;}
42		ul{margin:0px;}
43		li{line-height:2em;}
44		.oz-make{background-position: -2px -287px;}
45		.oz-make:hover{background-position: -2px -287px;}
46		#MenuTop{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
47		#layouts{width:100%;height:185px;background-color: #333;box-shadow: 0 0 10px #fff;position: fixed;top:0;z-index: 10000;overflow: hidden;}
48		#layouts-main{width:960px;height:180px;margin:10px auto;position: relative;}
49		#pick-layout{height: 180px; width: 650px; overflow: auto;border: 5px solid #333;}
50		#pick-layout ul{ padding: 0; margin: 0; }
51		#pick-layout li{ display: inline; }
52		.on{background-color:#ff0000; }
53		#pick-layout li img{ border:1px solid #ccc; margin:4px; box-shadow:0 0 10px #000;}
54		#overlay{ width:100%; min-height:1200px; height:140%; background-color: #222; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=5); position: fixed; top:126px; z-index: 9999;}
55		#use-layout{ position: absolute; top:30px; right:20px; text-align:center; background-image: url("../css/OZicons.gif"); background-position: -10px -362px; background-repeat: no-repeat; clear: right; color: #000000; cursor: pointer; display: block; font-size: 12px; height: 17px; margin: 10px 20px 0 0; padding: 8px 5px 5px; text-align: center; text-decoration: none; width: 110px; border-radius:5px;}
56		#layout000 { color:#fff; font-size:14px; }
57		#heynow{display: none;}
58		#JoinButton{padding:15px; position:fixed; bottom:50%; font-size:14px; right:10px; background-color:#ffcc00; color:#111 !important; border:1px solid #999; text-align:center; box-shadow: 0 0 5px #000; z-index:100000; border-radius: 10px;}
59		#JoinButton a{color:#111 !important}
60
61		@media only screen and (min-device-width : 320px)and (max-device-width : 480px) {
62				#JoinButton, #BackHome{display: none}
63		}
64		.join-top{
65			padding: 5px 10px;
66			margin: 5px 5px;
67			border-radius: 5px;
68			font-size: 16px;
69			background: #ffcc00;
70			display: inline-block;
71			width:80px; 
72			text-align: center; 
73			border: 1px solid #eee;
74		}
75		.join-top:hover, .learn-more:hover{
76			text-decoration: underline !important;
77		}
78		.learn-more{
79			font-size: 12px;
80			border-right: 1px solid #ccc;
81
82			width: 225px;
83		}
84
85
86	</style>
87	
87<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
87
88	
88<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
88
89
90	
90<script type="text/javascript" src="/js/rangy.js"></script>
90
91	
91<script type="text/javascript" src="/js/spectrum.js"></script>
91
92	
92<script type="text/javascript" src="/js/tools.js"></script>
92
93	
93<script type="text/javascript" src="/js/linkify.min.js"></script>
93
94	
94<script type="text/javascript" src="/js/linkify.jquery.min.js"></script>
94
95	
95<script type="text/javascript" src="/js/hello.js"></script>
95
96	
96<script type="text/javascript" src="/js/smartguides.js"></script>
96
97
98</head>
99<body>
100
101<div id="JoinButton">
102	<a href="https://buy.stripe.com/14k02k3nGaRa64w8ww">Sign Up &raquo;</a>
103</div>
104
105
106<div id="MenuTop">
107	<div id="NavTopBG">
108		<div id="NavTop">
109			<ul>
110				<li class="click-to-add"> Click to add: </li>
111				<li title="Add Textbox" id="AddTextBox" class="oz-text"></li>
112				<li title="Add Picture" class="oz-pic" onClick="$('#dialog-pic').dialog('open')"></li>
113				<li title="Add Video" class="oz-vid" onClick="$('#dialog-vid').dialog('open')"></li>
114			</ul>
115
116			<div id="TitleSave">
117<a href="what" class="learn-more">Learn more about Ownzee</a> <a href="https://buy.stripe.com/14k02k3nGaRa64w8ww" class="join-top">Sign up &raquo;</a>
118			</div>
119				<div class="Colors">
120					<div class="oz-close-options" onclick="$('.Colors').css('visibility','hidden')">&nbsp;</div>
121					<div class="BGTextColor"><div id='color-picker-text'> </div> </div> Text<br>
122					<div class="BGLinksColor"><div id='color-picker-link'> </div> </div> Links<br>
123					<div class="PageColor"><div id='color-picker-bg'> </div> </div> Background<br>
124				</div>
125
126		</div>
127	</div>
128</div>
129
130
131
132<div id="Join" style="display:none;">
133	<h1>The best tool for laying out blog posts</h1>
134	<br /><br />
135
136	<div id="start">
137		<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
138		<input type="hidden" name="cmd" value="_s-xclick">
139		<input type="hidden" name="hosted_button_id" value="MUJXA89LGKRAU">
140
141		<input type="hidden" name="on0" value=""><select name="os0">
142			<option value="Monthly">$7 monthly</option>
143			<option value="Yearly (Save $20)">$64 yearly (Save $20)</option>
144		</select>
145		<br /><br />
146
147		<input type="hidden" name="on1" value="Username">Choose Username<br />
148		<input type="text" name="os1" maxlength="60"><br />
149		<input type="hidden" name="on2" value="Email">Email for Account <br />
150		<input type="text" name="os2" maxlength="60">
151
152		<input type="hidden" name="currency_code" value="USD">
153
154		<input type="image" src="http://www.ownzee.com/img/paypal.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
155		<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
156		</form><hr />
157		<p id="openzine">You'll return, after checkout, to finish creating your account</p>
158	</div>
159</div>
160
161	<div id="float-menu">
162		<span class="menu-item-box">
163			<button id="font">Font</button>
164			<div id="font-picker">
165				<div class="triangle"></div>
166				<button class="font-name" id="font-arial" data-font="arial,helvetica,sans-serif">Arial</button>
167				<button class="font-name" id="font-arialblack" data-font="arial black,avant garde">Arial Black</button>
168				<button class="font-name" id="font-courier" data-font="courier new,courier">Courier</button>
169				<button class="font-name" id="font-georgia" data-font="georgia,palatino">Georgia</button>
170				<button class="font-name" id="font-times" data-font="times new roman,times">Times</button>
171				<button class="font-name" id="font-verdana" data-font="verdana,geneva">Verdana</button>
172				<button class="font-name" id="font-komikaaxis" data-font="KomikaAxisRegular">Komic</button>
173				<button class="font-name" id="font-kulminoituva" data-font="KulminoituvaRegular">Kulminoituva</button>
174				<button class="font-name" id="font-marketingscript" data-font="MarketingScriptRegular">Script</button>
175				<button class="font-name" id="font-bebasneue" data-font="BebasNeueRegular">BEBAS NEUE</button>
176				<button class="font-name" id="font-droidsans" data-font="DroidSansRegular">Droid Sans</button>
177				<button class="font-name" id="font-ultra" data-font="UltraRegular">Ultra</button>
178				<button class="font-name" id="font-walkway" data-font="WalkwaySemiBoldRegular">Walkway</button>
179				<button class="font-name" id="font-impactlabel" data-font="ImpactLabelRegular">Label</button>
180				<button class="font-name" id="font-garamond" data-font="EBGaramondRegular">Garamond</button>
181				<button class="font-name" id="font-momstypewriter" data-font="MomsTypewriterRegular">Typewriter</button>
182				<button class="font-name" id="font-trashhand" data-font="TrashHandRegular">TrashHand</button>
183				<button class="font-name" id="font-colaborate" data-font="ColaborateThinRegular">Colaborate</button>
184				<button class="font-name" id="font-manrope" data-font="ManropeRegular">Manrope</button>
185				<button class="font-name" id="font-leaguegothic" data-font="LeagueGothic">League Gothic</button>
186				<button class="font-name" id="font-theneueblack" data-font="TheNeue-Black">Neue Black</button>
187				<button class="font-name" id="font-ostrichsans" data-font="OstrichSans">Ostrich Sans</button>
188			</div>
189		</span>
190		<span class="menu-item-box">
191			<button id="size">Size</button>
192			<div id="size-picker">
193				<div class="triangle"></div>
194				<button class="size-number" data-size="size-16">16</button>
195				<button class="size-number" data-size="size-18">18</button>
196				<button class="size-number" data-size="size-22">22</button>
197				<button class="size-number" data-size="size-24">24</button>
198				<button class="size-number" data-size="size-26">26</button>
199				<button class="size-number" data-size="size-28">28</button>
200				<button class="size-number" data-size="size-36">36</button>
201				<button class="size-number" data-size="size-42">42</button>
202				<button class="size-number" data-size="size-56">56</button>
203				<button class="size-number" data-size="size-64">64</button>
204				<button class="size-number" data-size="size-72">72</button>
205				<button class="size-number" data-size="size-84">84</button>
206				<button class="size-number" data-size="size-96">96</button>
207				<button class="size-number" data-size="size-102">102</button>
208				<button class="size-number" data-size="size-130">130</button>
209				<button class="size-number" data-size="size-160">160</button>
210				<button class="size-number" data-size="size-200">200</button>
211				<button class="size-number" data-size="size-300">300</button>
212			</div>
213		</span>
214|
215		<button  onclick="document.execCommand('bold',false,null);"><strong>B</strong></button>
216		<button id="bb" onclick="document.execCommand('italic',false,null);"><i>i</i></button>
217		<button  onclick="document.execCommand('underline',false,null);"><u>U</u></button>
218
219		<button id="color-picker">&nbsp;</button>
220
221		<span class="menu-item-box">
222			<button  id="create-link">&nbsp;</button>
223			<div id="create-link-picker">
224				<div class="triangle"></div>
225				<input id="create-link-url"><button id="create-link-url-button">Link</button>
226				<button id="remove-link">Remove link</button>
227			</div>
228		</span>
229|
230		<span class="menu-item-box">
231			<button id="align">&nbsp;</button>
232			<div id="align-picker">
233				<div class="triangle"></div>
234				<button id="align-left">Left</button>
235				<button id="align-center">Center</button>
236				<button id="align-right">Right</button>
237				<button id="align-justify">Justify</button>
238			</div>
239		</span>
240
241		<span class="menu-item-box">
242			<button id="line-spacing">&nbsp;</button>
243			<div id="line-spacing-picker">
244				<div class="triangle"></div>
245				<button class="line-spacing-number" data-ls="line-08" id="line-spacing-tight">Tight</button>
246				<button class="line-spacing-number" data-ls="line-10" id="line-spacing-single">Single</button>
247				<button class="line-spacing-number" data-ls="line-15" id="line-spacing-loose">Loose</button>
248				<button class="line-spacing-number" data-ls="line-20" id="line-spacing-double">Double</button>
249				<button class="line-spacing-number" data-ls="line-30" id="line-spacing-triple">Triple</button>
250			</div>
251		</span>
252
253	</div>
254
255<div id="dialog-pic" title="Upload Picture">
256	<p class="uppic">We saved you from uploading a pic, just click to add this one.</p>
257	<br>
258	<div id="AddNowDemo" class="PicPreview">Add to Page</div>
259	<div class="Box22Demo">
260		<img src="//www.ownzee.com/attachments/photos/pic2/4d96a742-d260-405f-b6d3-0c1bcdbab12d.jpg">
261	</div>
262</div>
263
264<div id="dialog-vid" title="Add Video">
265	<iframe src="//www.ownzee.com/yt/index.php" width="700" height="500" frameborder="0"></iframe>
266</div>
267
268<div id="Demo">
269	<div class="post-width-box">
270		Width : <div class="post-width post-width-on" data-wide="960px">Wide</div> <div class="post-width" data-wide="700px">Medium</div> <div class="post-width" data-wide="500px">Narrow</div>
271	</div>
272	<div class="BG">
273		<div id="Layout" style="height: 1250px; background-color: rgb(255, 255, 255);">
274			<div class="TextBox" id="TextBox-1" style="top: 54px; left: 70px; z-index: 5; position: absolute; width: 860px; height: auto; opacity: 1;"><div class="click" style="text-shadow: rgb(236, 225, 225) 2px 2px 2px;"><div style="text-align: left;"><span style="font-family:UltraRegular" class="size-64 line-10">Experience a whole new way of creating online</span></div></div></div><div class="PhotoBox" id="PhotoBox-1" style="position: absolute; top: 301px; left: 67px; display: block; opacity: 1; z-index: 3; width: 413px; height: auto;"> <img src="/attachments/2013/01/pic2/51075782-feb4-4ced-a718-3968cdbab12d.jpg" alt="" style="width: 100%;" class="Left1 Right1 Top1 Bot1"></div><div class="TextBox" id="TextBox-1" style="display: block; position: absolute; top: 331px; left: 530px; opacity: 1; z-index: 2; width: 330px; height: auto;"><div class="click" style="text-shadow: rgb(236, 225, 225) 2px 2px 2px;"><span style="font-family: ColaborateThinRegular; font-size: x-large;">No reload, no waiting, no previews. A faster way to create designs for web or print. Move, edit and resize instantaneously!</span><div><span style="font-family: ColaborateThinRegular; font-size: x-large;"><br><b><span class="size-24">What you see is what you get...&nbsp;</span></b></span></div><div><span style="font-family: ColaborateThinRegular; font-size: x-large;" class="size-24">While doing it!</span></div></div></div><div class="TextBox" id="TextBox-2" style="display: block; position: absolute; top: 333px; left: 94px; opacity: 1; z-index: 4; width: 338px; height: auto;"><div class="click" style="text-shadow: rgb(130, 130, 130) 2px 2px 2px;"><div style="text-align: center;"><span style="font-size: 16px; font-family: UltraRegular;"><font color="#bf3434"><span class="size-42 line-08">Click to edit</span></font></span></div><div style="text-align: center;"><span style="font-size: 16px;"><font face="ColaborateThinRegular" color="#222222"><span class="size-22">Design comes to life on the page</span></font></span></div></div></div><div class="Video" id="Video-1" style="position: absolute; top: 863px; left: 493px; opacity: 1; z-index: 7; width: 411px; height: 282.5625px;"><object width="100%" height="100%"> <param name="movie" value="http://www.youtube.com/v/yBo4nxoWTes?version=3&amp;f=videos&amp;
274app=youtube_gdata&amp;autoplay=1"><param name="allowFullScreen" value="true" wmode="transparent"><embed src="https://www.youtube.com/v/yBo4nxoWTes?version=3&amp;f=videos&amp;app=youtube_gdata" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" width="100%" height="100%"></object> </div><div class="TextBox" id="TextBox-1" style="display: block; position: absolute; top: 747px; left: 67px; opacity: 1; z-index: 6; width: 838px; height: auto;"><div class="click" style="text-shadow: rgb(236, 225, 225) 2px 2px 2px;"><div><span style="font-size: 28px; line-height: 0.8; font-family: UltraRegular;" class="size-42    line-10">Create designs you've never seen online before.</span></div></div></div><div class="TextBox" id="TextBox-1" style="display: block; position: absolute; top: 946px; left: 139px; opacity: 1; z-index: 5; width: 245px; height: auto;"><div class="click" style="text-shadow: rgb(236, 225, 225) 2px 2px 2px;"><div style="text-align: center;"><font face="KulminoituvaRegular" style="line-height: 1.4;"><span class="size-36   line-10">Change</span></font><span class="size-36   line-10"> </span><font face="KomikaAxisRegular" style="line-height: 1.4;"><span class="size-36   line-10">the</span></font><span class="size-36   line-10"> </span><font face="MomsTypewriterRegular" style="line-height: 1.4;"><span class="size-36   line-10">font</span></font><span class="size-36   line-10"> </span><font face="MarketingScriptRegular" style="line-height: 1.4;"><span class="size-36   line-10">to</span></font><span class="size-36   line-10"> </span><font face="BebasNeueRegular" style="line-height: 1.4;"><span class="size-36   line-10">tell</span></font><span class="size-36   line-10"> </span><font face="TrashHandRegular" style="line-height: 1.4;"><span class="size-36   line-10">your</span></font><span class="size-36   line-10"> </span><font face="ImpactLabelRegular" style="line-height: 1.4;"><span class="size-36   line-10">story</span></font></div></div></div>
275		</div>
276	</div>
277</div>
278
279<div id="footer">
280	<ul>
281		<li class="oz-plus" id="shrink"></li>
282		<li class="oz-minus" id="grow"></li>
283	</ul>
284</div>
285
286<script type="text/javascript">
287	$(document).ready(function(){
288		$('#MakePage').click(function() {
289			window.location = "join";
290		});
291		$("body").on('click', "#xx", function(){$("#upgrade").remove() });
292		$("#Join").dialog({
293			resizable: false, draggable: false, height:450, width:530, closeOnEscape: false,  position: 'center', autoOpen: false, modal: true, zIndex: 10000
294		});
295		setTimeout(function() {
296			$("#Joinx").dialog('open')
297		}, 2000000);
298		$("body").on('click', '#AddNowDemo, .Box22Demo', function () {
299			var NewPB = $(".Box22Demo").html();
300			$('<div></div>', {'class':'PhotoBox Zbox00'}).html(NewPB).appendTo('#Layout').center().hide().effect("highlight",900);
301			$( "#dialog-pic" ).dialog( "close" );
302		});
303	});
304</script>
304
305
306<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a47f7133cbc9f2da',t:'MTc5MTU3MDQ3Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
306<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"da64abde17384f06894654b6dc9f03cc","r":1,"spa":2}' crossorigin="anonymous"></script>
306
307</body>
308</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.