<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="View.ascx.cs" Inherits="Christoc.Modules.SuperFormPromotion.View" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register TagPrefix="dnn" TagName="Label" Src="~/controls/LabelControl.ascx" %>
<div class="row" id="DivKeys" style="display: none; border: 2px solid green; vertical-align: middle; text-align: center; border-radius: 10px; width: 98%; padding-top: 5px; margin-left: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background-color: #FFEFD5;">
<div class="col-md-3" id="DivPromotionName">
<label class="visuallyhidden" for="txtdPromotionName"><strong>Promotion Name:</strong></label>
<input id="txtdPromotionName" type="text" class="form-control" style="vertical-align: middle; text-align: center;">
</div>
<div class="col-md-3" id="DivPromotionId">
<label class="visuallyhidden" for="txtdPromotionId"><strong>Promotion Id:</strong></label>
<input id="txtdPromotionId" type="text" class="form-control" style="vertical-align: middle; text-align: center;">
</div>
<div class="col-md-3" id="DivStartDate">
<label class="visuallyhidden" for="txtStartDate"><strong>Start Date:</strong></label>
<input id="txtStartDate" type="text" class="form-control" style="vertical-align: middle; text-align: center;">
</div>
<div class="col-md-3" id="DivEndDate">
<label class="visuallyhidden" for="txtEndDate"><strong>End Date:</strong></label>
<input id="txtEndDate" type="text" class="form-control" style="vertical-align: middle; text-align: center;">
</div>
</div>
<br>
<div class="img-responsive">
<div class="panel panel-primary" id="DivPromoImage" style="display: none; border: 2px solid Blue; border-radius: 10px; width: 98%; text-align: center; vertical-align: middle; margin-left: 0%; padding-bottom: 0px; background-color: aliceblue;">
<%--<img id="ImgPromoImage" src="/DesktopModules/SuperFormPromotion/Images/Sixlets_DisneyCruise.png" class="img-responsive" alt="Updating ..." />--%>
<%--<img id="ImgromoImage" src="https://gobowling.com/Portals/0/images/FloridaLogo800x180.png" class="img-responsive" alt="GoBowling.com" style="margin: auto" />--%>
<img id="ImgPromoImage" src="" class="img-responsive" alt="GoBowling.com" style="margin: auto" />
<div id="PromoBody"></div>
</div>