<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Root.master" CodeBehind="pasos.aspx.vb" Inherits="Dotacion.pasos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Content" runat="server">
    <h2>¿Cómo participar en un concurso?</h2>
    <br />
    <div style="width:100%;background:url('Content/Images/PasosLateral.png') no-repeat;">
        
    <div style="width:690px;margin:0 auto;" id="DivPasos">
    <dx:ASPxCardView ID="ASPxCardView1" runat="server" AutoGenerateColumns="False" DataSourceID="XmlDataSource1" EnableCardsCache="False" width="100%">
        <SettingsPager Mode="ShowAllRecords" Visible="False">
        </SettingsPager>
        <Settings LayoutMode="Flow" />
        <SettingsDataSecurity AllowDelete="False" AllowEdit="False" AllowInsert="False" />
        <Templates>
            <Card>
                <div style="height:170px;width:145px;padding-top:5px;text-align: center;">
                <br />
                <dx:ASPxImage ID="imagen" runat="server" ShowLoadingImage="true" ImageUrl='<%# "~/Content/Images/" & Eval("ID") & ".png"%>' Width="145px" Height="70px"></dx:ASPxImage>
                <span style="font-size: 1rem;font-weight: 200;line-height: 10px;"><%# Eval("Titulo")%></span>
                <div class="info">
                    <p><%# Eval("Titulo")%></p>
                    <div class="address">
                        <span><%# Eval("Descripcion")%></span>
                    </div>
                </div>
                </div>
            </Card>
        </Templates>
        <Columns>
            <dx:CardViewTextColumn FieldName="ID" VisibleIndex="0">
            </dx:CardViewTextColumn>
            <dx:CardViewTextColumn FieldName="Name" VisibleIndex="1">
            </dx:CardViewTextColumn>
            <dx:CardViewTextColumn FieldName="Descripcion" VisibleIndex="2">
            </dx:CardViewTextColumn>
        </Columns>
        <Styles>
            <FlowCard CssClass="cardPasos" />
        </Styles>
    </dx:ASPxCardView>
        </div>
        </div>
    <div style="text-align:center">
<%--    <dx:ASPxObjectContainer ID="ObjectContainer" runat="server" ObjectUrl="~/Content/Tutorial EmpleosPublicos Ciudadano.mp4"
    Width="320px" Height="240px" ObjectType="Html5Video" AlternateText="Tutorial" EnableViewState="False">
                    <ObjectProperties PosterUrl="~/Content/Images/video1.png" AutoPlay="True" />
</dx:ASPxObjectContainer>--%>
        <br />
        <iframe width="320" height="240" src="https://www.youtube.com/embed/lbAnizGrYvM" frameborder="0" allowfullscreen></iframe>
         </div>       
            &nbsp;<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/XMLpasos.xml" TransformFile="~/XSLTPasos.xslt"></asp:XmlDataSource>
</asp:Content>
