<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Responsive Wide</AppTitle>
	<AppShortName>ResponsiveW</AppShortName>
	<Author>SinLios</Author>
	<Version>1.0</Version>
	<Description>Responsive Wide Template</Description>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>1280</PageWidth>
	<PageHeight>768</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<ResponsiveSize>True</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\sinli\OneDrive\Documentos\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<CustomCSS>h3{
   margin-top:0px;
}
</CustomCSS>
	<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>
	<startup>NeoScriptToJS</startup>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="mysub">
					<Code>jsAlert &quot;Hi! This is a subroutine&quot;</Code>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="Home">
					<Components>
						<Container id="ContainerMainMenu">
							<left>88px</left>
							<top>32px</top>
							<height>128px</height>
							<style>background-color:#fafafa;border-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container3">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<style>border-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;overflow-x:visible;overflow-y:visible</style>
									<css_class>col-md-12</css_class>
									<html>&lt;div id=&quot;main-menu&quot; class=&quot;navbar navbar-default&quot; style=&quot;padding:0px;margin:0px&quot; role=&quot;navigation&quot;&gt;
    &lt;div class=&quot;container-fluid&quot; &gt;
        &lt;div class=&quot;navbar-header&quot;&gt;
            &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;Project name&lt;/a&gt;
            &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-menubuilder&quot;&gt;&lt;span class=&quot;sr-only&quot;&gt;Intercambiar navegación&lt;/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
            &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class=&quot;collapse navbar-collapse navbar-menubuilder&quot;&gt;
            &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
                 &lt;li&gt;&lt;a href=&quot;javascript:neosubroutine.mysub()&quot;&gt;Subroutine&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Option1&lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                    &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot;&gt;
                        &lt;li&gt;&lt;a href=&quot;./index.html#!/submenu1&quot;&gt;Submenu 1&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href=&quot;./index.html#!/submenu2&quot;&gt;Submenu 2&lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt;
                &lt;li class=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Option2&lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                    &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot;&gt;
                        &lt;li&gt;&lt;a href=&quot;./index.html#!/submenu1&quot;&gt;Submenu 1&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href=&quot;./index.html#!/submenu2&quot;&gt;Submenu 2&lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;./index.html#!/option3&quot;&gt;Option3&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;./index.html#!/option4&quot;&gt;Option4&lt;/a&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
/*Main menu style*/

.navbar-default{
   background:#fafafa;
   border:0px solid #fff;
   box-shadow: none;
}
.navbar-default a:hover{
   background:#3174ae!important;
   color:#fff!important;
}
@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
  #ContainerMainMenu{
    z-index:100;
    position:fixed!important;
    max-width:1280px;
  }
}
&lt;/style&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="ContainerCarousel">
							<left>0px</left>
							<top>50px</top>
							<width>1024px</width>
							<height>379px</height>
							<style>padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px</style>
							<css_class>row hidden-xs hidden-sm</css_class>
							<Components>
								<Container id="Container8">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<style>border-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;overflow-x:visible;overflow-y:visible</style>
									<css_class>col-xs-12</css_class>
									<html>&lt;div id=&quot;myCarousel&quot; style=&quot;margin-top:0px&quot; class=&quot;carousel slide&quot; data-ride=&quot;carousel&quot;&gt;
  &lt;!-- Indicators --&gt;
  &lt;ol class=&quot;carousel-indicators&quot;&gt;
    &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;0&quot; class=&quot;active&quot;&gt;&lt;/li&gt;
    &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;1&quot;&gt;&lt;/li&gt;
    &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;2&quot;&gt;&lt;/li&gt;
  &lt;/ol&gt;

  &lt;!-- Wrapper for slides --&gt;
  &lt;div class=&quot;carousel-inner&quot;&gt;
    &lt;div class=&quot;item active&quot;&gt;
      &lt;img src=&quot;https://via.placeholder.com/1920x450.png/09f/fff?text=&amp;nbsp;&quot; alt=&quot;Image description&quot;&gt;
      &lt;div class=&quot;carousel-caption&quot;&gt;
        &lt;h2&gt;First Slide&lt;/h2&gt;
        &lt;p&gt;It&apos;s blue!&lt;br&gt;&lt;br&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;item&quot;&gt;
      &lt;img src=&quot;https://via.placeholder.com/1920x450.png/ff6701/fff?text=&amp;nbsp;&quot; alt=&quot;Image description&quot;&gt;
      &lt;div class=&quot;carousel-caption&quot;&gt;
        &lt;h2&gt;Second Slide&lt;/h2&gt;
        &lt;p&gt;Hidden on mobile devices&lt;br&gt;&lt;br&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;item&quot;&gt;
      &lt;img src=&quot;https://via.placeholder.com/1920x450.png/2cc808/fff?text=&amp;nbsp;&quot; alt=&quot;Image description&quot;&gt;
      &lt;div class=&quot;carousel-caption&quot;&gt;
        &lt;h2&gt;Third Slide&lt;/h2&gt;
        &lt;p&gt;A green one!&lt;br&gt;&lt;br&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

&lt;!-- Left and right controls --&gt;
  &lt;a class=&quot;left carousel-control&quot; href=&quot;#myCarousel&quot; data-slide=&quot;prev&quot; target=&quot;_self&quot;&gt;
    &lt;span class=&quot;glyphicon glyphicon-chevron-left&quot;&gt;&lt;/span&gt;
    &lt;span class=&quot;sr-only&quot;&gt;Anterior&lt;/span&gt;
  &lt;/a&gt;
  &lt;a class=&quot;right carousel-control&quot; href=&quot;#myCarousel&quot; data-slide=&quot;next&quot; target=&quot;_self&quot;&gt;
    &lt;span class=&quot;glyphicon glyphicon-chevron-right&quot;&gt;&lt;/span&gt;
    &lt;span class=&quot;sr-only&quot;&gt;Siguiente&lt;/span&gt;
  &lt;/a&gt;
&lt;/div&gt;
&lt;style&gt;
@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
  #ContainerCarousel{
    padding-top:40px;
  }
}
&lt;/style&gt;</html>
								</Container>
								<Timer id="TimerCarousel">
									<left>24px</left>
									<top>30px</top>
									<width>34px</width>
									<height>34px</height>
									<interval>1000</interval>
									<auto_start>True</auto_start>
									<auto_stop>True</auto_stop>
									<expired>BeginJS
$(&apos;#myCarousel&apos;).carousel({
  interval: 3000,
  cycle: true
});
EndJS
TimerStop &quot;TimerCarousel&quot;</expired>
								</Timer>
							</Components>
						</Container>
						<Container id="ContainerHeadline1">
							<left>8px</left>
							<top>8px</top>
							<height>128px</height>
							<style>text-align:center;background-color:#fafafa;border-width:1px;padding-bottom:20px;padding-left:0px;padding-right:0px;padding-top:20px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container14">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<css_class>col-md-12</css_class>
									<html>&lt;h1&gt;This is a Headline&lt;/h1&gt;
&lt;style&gt;
@media screen and (max-width: 992px) {
  #ContainerHeadline1{
    padding-top:70px!important;
  }
}
&lt;/style&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container12">
							<left>8px</left>
							<top>298px</top>
							<height>128px</height>
							<style>background-color:#E0E0E0;border-width:1px;padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:20px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container16">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<css_class>col-sm-6</css_class>
									<html>&lt;h3&gt;Column 1&lt;/h3&gt;
Lorem ipsum dolor sit amet consectetur adipiscing elit ullamcorper, congue tempus metus nec cum dictum varius fusce massa, morbi lacinia bibendum mattis dapibus neque volutpat. Viverra orci nascetur quisque molestie curabitur rhoncus vestibulum dictumst, aliquam ullamcorper augue sapien urna inceptos sollicitudin nulla, senectus proin tellus rutrum class velit libero.&lt;br&gt;
&lt;br&gt;</html>
									<Components>
										<Container id="Container6">
											<left>216px</left>
											<top>72px</top>
											<height>64px</height>
											<style>border-width:1px</style>
											<css_class>col-xs-6</css_class>
											<Components>
												<PushButton id="PushButton1">
													<left>256px</left>
													<top>64px</top>
													<height>32px</height>
													<css_class>col-xs-12</css_class>
													<caption>Click me!</caption>
													<click>AlertBox &quot;Great!&quot; &quot;Thank you :)&quot; &quot;&quot;</click>
												</PushButton>
											</Components>
										</Container>
										<Container id="Container11">
											<left>264px</left>
											<top>174px</top>
											<height>64px</height>
											<css_class>col-xs-6</css_class>
											<Components>
												<PushButton id="PushButton2">
													<left>256px</left>
													<top>64px</top>
													<height>32px</height>
													<css_class>col-xs-12</css_class>
													<caption>Click me!</caption>
													<click>AlertBox &quot;Great!&quot; &quot;Thank you :)&quot; &quot;&quot;</click>
												</PushButton>
											</Components>
										</Container>
									</Components>
								</Container>
								<Image id="Image1">
									<left>752px</left>
									<top>12px</top>
									<height>128px</height>
									<css_class>col-sm-6 col-xs-12</css_class>
									<source>https://via.placeholder.com/400x250.png/09f/fff</source>
								</Image>
							</Components>
						</Container>
						<Container id="Container18">
							<left>8px</left>
							<top>298px</top>
							<height>128px</height>
							<style>text-align:center;background-color:#fafafa;border-width:1px;padding-bottom:20px;padding-left:0px;padding-right:0px;padding-top:20px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container20">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<css_class>col-md-12</css_class>
									<html>&lt;h1&gt;This is another headline&lt;/h1&gt;</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container22">
							<left>8px</left>
							<top>428px</top>
							<height>128px</height>
							<style>background-color:#FFFFFF;border-width:1px;padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:20px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container24">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<css_class>col-sm-4</css_class>
									<html>&lt;h3&gt;Column 1&lt;/h3&gt;
Lorem ipsum dolor sit amet consectetur adipiscing elit ullamcorper, congue tempus metus nec cum dictum varius fusce massa, morbi lacinia bibendum mattis dapibus neque volutpat.</html>
								</Container>
								<Container id="Container26">
									<left>179px</left>
									<top>28px</top>
									<height>16px</height>
									<css_class>col-sm-4</css_class>
									<html>&lt;h3&gt;Column 2&lt;/h3&gt;
Lorem ipsum dolor sit amet consectetur adipiscing elit ullamcorper, congue tempus metus nec cum dictum varius fusce massa, morbi lacinia bibendum mattis dapibus neque volutpat.</html>
								</Container>
								<Container id="Container27">
									<left>683px</left>
									<top>20px</top>
									<height>136px</height>
									<css_class>col-sm-4</css_class>
									<html>&lt;h3&gt;Column 3&lt;/h3&gt;
Lorem ipsum dolor sit amet consectetur adipiscing elit ullamcorper, congue tempus metus nec cum dictum varius fusce massa, morbi lacinia bibendum mattis dapibus neque volutpat.</html>
								</Container>
							</Components>
						</Container>
						<Container id="Container13">
							<left>8px</left>
							<top>428px</top>
							<height>128px</height>
							<style>background-color:#E0E0E0;border-width:1px;padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:20px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Image id="Image2">
									<left>752px</left>
									<top>12px</top>
									<height>128px</height>
									<css_class>col-sm-6 col-xs-12</css_class>
									<source>https://via.placeholder.com/400x250.png/ff6701/fff</source>
								</Image>
								<Container id="Container15">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<css_class>col-sm-6</css_class>
									<html>&lt;h3&gt;Column 1&lt;/h3&gt;
Lorem ipsum dolor sit amet consectetur adipiscing elit ullamcorper, congue tempus metus nec cum dictum varius fusce massa, morbi lacinia bibendum mattis dapibus neque volutpat. Viverra orci nascetur quisque molestie curabitur rhoncus vestibulum dictumst, aliquam ullamcorper augue sapien urna inceptos sollicitudin nulla, senectus proin tellus rutrum class velit libero.&lt;br&gt;
&lt;br&gt;</html>
									<Components>
										<Container id="Container17">
											<left>216px</left>
											<top>72px</top>
											<height>64px</height>
											<style>border-width:1px</style>
											<css_class>col-xs-6</css_class>
											<Components>
												<PushButton id="PushButton3">
													<left>256px</left>
													<top>64px</top>
													<height>32px</height>
													<css_class>col-xs-12</css_class>
													<caption>Click me!</caption>
													<click>AlertBox &quot;Great!&quot; &quot;Thank you :)&quot; &quot;&quot;</click>
												</PushButton>
											</Components>
										</Container>
										<Container id="Container19">
											<left>264px</left>
											<top>174px</top>
											<height>64px</height>
											<css_class>col-xs-6</css_class>
											<Components>
												<PushButton id="PushButton4">
													<left>256px</left>
													<top>64px</top>
													<height>32px</height>
													<css_class>col-xs-12</css_class>
													<caption>Click me!</caption>
													<click>AlertBox &quot;Great!&quot; &quot;Thank you :)&quot; &quot;&quot;</click>
												</PushButton>
											</Components>
										</Container>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container2">
							<left>8px</left>
							<top>795px</top>
							<height>128px</height>
							<style>background-color:#fafafa;border-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;overflow-x:visible;overflow-y:visible</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container4">
									<left>18px</left>
									<top>18px</top>
									<height>16px</height>
									<style>padding-left:10px;padding-right:10px</style>
									<css_class>col-md-12</css_class>
									<html>&lt;p&gt;This is the footer&lt;/h1&gt;</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>1024px</width>
							<height>768px</height>
							<close_button>False</close_button>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
