Web Development

<form class="modal-content animate" action="inori.php">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
      <h1>Member Login</h1>
    </div>

    <div class="container">
      <label>Username</label>
      <input type="text" placeholder="Enter Username" name="uname" required>

      <label>Password</label>
      <input type="password" placeholder="Enter Password" name="psw" required>
        
      <button type="submit">Login</button>
      
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <input type="checkbox" checked="checked"> Remember me
      Forgot <a href="#">password?</a>
    </div>

    <div class="container" style="background-color:#f1f1f1">
      
      
    </div>
  </form>

<p> </p>
<p>&CUR_DATE.EVAL</p>
<p>To the &PAR_NAME.EVAL of &STU_FNAME.EVAL &STU_LNAME.EVAL<br />
<span id="ADDR_BEG"></span>&PAR_ADDR.EVAL<br /><span id="ADDR_NEXT"></span>&PAR_CITY.EVAL, &PAR_STATE.EVAL &PAR_ZIP.EVAL<br /><span id="ADDR_END"></span>
<br />
Dear &PAR_NAME.EVAL and &STU_FNAME.EVAL &STU_LNAME.EVAL:<br />
<br />
This letter is to inform you that &STU_FNAME.EVAL has the equivalent of 5 or more unexcused absences this school year.  <span style="font-size: 10pt; font-family: arial,sans-serif; color: black;"><span style="font-size: 14px; font-family: arial;">We believe student attendance in school is a key component to school success, so it is very important for all children to develop habits of good attendance. Poor attendance contributes to failing grades, decreased learning opportunities, lower academic achievement and may limit your child's opportunities to be involved with school activities.</span><br />
<br />
</span><br />

Quote:

searchApiOptions = {
store: "7xhosting",
containerId: "divID",
submitURL: "",
selectedTld: "com",
popupBox: true,
floatingBox: false
};

Dropzone.autoDiscover = false;
        var myDropzone = new Dropzone("#myDropzone", {
        url: "delete.php",
        maxFileSize: 50,
        acceptedFiles: ".pdf",
        addRemoveLinks: true,

using (var rasService = iStore.EnterpriseSession.GetService("RASReportFactory"))
            {
                var rtpAppFactory = (ReportAppFactory)rasService.Interface; //note: COM
                try
                {
                    ReportClientDoc = rtpAppFactory.OpenDocument(reportID, Convert.ToInt32(CdReportClientDocumentOpenOptionsEnum.cdReportClientDocumentRefreshRepositoryObjects));
                }
                catch (Exception ex)
                {
                    errorMessage = "ERROR: " + ex.Message.ToString();
                }
            }

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}

@media screen and (min-width: 800px)
{
  #boxes.window{max-width: 500px; }
  #dialog{max-width: 700px;}
}

$(document).ready(function() {	

 //if the cookie hasLaunch is not set, then show the modal window
    if (!readCookie('hasLaunch')) {
        //launch it
        launchWindow('#dialog');        
        //then set the cookie, so next time the modal won't be displaying again.
        createCookie('hasLaunch', 1, 1);
    }

	
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();

$('#mask').hide();
$('.window').hide();
});

});

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function launchWindow(id) {

        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Set heigth and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});

        //transition effect     
        $('#mask').fadeIn(500);    
        $('#mask').fadeTo("slow",0.9);  

        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();

        //Set the popup window to center
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);

        //transition effect
        $(id).fadeIn(2000); 

}

  <div id="boxes">
  <div id="dialog" class="window">
    Welcome to GospelBox!!!
    <div id="popupfoot"> <a href="/content/about.html">  Okay </a> | <a  class="close" style="color:red;" href="#" >Skip this step </a> </div>
  </div>
  <div id="mask"></div>
</div>