or

| <body style="background-color:#666699"> |
| <center> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True"> |
| </telerik:RadScriptManager> |
| <asp:SiteMapDataSource ID="dsSM" runat="server" ShowStartingNode="false" SiteMapProvider="XmlSiteMapProvider" /> |
| <div style="height: 90px; width: 980px;"> |
| <div style="height: 90px; width: 730px; float: left; background-color: Black;"> |
| <img src="/Images/Banner728x90.jpg" alt="House1 Main Banner" /> |
| </div> |
| <div style="height: 90px; width: 250px; float: left; background: Orange;"> |
| </div> |
| </div> |
| <div style="height: 25px; width: 980px; background: DarkRed;"> |
| <telerik:RadMenu ID="rmMainAno" runat="server" Style="top: 0px; left: 0px; width: 980px" DataSourceID="dsSM"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </telerik:RadMenu> |
| </div> |
| <div style="height: 600px; width: 980px; background: White; text-align: left"> |
| <div style="height: 588px; width: 718px; float: left; overflow: auto; padding:6px 6px 6px 6px; "> |
| <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" /> |
| </div> |
| <div style="height: 600px; width: 250px; float: left; background-color: Maroon;"> |
| </div> |
| </div> |
| <div style="height: 30px; width: 980px; text-align: left; background-color: Silver; padding-top: 3px;"> |
| My Footer</div> |
| </form> |
| </center> |
| </body> |
| <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> |
| <style type="text/css"> |
| .itemTemplate |
| { |
| text-align: center; |
| padding: 6px; |
| border: solid 1px #dddddd !important; |
| } |
| </style> |
| </asp:Content> |
| <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="rrRot"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="imgPreview" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Transparency="30" BackColor="#E0E0E0"> |
| <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' alt="Loading..." style="border: 0;" /> |
| </telerik:RadAjaxLoadingPanel> |
| <asp:Image ID="imgPreview" runat="server" Width="600px" ImageUrl="~/Images/Gallery/ASau1.jpg" /> |
| <br /> |
| <telerik:RadRotator ID="rrRot" runat="server" PauseOnMouseOver="false" OnItemClick="rrRot_ItemClick" Width="670px" Height="100px"> |
| <ItemTemplate> |
| <div class="itemTemplate"> |
| <img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' alt='gallery image' width="120" /> |
| </div> |
| </ItemTemplate> |
| </telerik:RadRotator> |
| </asp:Content> |
| <telerik:RadAjaxManager ID="radAjaxManager" runat="server" ClientEvents-OnRequestStart="requestStart" |
| OnAjaxSettingCreating="radAjaxManager_AjaxSettingCreating"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadGrid1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="ajaxLoadingPanel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| <ClientEvents OnRequestStart="requestStart" /> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Height="75px" |
| Width="75px" HorizontalAlign="Left" BackgroundPosition="BottomLeft" Direction="LeftToRight"> |
| <div style="position: absolute; left: 500px; top: 200px"> |
| <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' |
| style="border: 0px;" /> |
| </div> |
| </telerik:RadAjaxLoadingPanel> |