<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>VisualNEO Web Version 21.12.30</AppTitle>
	<AppShortName>vneo21.12.30</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<Description>What&apos;s new in VisualNEO Web Version 21.12.30</Description>
	<DesignDeviceName>HTC Evo 3D</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>960</PageWidth>
	<PageHeight>540</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<ResponsiveSize>True</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>Offline page</ServiceWorker>
	<ThemeColor>#000000</ThemeColor>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container4">
							<left>8px</left>
							<top>8px</top>
							<width>960px</width>
							<height>30px</height>
							<style>background-color:#df7326;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container7">
									<left>136px</left>
									<top>32px</top>
									<width>496px</width>
									<height>64px</height>
									<style>color:#FFFFFF;text-align:center</style>
									<css_class>neo-col-12</css_class>
									<html>&lt;h1 style=&quot;margin-bottom:0px&quot;&gt;VisualNEO Web 21.12.30&lt;br&gt;
&lt;small style=&quot;color:#fff&quot;&gt;New Design Posibilities!&lt;/small&gt;&lt;h1&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container1">
							<left>0px</left>
							<top>0px</top>
							<width>960px</width>
							<height>30px</height>
							<style>background-color:#FFE6AA;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;min-height:100px</style>
							<css_class>neo-row</css_class>
							<Components>
								<SVGicon id="SVGicon1">
									<left>25px</left>
									<top>14px</top>
									<width>100%</width>
									<height>100%</height>
									<style>fill:#df7326;stroke-width:1px</style>
									<css_class>neo-middle-center</css_class>
									<icon>svgDivider1</icon>
									<preserveAspectRatio>deform</preserveAspectRatio>
								</SVGicon>
							</Components>
						</Container>
						<Container id="Container5">
							<left>8px</left>
							<top>8px</top>
							<width>464px</width>
							<height>176px</height>
							<style>background-color:#FFE6AA;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container6">
									<left>8px</left>
									<top>26px</top>
									<width>96px</width>
									<height>16px</height>
									<style>font-size:14pt;padding-left:10%;padding-right:10%</style>
									<css_class>neo-col-12</css_class>
									<html>&lt;h2 style=&quot;color:#df7326&quot;&gt;Whats&apos;s new&lt;/h2&gt;
&lt;p&gt;From this version, the SVG icon Object includes new &quot;icons&quot; to create beautifull &lt;b&gt;separators&lt;/b&gt;, animated &lt;b&gt;loaders&lt;/b&gt; and organic &lt;b&gt;blob shapes&lt;/b&gt;.&lt;/p&gt;
&lt;p&gt;All of them can easily be coloured, resized, flipped, rotated, etc. without coding, just from properties panel.&lt;/p&gt;
&lt;p&gt;This page includes some of these new design elements using the new SVG Icon property &lt;i&gt;preserveAspectRatio&lt;/i&gt; when needed.&lt;/p&gt;
&lt;p&gt;Enjoy!&lt;/p&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container22">
							<left>8px</left>
							<top>1097px</top>
							<width>520px</width>
							<height>40px</height>
							<style>background-attachment:fixed;background-image:url(&apos;https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=1200&apos;);background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px</style>
							<css_class>neo-row neo-row-middle</css_class>
							<Components>
								<Container id="Container23">
									<left>112px</left>
									<top>4px</top>
									<width>64px</width>
									<height>16px</height>
									<style>background-attachment:fixed;min-height:500px</style>
									<css_class>neo-col</css_class>
									<Components>
										<SVGicon id="SVGicon11">
											<width>100%</width>
											<height>100px</height>
											<style>fill:#FFE6AA</style>
											<css_class>neo-top-center</css_class>
											<icon>svgDivider6</icon>
											<preserveAspectRatio>deform</preserveAspectRatio>
										</SVGicon>
										<SVGicon id="SVGicon2">
											<width>100%</width>
											<height>100px</height>
											<style>fill:#df7326;transform:rotateZ(180deg) scaleX(-1)</style>
											<css_class>neo-bottom-center</css_class>
											<icon>svgDivider6</icon>
											<preserveAspectRatio>deform</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container9">
							<left>8px</left>
							<top>247px</top>
							<width>464px</width>
							<style>background-color:#df7326;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;min-height:150px</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container10">
									<left>8px</left>
									<top>26px</top>
									<width>96px</width>
									<height>16px</height>
									<style>font-size:16pt;padding-left:20px;padding-right:20px;min-height:150px</style>
									<css_class>neo-col-4</css_class>
									<Components>
										<SVGicon id="SVGicon5">
											<left>112px</left>
											<top>9px</top>
											<width>80px</width>
											<height>80px</height>
											<style>fill:#FFFFFF</style>
											<css_class>neo-middle-center</css_class>
											<icon>svgLoaderDots</icon>
											<preserveAspectRatio>preserve</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
								<Container id="Container12">
									<left>8px</left>
									<top>8px</top>
									<width>96px</width>
									<style>font-size:16pt;padding-left:20px;padding-right:20px</style>
									<css_class>neo-col-4</css_class>
									<Components>
										<SVGicon id="SVGicon6">
											<left>112px</left>
											<top>9px</top>
											<width>80px</width>
											<height>80px</height>
											<style>fill:#FFFFFF</style>
											<css_class>neo-middle-center</css_class>
											<icon>svgLoaderAudio</icon>
											<preserveAspectRatio>preserve</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
								<Container id="Container13">
									<left>328px</left>
									<top>8px</top>
									<width>96px</width>
									<style>font-size:16pt;padding-left:20px;padding-right:20px</style>
									<css_class>neo-col-4</css_class>
									<Components>
										<SVGicon id="SVGicon7">
											<left>112px</left>
											<top>9px</top>
											<width>80px</width>
											<height>80px</height>
											<style>fill:none;stroke:#FFFFFF</style>
											<css_class>neo-middle-center</css_class>
											<icon>svgLoaderBallTriangle</icon>
											<preserveAspectRatio>preserve</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container16">
							<left>8px</left>
							<top>594px</top>
							<width>464px</width>
							<style>background-color:#df7326;padding-bottom:30px;padding-left:0px;padding-right:0px;padding-top:0px;min-height:150px</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container17">
									<left>8px</left>
									<top>26px</top>
									<width>96px</width>
									<height>16px</height>
									<style>font-size:16pt;padding-left:20px;padding-right:20px;min-height:150px</style>
									<css_class>neo-col-6</css_class>
									<Components>
										<SVGicon id="SVGicon8">
											<left>112px</left>
											<top>9px</top>
											<width>80px</width>
											<height>80px</height>
											<style>fill:#FFFFFF</style>
											<css_class>neo-middle-center</css_class>
											<icon>svgLoaderBars</icon>
											<preserveAspectRatio>preserve</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
								<Container id="Container18">
									<left>8px</left>
									<top>8px</top>
									<width>96px</width>
									<style>font-size:16pt;padding-left:20px;padding-right:20px</style>
									<css_class>neo-col-6</css_class>
									<Components>
										<SVGicon id="SVGicon9">
											<left>112px</left>
											<top>9px</top>
											<width>80px</width>
											<height>80px</height>
											<style>fill:#FFFFFF</style>
											<css_class>neo-middle-center</css_class>
											<icon>svgLoaderGrid</icon>
											<preserveAspectRatio>preserve</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container3">
							<left>8px</left>
							<top>519px</top>
							<width>464px</width>
							<height>176px</height>
							<style>background-color:#FFE6AA;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container11">
									<left>8px</left>
									<top>8px</top>
									<width>96px</width>
									<height>16px</height>
									<style>padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;min-height:110px</style>
									<css_class>neo-col-12</css_class>
									<Components>
										<SVGicon id="SVGicon4">
											<width>100%</width>
											<height>100px</height>
											<style>fill:#df7326;transform:scaleX(-1) translate(0,-10px)</style>
											<css_class>neo-bottom-center</css_class>
											<icon>svgDivider2</icon>
											<preserveAspectRatio>deform</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container19">
							<left>48px</left>
							<top>1168px</top>
							<width>520px</width>
							<height>40px</height>
							<style>background-color:#FFE6AA</style>
							<css_class>neo-row neo-row-middle</css_class>
							<Components>
								<Container id="Container20">
									<left>112px</left>
									<top>4px</top>
									<width>64px</width>
									<height>16px</height>
									<style>background-attachment:scroll;background-image:url(&apos;https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=325&amp;w=600&apos;);background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:400px</style>
									<css_class>neo-col-sm-12 neo-col-md-12 neo-col-lg-6</css_class>
									<Components>
										<SVGicon id="SVGicon10">
											<width>100%</width>
											<height>100%</height>
											<style>fill:#FFE6AA</style>
											<icon>svgHoleBlob1</icon>
											<preserveAspectRatio>deform</preserveAspectRatio>
										</SVGicon>
									</Components>
								</Container>
								<Container id="Container21">
									<left>18px</left>
									<top>18px</top>
									<width>64px</width>
									<height>16px</height>
									<style>font-size:14pt;background-repeat:no-repeat;background-size:cover;padding-left:30px;padding-right:30px</style>
									<css_class>neo-col-sm-12 neo-col-md-12 neo-col-lg-6</css_class>
									<html>&lt;h2 style=&quot;color:#df7326&quot;&gt;Organic Blobs&lt;/h2&gt;
&lt;p&gt;The previous column has a background image and a Holow Blob shape covering the whole surface. There are three different Blobs and another three Hollow Blows.&lt;/p&gt;
&lt;p&gt;Try resizing the Web browser :)&lt;/p&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container2">
							<left>8px</left>
							<top>8px</top>
							<width>960px</width>
							<height>30px</height>
							<style>background-color:#FFE6AA;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;min-height:80px</style>
							<css_class>neo-row</css_class>
							<Components>
								<SVGicon id="SVGicon3">
									<left>25px</left>
									<top>14px</top>
									<width>100%</width>
									<height>100%</height>
									<style>fill:#df7326;stroke-width:1px;transform:rotate(180deg)</style>
									<css_class>neo-middle-center</css_class>
									<icon>svgDivider3</icon>
									<preserveAspectRatio>deform</preserveAspectRatio>
								</SVGicon>
							</Components>
						</Container>
						<Container id="Container14">
							<left>56px</left>
							<top>888px</top>
							<width>312px</width>
							<height>72px</height>
							<style>background-color:#df7326</style>
							<css_class>neo-row</css_class>
							<Components>
								<Container id="Container15">
									<left>304px</left>
									<top>6px</top>
									<width>144px</width>
									<height>16px</height>
									<style>color:#FFFFFF;font-size:14pt;text-align:center</style>
									<css_class>neo-col-12</css_class>
									<html>&amp;copy; SinLios 2021 - visualneo.com</html>
								</Container>
							</Components>
						</Container>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>960px</width>
							<height>540px</height>
							<close_button>False</close_button>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
