Skip to content

Instantly share code, notes, and snippets.

@ravidaram

ravidaram/invitation

Created August 9, 2013 01:26
Show Gist options
  • Save ravidaram/6190424 to your computer and use it in GitHub Desktop.
Save ravidaram/6190424 to your computer and use it in GitHub Desktop.
Download ZIP
invitation
Raw
invitation
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="invstyle.css" rel="stylesheet" type="text/css" />
<title>Invite.com</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
$("#send_btn").click(function(){
$("#card_preview_block").text($("#rnamel").val()).show();
});
});
</script>
</head>
<body>
<div class="cont">
<!--left-->
<div class="body2-left">
<form action="/send/thank" method="post" name="cardsendfrm" id="cardsendfrm">
<h3 class="send-hdr">Sender Details</h3>
<div class="bd">
<ul class="std reciver">
<li><div class="sm disp-no"><span class="rec"></span><span class="rec"></span></div><input type="text" name="sname0" id="sname0" value="Sender's name" /></li>
</ul>
</div>
<!--block-->
<h3 class="send-hdr" id="editorblk">Message<span class="std">(Write as much as you want)</span></h3>
<div class="bd">
<div id="simple_editor" class="ctr disp-no sm">
<p></p>
<textarea rows="15" cols="60" id="message_simple" name="message_simple" class="bd" onkeypress="change_dispmsg();"></textarea>
</div>
</div>
<!--block-->
<h3 class="send-hdr">Receiver Details</h3>
<div class="bd">
<ul id="receiver_dtl" class="std reciver">
<li>Enter receiver's name</li>
<li>
<div class="sm disp-no"><span class="rec"></span><span class="rec"></span></div>
<input type="text" name="rname1" id="rname1" value="Receiver's name" />
</li>
</ul>
</div>
<!--block-->
<span class="clear"></span>
<p class="msg-green sm ctr visi-no" id="sendcard_msg"><span></span> </p>
<div class="send-blk gutter-top gutter-bottom">
<button type="button" class="but-send" id="send_btn">Preview</button>
</div>
</form>
</div>
<!--end left-->
<!--right-->
<div class="body2-right">
<!-- Preview -->
<div class="bd">
<h3>Preview</h3>
<div class="sm-preview" id="card_preview_block"></div>
</div>
<script type="text/javascript">
</script>
<span id="message">
</span>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment