<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>800</PageWidth>
	<PageHeight>400</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\sinli\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<CustomCSS>.center-content {
  display: flex;
  text-align:center;
  align-items: center;
  justify-content: center;
}
.mystyle{
  background-color:#FF781C!important;
  border-radius:50px;
  transform:rotateY(45deg)!important;
}
.mystyle2{
  clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%)!important;
}</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<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">
					<style>background-color:#E0E0E0;perspective:400px;perspective-origin:center</style>
					<Components>
						<Container id="Container1">
							<left>20px</left>
							<top>20px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#FF781C;border-style:solid;border-width:1px;clip-path:polygon(50% 0%, 100% 0, 100% 100%, 0 99%, 0 0);transition:all 1s ease 0s</style>
							<hover>clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)</hover>
							<css_class>center-content</css_class>
							<html>Mouse over me</html>
						</Container>
						<Container id="Container2">
							<left>280px</left>
							<top>130px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#be2c7b;border-style:solid;border-width:1px;cursor:pointer;transform:rotateY(-45deg);transition:all 1s ease 0s</style>
							<css_class>center-content</css_class>
							<html>Click me</html>
							<click>ToggleClass &quot;Container2&quot; &quot;mystyle&quot;</click>
						</Container>
						<Container id="Container3">
							<left>540px</left>
							<top>20px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#FF781C;border-style:solid;border-width:1px;clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);transition:all 1s ease-out 0s</style>
							<hover>background-color:#be2c7b;clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)</hover>
							<css_class>center-content</css_class>
							<html>Mouse over me</html>
						</Container>
						<Container id="Container4">
							<left>540px</left>
							<top>210px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#be2c7b;border-style:solid;border-width:1px;clip-path:polygon(51% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);cursor:pointer;transition:all 1s ease 0s</style>
							<hover>clip-path:polygon(50% 43%, 61% 35%, 58% 48%, 68% 57%, 56% 59%, 50% 70%, 45% 58%, 32% 57%, 41% 48%, 39% 35%)</hover>
							<css_class>center-content</css_class>
							<html>Mouse over me</html>
						</Container>
						<Container id="Container5">
							<left>20px</left>
							<top>210px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#be2c7b;border-style:solid;border-width:1px;clip-path:polygon(0 0, 50% 0, 50% 100%, 0% 100%);cursor:pointer;transition:all 1s ease-out 0s</style>
							<css_class>center-content</css_class>
							<html>Click me</html>
							<click>ToggleClass &quot;Container5&quot; &quot;mystyle2&quot;</click>
						</Container>
						<Container id="Container6">
							<left>280px</left>
							<top>210px</top>
							<width>240px</width>
							<height>170px</height>
							<style>color:#FFFFFF;font-size:16pt;background-color:#FF781C;border-style:solid;border-width:1px;cursor:pointer</style>
							<css_class>center-content</css_class>
							<html>Click me</html>
							<click>ClipObjectPolygon &quot;Container6&quot; &quot;Polygon1&quot;</click>
						</Container>
						<Polygon id="Polygon1">
							<left>-260px</left>
							<top>90px</top>
							<width>241px</width>
							<height>171px</height>
							<style>stroke:black;stroke-width:1px;fill:white</style>
							<Points>30,50,90,0,140,50,170,0,240,30,180,70,240,90,210,140,140,120,70,170,60,90,10,150,0,90,10,10</Points>
						</Polygon>
					</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>1024px</width>
							<height>600px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
