Dear sir,i have html design and using this only i want to send the mail.i have written code in asp.net.......now my reuirement is to send mail using my code from my html page...i am attetching my code
MY HTML CODE
.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bollywood writters</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<link href="css/news_triker.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="services-plugin/css/settings.css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="scripts/news.js"></script>
<script type='text/javascript' src='scripts/jquery.simplemodal.js'></script>
<script type='text/javascript' src='scripts/basic.js'></script>
</head>
<script type="text/javascript">
// Tabs
jQuery(document).ready(function(){
jQuery(".tabs li a").click(function(){
tabNum = jQuery(this).attr("rel");
//
jQuery(".tabs li").removeClass("active");
jQuery(this).parent().addClass("active");
//
jQuery(".tabContent>li").removeClass("active");
jQuery(".tabContent").find("#"+tabNum).addClass("active");
return false
})
})
</script>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
<script type="text/javascript">
// javascript will go here
jQuery(function()
{
var ticker = function()
{
setTimeout(function(){
jQuery('#ticker li:first').animate( {marginTop: '-120px'}, 800, function()
{
jQuery(this).detach().appendTo('ul#ticker').removeAttr('style');
});
ticker();
}, 4000);
};
ticker();
});
</script>
<!--
<script type="text/javascript">
$(function () {
$('#js-news').ticker({
htmlFeed: false,
ajaxFeed: true,
feedUrl: 'PUT THE URL OF THE RSS FEED HERE - e.g. http://example.com/rss.xml',
feedType: 'xml'
});
});
</script>
-->
<body>
<div id="wrapper_container">
<div id="wrapper">
<div id="header">
<div id="left_header">
<a href="#"><img src="images/logo.png" width="196" height="76" border="0" alt="Bollywood_writers" /></a>
</div>
<!--left_header_end-->
<div id="right_header">
<div id="top_menu">
<div class="register" id="basic-modal">
<h3><a href="#" class="basic">Register Now</a> </h3>
<span><img src="images/register_now_icon].png" width="19" height="18" alt="register" /></span>
</div>
<div class="login" id="basic-modal" >
<a href="#"><h4 class="basic">Member Login</h4></a>
<img src="images/down_arrow.png" width="18" height="12" alt="" />
</div>
<div id="basic-modal-content">
This is dummy text
</div>
<!--basic model contenet end-->
</div>
<!--top_menu end-->
<div class="clr"></div>
<div id="nav">
<div class="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Writters</a></li>
<li><a href="#">Testimonial</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!--menu end-->
</div>
<!--nav end-->
</div>
<!--right_header_end-->
</div>
<!--header end-->
<div class="clr"></div>
<div id="banner">
<div id="short_news">
<ul id="js-news" class="js-hidden">
<li class="news-item"><a href="#">Bollywood Writers group is a confluence of India's leading scriptwriters. </a></li>
<li class="news-item"><a href="#">Add News RSS Feed Contact Me · Ajax Blogger CSS ... How to implement a news ticker </a></li>
<li class="news-item"><a href="#">Bollywood Writers group is a confluence of India's leading scriptwriters.</a></li>
<li class="news-item"><a href="#">Bollywood Writers group is a confluence of India's leading scriptwriters. </a></li>
</ul>
</div>
<!--short_news end-->
<div id="tab_containt">
<div class="tabMenu">
<ul class="tabs">
<li class="active"><a href="#" rel="tab1">Submit Your Story</a></li>
<li><a href="#" rel="tab2">Search Story</a></li>
</ul>
<div class="clr"></div>
<ul class="tabContent">
<li id="tab1" class="active">
<div class="form_query">
<h4>Fill the form below & become a member.</h4>
<form method="POST" action="http://localhost:2442/bollywood/mail.aspx">
<div>
<label for="cname">Name</label>
<input type="text" id="cname" name="name" size="25" class="required" minlength="2" />
</div>
<div>
<label for="cemail">E-Mail</label>
<input type="text" id="cemail" name="email" size="25" class="required email" />
</div>
<div>
<label>Story Title</label>
<input type="text" id="ctitle" name="story" size="25" class="required Storytitle" />
</div>
<div>
<label>Browse</label>
<input type="file" src="images/upload.png" width="97" height="28" />
</div>
<div>
<input type="submit" src="images/submit.png" width="106" height="37" value="Submit" class="submit" />
</div>
</form>
</div>
</li>
<li id="tab2">
<div class="browseProject">This is dummy text</div>
<div style="height:20px;"></div>
</li>
</ul>
</div>
<!--tabmenu end-->
</div>
<!--tab_containt end-->
</div>
<!--banner end-->
<div class="clr"></div>
<div class="example-wrapper">
<div id="services-example-1" class="theme1">
<ul>
<li>
<img class="thumb" src="images/img_1.png" data-bw="images/services/service1_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Slide With Large Image</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<img class="big-image" width="498" height="280" src="images/services/large1.jpg">
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 2 - ############### -->
<li>
<img class="thumb" src="images/img_2.png" data-bw="images/services/service2_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Youtube Video</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<iframe class="video_clip" src="http://www.youtube.com/embed/kjX-8kQmakk?hd=1&wmode=opaque&autohide=1&showinfo=0" height="280" width="498" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 3 - ############### -->
<li>
<img class="thumb" src="images/img_3.png" data-bw="images/services/service3_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Vimeo Video</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<iframe class="video_clip" src="http://player.vimeo.com/video/24456787?title=0&byline=0&portrait=0" width="498" height="280" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 4 - ############### -->
<li>
<img class="thumb" src="images/img_4.png" data-bw="images/services/service4_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Design Your Layout</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<img class="big-image" width="498" height="280" src="images/services/large2.jpg">
<div class="details_double">
<h2>Just An Image & Text</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 5 - ############### -->
<li>
<img class="thumb" src="images/img_5.png" data-bw="images/services/service5_bw.jpg">
<div style="margin-top:16px"></div>
<h2>No Image Just Text</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<div class="details">
<h2>Diverse Layouts</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
</div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="details_double">
<h2>Wide Text Block</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Short Text Block</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
</div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 6 - ############### -->
<li>
<img class="thumb" src="images/img_3.png" data-bw="images/services/service1_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Slide With Large Image</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<img class="big-image" width="498" height="280" src="images/services/large1.jpg">
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 7 - ############### -->
<li>
<img class="thumb" src="images/img_3.png" data-bw="images/services/service2_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Youtube Video</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<iframe class="video_clip" src="http://www.youtube.com/embed/kjX-8kQmakk?hd=1&wmode=opaque&autohide=1&showinfo=0" height="280" width="498" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 8 - ############### -->
<li>
<img class="thumb" src="images/img_2.png" data-bw="images/services/service3_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Vimeo Video</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<div class="details">
<h2>Our Strategy</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<iframe class="video_clip" src="http://player.vimeo.com/video/24456787?title=0&byline=0&portrait=0" width="498" height="280" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 9 - ############### -->
<li>
<img class="thumb" src="images/img_4.png" data-bw="images/services/service4_bw.jpg">
<div style="margin-top:16px"></div>
<h2>Design Your Layout</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<img class="big-image" width="498" height="280" src="images/services/large2.jpg">
<div class="details_double">
<h2>Just An Image & Text</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="closer"></div>
</div>
</li>
<!-- ############### - SLIDE 10 - ############### -->
<li>
<img class="thumb" src="images/img_1.png" data-bw="images/services/service5_bw.jpg">
<div style="margin-top:16px"></div>
<h2>No Image Just Text</h2>
<p>Lorem ipsum dolor sit amet, conseteetur sadipscing elitr,<br> sed diam monumy eirmod...</p>
<a class="buttonlight morebutton" href="#">View More</a>
<!--
***********************************************************************************************************
- HERE YOU CAN DEFINE THE EXTRA PAGE WHICH SHOULD BE SHOWN IN CASE THE "BUTTON" HAS BEED PRESSED -
***********************************************************************************************************
-->
<div class="page-more">
<div class="details">
<h2>Diverse Layouts</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
</div>
<div class="details">
<h2>Step Towards Success</h2>
<ul class="check">
<li>List Item Number One</li>
<li>List Item Number Two</li>
<li>List Item Number Three</li>
<li>List Item Number Four</li>
</ul>
<img src="images/certified.png"> </div>
<div class="details_double">
<h2>Wide Text Block</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
<a class="buttonlight" href="#">Visit Website</a> </div>
<div class="details">
<h2>Short Text Block</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labora et dolore magna.</p>
<p>At vero eou et accusam et justo duo dolores et ea rebum.<br>Stet clita kasd gubergen, no sea takimata sanctus est Lorem ipsum dolor.</p>
</div>
<div class="closer"></div>
</div>
</li>
</ul>
<!-- ############### - TOOLBAR (LEFT/RIGHT) BUTTONS - ############### -->
<div class="toolbar">
<div class="left"></div><div class="right"></div>
</div>
</div>
<!--theme1 end-->
</div>
<!--example wrapper end-->
<div class="clr"></div>
<div id="extra_containt">
<div class="box">
<h3>Latest News</h3>
<div class="newsScroller">
<ul id="ticker">
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
<li>
<div>
<a href="#">March 12.03.2012</a>
<h5>This is dummy text, This is dummy text,This is dummy text</h5>
</div>
</li>
</ul>
</div>
</div>
<!--box end-->
<div class="box">
<h3>Our Writters Profile</h3>
<div class="profile_cust">
<ul>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
</ul>
</div>
<!--profile cust end-->
<div class="profile_cust">
<ul>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
<li>
<div>
<img src="images/hone_images.png" width="59" height="59" />
<h5>Deepak</h5>
</div>
</li>
</ul>
</div>
<!--profile cust end-->
</div>
<!--box end-->
<div class="box">
<h3>Hot URL</h3>
<div class="hot_url">
<ul>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
<li><a href="#">This is dummy text loren ipsum</a></li>
</ul>
</div>
</div>
<!--box end-->
<div class="box">
<h3>Want to JoinUs</h3>
<h5>Fill the form below & become a member.</h5>
<form class="cmxform" id="commentForm_2" method="get" action="">
<div>
<label>Name</label>
<input type="text" id="cname" name="name" size="25" class="required" minlength="2" />
</div>
<div>
<label>Email</label>
<input type="text" id="cemail" name="email" size="25" class="required email" /
</div>
<div>
<label>Message</label>
<textarea name="Text area" value="Message"></textarea>
</div>
<div>
<input type="image" src="images/submit_two.png" width="76" height="26" />
</div>
</form>
</div>
<!--box end-->
</div>
<!--extra containt end-->
</div>
<!--wrapper end-->
</div>
<!---wrapper_container_end-->
<!-- ANIMATE AND EASING LIBRARIES -->
<script type="text/javascript" src="services-plugin/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="services-plugin/js/jquery.cssAnimate.mini.js"></script>
<!-- TOUCH AND MOUSE WHEEL SETTINGS -->
<script type="text/javascript" src="services-plugin/js/jquery.touchwipe.min.js"></script>
<script type="text/javascript" src="services-plugin/js/jquery.mousewheel.min.js"></script>
<!-- jQuery SERVICES Slider -->
<script type="text/javascript" src="services-plugin/js/jquery.themepunch.services.mini.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.noConflict();
jQuery('#services-example-1').services(
{
width:918,
height:350,
slideAmount:5,
slideSpacing:8,
touchenabled:"on",
mouseWheel:"on",
hoverAlpha:"off",
slideshow:3000,
hovereffect:"off",
callBack:function() { }
});
});
</script>
</body>
</html>
MY ASPX CODE
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mail.aspx.cs" Inherits="mail" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style=" border:1px solid" align="center">
<tr>
<td colspan="2" align="center">
<b>Send mail</b>
</td>
</tr>
<tr>
<td>
To:
</td>
<td>
<asp:TextBox ID="txtTo" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Subject:
</td>
<td>
<asp:TextBox ID="txtSubject" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Attach a file:
</td>
<td>
<asp:FileUpload ID="fileUpload1" runat="server" />
</td>
</tr>
<tr>
<td valign="top">
Body:
</td>
<td>
<asp:TextBox ID="txtBody" runat="server" TextMode="MultiLine" Columns="30" Rows="10" ></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnSubmit" Text="Send" runat="server" onclick="btnSubmit_Click" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
MY .CS CODE
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net.Mail;
public partial class mail : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
try
{
string from = "binetesh.thakur18@gmail.com";
string to = txtTo.Text;
System.Net.Mail.MailMessage mail = new System.Net.Mail.MailMessage();
mail.To.Add(to);
mail.From = new MailAddress(from);
mail.Subject = txtSubject.Text;
//msg.Body = "DEmo";
//mail.IsBodyHtml = true;
mail.Priority = MailPriority.High;
SmtpClient client = new SmtpClient();
client.Credentials = new System.Net.NetworkCredential(from, "enter pwd");
client.Port = 587;
client.Host = "smtp.gmail.com";
client.EnableSsl = true;
client.Send(mail);
Response.Write("Mail Send Successfully");
}
catch (Exception ex)
{
Response.Write("Server Error");
}
//Response.Redirect("Image.aspx");
//lblError.Text = "Query Submited Successfully";
}
}