<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Template.master.cs" Inherits="QuintoCaminoV2.Template" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <link href="Css/site.css" rel="stylesheet"/>

<%--<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" />--%>
<%--  <link href="<%= Page.ResolveClientUrl("~/Admin/font-awesome/css/font-awesome.min.css") %>" rel="stylesheet" type="text/css"/>
    <link href="<%= Page.ResolveClientUrl("~/Admin/font-awesome/css/font-awesome.css") %>" rel="stylesheet" type="text/css"/>--%>
    <link href="Admin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>


    <script src="<%= Page.ResolveClientUrl("~/Admin/js/moment.js") %>"></script>
     <script src="<%= Page.ResolveClientUrl("~/Admin/js/bootstrap-datepicker.js") %>"></script>
    <script src="<%= Page.ResolveClientUrl("~/Admin/js/bootstrap-datetimepicker.js")%>"></script>
    <!-- jQuery -->
    <%--<script src="<%= Page.ResolveClientUrl("~js/jquery.js"></script>--%>
    <script src="<%= Page.ResolveClientUrl("~/Admin/js/jquery-1.11.1.min.js")%>"></script>

    <!-- Bootstrap Core JavaScript -->
<%--    <script src="Admin/js/bootstrap.min.js"></script>--%>

    <!-- Morris Charts JavaScript -->
    <%--<script src="<%= Page.ResolveClientUrl("~/Admin/js/plugins/morris/raphael.min.js")%>"></script>--%>
<%--    <script src="js/plugins/morris/morris.min.js"></script>
    <script src="js/plugins/morris/morris-data.js"></script>--%
  <%--  <script src="<%= Page.ResolveClientUrl("~/Admin/js/bootstrap.fd.js")%>" type="text/javascript"></script>
   
    <script src="<%= Page.ResolveClientUrl("~/Admin/js/bootstrap-datepicker.js")%>"></script>
    <script src="<%= Page.ResolveClientUrl("~/Admin/js/bootstrap-datetimepicker.min.js")%>"></script>--%>
<!--<script src="js/bootstrap-modal.js"></script>-->

<link href="css/bootstrap.min.css" rel="stylesheet"/>
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <style>
        .container {
                      margin: 0 auto;
                      max-width: 960px;
                    }
        .containerfooter {
                      margin: 0 auto;
                      max-width: 980px;

                      height:160px;
                    }
        
        .row.vdivide [class*='col-']:not(:last-child):after {
                      background: #e0e0e0;
                      width: 1px;
                      content: "";
                      display:block;
                      position: absolute;
                      top:0;
                      bottom: 0;
                      right: 0;
                      min-height: 70px;
                    }
               
    </style>
   
        <script type="text/javascript">
            $(document).ready(function () {
                $('#rootwizard').bootstrapWizard({ 'tabClass': 'nav nav-tabs' });
            });
        </script>    
</head>
<body>
    <form id="form1" class="form-horizontal" runat="server">
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        
              <Scripts>
            <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=272931&clcid=0x409 --%>
            <%--Framework Scripts--%>
            
            
            <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
            <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
            <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
            <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
            <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
            <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
            <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
            <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
            
            <%--Site Scripts--%>

        </Scripts>
       </asp:ToolkitScriptManager>

     <div class="container">
      <div>
            <asp:Image ID="Image3" runat="server" BorderWidth="0" />
        </div>
      <div>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Logo3.png" BorderWidth="0" />
        </div>
      <div>
            <asp:Image ID="Image2" runat="server" BorderWidth="0" />
        </div>
      <div class="navbar navbar-default">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Menu</a>
          </div>
          <div class="navbar-collapse collapse navbar-inverse-collapse">
           
             <ul class="nav navbar-nav">
               <li class="active"><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/default.aspx">Inicio</asp:HyperLink></li>
               <li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Contact.aspx">Contacto</asp:HyperLink></li>
               <li><a href="http://www.quintocamino.org/blog/">Blog</a></li>
               <%--<li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/blog/">Blog</asp:HyperLink></li>--%>
                 
               <li><asp:LinkButton ID="lnkbtnMiscursos" runat="server" CausesValidation="false" PostBackUrl="~/Users/User.aspx">Mis cursos</asp:LinkButton></li>
                 <%--<li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                 <ul class="dropdown-menu">
                   <li><a href="#">Action</a></li>
                   <li><a href="#">Another action</a></li>
                   <li><a href="#">Something else here</a></li>
                   <li class="divider"></li>
                   <li class="dropdown-header">Dropdown header</li>
                   <li><a href="#">Separated link</a></li>
                   <li><a href="#">One more separated link</a></li>
                 </ul>
               </li>--%>
             </ul>
           
             <ul class="nav navbar-nav navbar-right">
                 
                  
               <li><asp:HyperLink ID="hp_session" runat="server" NavigateUrl="~/Account/Login.aspx">Iniciar sesión</asp:HyperLink></li>
               <li><asp:HyperLink ID="hp_registrarse" runat="server" NavigateUrl="~/Account/Register.aspx">Registrarse</asp:HyperLink></li>

               <li><asp:HyperLink ID="hp_administrar" runat="server" NavigateUrl="~/Admin/Admin.aspx">Administrar</asp:HyperLink></li>
               <li><asp:HyperLink ID="hp_Perfil" runat="server" NavigateUrl="#">Mi perfil</asp:HyperLink></li>
                

               <li><asp:LinkButton ID="lnkCerrarSesion" OnClick="lnkCerrarSesion_Click" runat="server" CausesValidation="false">Cerrar sesion</asp:LinkButton></li>

               <%--<li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                 <ul class="dropdown-menu">
                   <li><a href="#">Action</a></li>
                   <li><a href="#">Another action</a></li>
                   <li><a href="#">Something else here</a></li>
                   <li class="divider"></li>
                   <li><a href="#">Separated link</a></li>
                 </ul>
               </li>--%>
             </ul>
               
          </div>
        </div>
        

        <div>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
            </asp:ContentPlaceHolder>
        </div>   

    </div>    
    


   
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Inscribirme al canal</h4>
      </div>
      <div class="modal-body">
         <div class="form col-md-12 center-block">
                <div class="form-group">
                  <input type="text" class="form-control input-lg" placeholder="Email"/>
                </div>
                <div class="form-group">
                  <input type="password" class="form-control input-lg" placeholder="usuario Youtube"/>
                </div>
                <div class="form-group">
                  <!--<button class="btn btn-primary btn-lg btn-block">Sign In</button>-->
                  <asp:LinkButton ID="LinkButton1" CssClass="btn btn-primary btn-lg btn-block" OnClick="LinkButton1_Click"  runat="server">Enviar solicitud</asp:LinkButton>
                  
                </div>
          </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-default " data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
 </div>


<div id="footer">
    <div class="alert alert-dismissible alert-info">
        <div class="containerfooter">  
            <%-- <div class="col-sm-4 col-xs-6" style="width:290px">              
                <div class="caja-redes">
                   <p><a href="#" ><i class="icon-linkedin"></i><span>   Linkedin</span></a></p>
                   <p><a href="#" ><i class="icon-twitter"></i><span>   Twitter</span></a></p>
                   <p><a href="#" ><i class="icon-facebook"></i><span>   Facebook</span></a></p>
                   <p><a href="#"><i class="icon-google-plus"></i><span>   google+</span></a></p>
                </div> 
              </div>--%>
             <div class="col-sm-4 col-xs-6" style="width:610px">
                 <blockquote>
                   <p>Derechos reservados Quinto camino 2015.</p>
                  <small>Visita nuestras: <a href="#" class="alert-link"> politicas de provacidad </a>.</small>
                </blockquote>
             </div>
        </div>  
    </div>
</div>

    </form>

<%--<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>--%>
<script src="<%= Page.ResolveClientUrl("~/js/bootstrap.min.js")%>"></script>
<script src="<%= Page.ResolveClientUrl("~/js/bootstrap.js")%>"></script>
 <%--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>--%>

<script>
    $('#btnAbre').click(function (e) {
        e.preventDefault();
        openModal();
        

    });

    function openModal() {
        $('#myModal').modal("show")
    }

    function AbreModal() {
        
       // e.preventDefault();
        openModal();
    }
    //$('#btnAgregaClase').click(function (e) {
    //    e.preventDefault();
    //    openModalClase();
    //});


   </script>
  
</body>
</html>
