Multimedia and Web Technology Project

Online Music Gallery
Music_style.css
body { margin: 0; padding: 0; color: #726e6e; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height: 1.5em; background-color:#25272b ; background-image: url(images/templatemo_bg_top.png); background-repeat: repeat-x; background-position: top } a, a:link, a:visited { color: #987516; font-weight: normal; text-decoration: none } a:hover { color: #FFFFFF; text-decoration: underline; }
a.more { display: block; color: #bb9941; text-align: center; text-decoration: underline } a.more span { font-size: 14px; letter-spacing: -3px; } a.more:hover { color: #FFFFFF; text-decoration: none }
Cambridge International School
p { margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px;} cite { font-weight: bold; color: #b2afaf; } cite a, cite a:link, cite a:visited { font-weight: bold; color:#b2afaf; } cite span { font-weight: 400; color: #726e6e; } em { color: #b2afaf; font-family: Georgia, Times New Roman, serif; }
h1, h2, h3, h4, h5, h6 { color: #c4a041; font-weight: normal; } h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 34px; margin: 0 0 25px; padding: 5px 0; } h3 { font-size: 24px; margin: 0 0 20px; padding: 0; } h4 { font-size: 20px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0; } h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }
.cleaner { clear: both } .h10 { height: 10px }
.h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px }
.float_l { float: left } .float_r { float: right }
.image_frame { display: inline-block; border: 5px solid #525252 } .image_fl { float: left; margin: 3px 30px 0 0 } .image_fr { float: right; margin: 3px 0 0 30px }
.tmo_list { list-style: disc; padding: 0 0 0 15px } .tmo_list li { color:#b2afaf; margin-bottom: 8px } .tmo_list li a { color: #b2afaf; font-weight: normal; text-decoration: none } .tmo_list li a:hover { text-decoration: underline }
.link_list { list-style: none; padding: 0} .link_list li { color:#726e6e; margin-bottom: 8px; border-bottom: 1px dashed #726e6e}
Cambridge International School 3
.link_list li a { color: #726e6e; font-weight: normal; text-decoration: none; } .link_list li a:hover { text-decoration: underline }
#templatemo_header_wrapper { width: 100%; background: url(images/templatemo_header.jpg) no-repeat top center } #templatemo_header { width: 958px; height: 164px; margin: 0 auto; background: url(images/templatemo_header.jpg) no-repeat top center ; position:relative; }
#site_title { float: left; margin: 70px 0 0 40px; } #site_title h1 { margin: 0; padding: 0 } #site_title h1 a { display: block; width: 323px; height: 78px; color: #fff; text-indent: 10000px; background: url(images/templatemo_logo.png) no-repeat center center } #site_info { position:absolute; top:20px; left:244px; }
#site_info a { cursor:default;}
#templatemo_menu { float: right; width: 537px; height: 71px; margin-top: 70px; background: url(images/templatemo_menu.png) no-repeat }
#templatemo_menu ul { margin: 0; padding: 20px; list-style: none; }
#templatemo_menu ul li { padding: 0; margin: 0; display: inline;
#templatemo_menu ul li a { float: left; display: block; width: 96px; height: 30px; line-height: 26px; padding-right: 2px; font-size: 16px; color: #9b9b9b; text-align: center; text-decoration: none; font-weight: 400; outline: none; border: none; background: url(images/templatemo_menu_divider.png) center right no-repeat }
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #d1bc17; }
#templatemo_menu ul .last { background: none }
#templatemo_main_wrapper { clear: both; width: 100%; background: url(images/templatemo_bg.png) repeat }
#templatemo_main { width: 880px; padding: 40px 39px; margin: 0 auto; position: relative; background: url(images/white1.jpg) repeat-y center }
#templatemo_main1 {
width: 880px; padding: 40px 39px; margin: 0 auto; position: relative; background: url(images/white2.jpg) repeat-y center } #templatemo_main2 { width: 880px; padding: 40px 39px; margin: 0 auto; position: relative; background: url(images/login.jpg) repeat-y center } .templatemo_main_b { position: absolute; top: 0; width: 38px; height: 850px; }
.templatemo_main_bl { left: -38px; background: url(images/templatemo_main_bl.png) no-repeat }
.templatemo_main_br { right: -38px; background: url(images/templatemo_main_br.png) no-repeat }
td { padding-top: 20px; }
.cbox_fw { clear: both; padding-bottom:20px; margin-bottom: 40px; background: url(images/templatemo_divider_hr.png) no-repeat bottom center }
.cbox_last { padding: 0; margin: 0; background: none; }
.cbox_3b { float: left; width: 270px; margin-right: 20px; padding-right: 15px; background: url(images/templatemo_divider_s.png) no-repeat right center }
.cbox_w350 { width: 350px } .cbox_w300 {width: 300px} .cbox_w500 {width: 500px} .cbox_w550 {width: 550px} .cbox_w320 {width: 320px} .cbox_w450 {width: 450px}
10
.cbox_w400 {width: 400px} .cbox_w650 {width: 650px}
.divider_v { float: left; padding-right: 1px ; background: url(images/templatemo_divider_l.png) right center no-repeat }
.cbox_rm { padding: 0px; margin: 0; background: none }
.fp_box img { float: left; } .fp_box .fp_box_right { float: right; width: 180px }
.news_box { margin-bottom: 20px } .news_box .date { font-size: 10px; color: #dc9f3f } .news_box a { color: #dc9f3f }
.tma_box { margin-bottom: 20px }
.newsletter { height: 121px; background: url(images/templatemo_newsletter_box.png) no-repeat top left }

.newsletter form { height: 30px; margin: 63px 20px 0; padding: 0; }
.newsletter .txt_field { float: left; display: block; height: 30px; width: 163px; color: #999; font-size: 12px; padding: 0 0 0 5px; font-variant: normal; line-height: normal; background: none; border: none; line-height: 30px;
12
} .newsletter .sub_btn { float: right; display: block; height: 30px; width: 60px; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; color: #000; border: none; background: none }
#templatemo_footer_wrapper { clear: both; width: 100%; border-top: 1px solid #555;
13
background: url(images/templatemo_footer.jpg) repeat
#templatemo_footer { clear: both; width: 958px; padding: 15px 39px; margin: 0 auto; color: #5f5a5a; text-align: center; }
#templatemo_footer a { color: #5f5a5a; }
#contact_form { padding: 0; width: 300px } #contact_form form { margin: 0px; padding: 0px; }
14
#contact_form form .input_field { width: 290px; padding: 5px; color: #909096; border: 1px solid #444455; background: #151518; font-family: Arial, Helvetica, sans-serif; }
#contact_form form label { display: block; width: 100px; margin-right: 10px; fontsize: 14px }
#contact_form form textarea { width: 288px; height: 150px; padding: 5px; color: #909096; border: 1px solid #444455; background: #151518; font-family: Arial, Helvetica, sans-serif; }
#contact_form form .submit_btn { cursor: pointer; margin: 0px; padding: 8px 14px; color: #909096; border: 1px solid #444455; background: #151518; }
16
Home1.html
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html" class="current">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="login.asp">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul>
17
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span>
<div class="cbox_fw"> <div class="cbox_w500 divider_v float_l"> <h3>FEATURED</h3> <embed src="flash.swf" width="460px" height="300px"> </div> <div class="cbox_w350 float_r"> <h3>UPCOMING SHOWS</h3> <style type="text/css"> .tg-table-light { border-collapse: collapse; border-spacing: 0; } .tg-table-light td, .tg-table-light th { background-color: #fff; border: 1px #bbb solid; color: #333; font-family: sans-serif; font-size: small; padding: 2px; vertical-align: top; } .tg-table-light .tg-even td { background-color: #eee; }
18
.tg-table-light th { background-color: #ddd; color: #333; font-size: 100%; fontweight: normal; } .tg-table-light tr:hover td, .tg-table-light tr.even:hover td { color: #222; backgroundcolor: #FCFBE3; } .tg-bf { font-weight: bold; } .tg-it { font-style: italic; } .tg-left { text-align: left; } .tg-right { text-align: right; } .tg-center { text-align: center; } </style> <table class="tg-table-light"> <tr> <th class="tg-bf"></th> <th class="tg-bf" style="color: #000000">Artist</th> <th class="tg-bf">City</th> <th class="tg-bf">Venue</th> <th class="tg-bf">Country</th> </tr> <tr class="tg-even"> <td>1/18/2014</td> <td>Israel Houghton</td> <td>"Sunrise</td> <td>FL"</td>
19
<td>Extreme Music Conference at BB&T Center,United States</td> </tr> <tr> <td>1/19/2014</td> <td>Israel Houghton</td> <td>"Berrien Springs</td> <td>MI"</td> <td>Howard Performing Arts Center,United States</td> </tr> <tr class="tg-even"> <td>2/1/2014</td> <td>Israel Houghton</td> <td>Georgetown</td> <td>Guyana National Stadium</td> <td>Guyana</td> </tr> </table> <a href="http://newbreedmusic.com/tour" class="more float_r"><span>>></span> View All</a> </div> <div class="cleaner"></div>
</div>
<div class="cbox_last"> <div class="cbox_3b"> <h4>LATEST NEWS</h4> <div class="news_box"> <em>TYPHOON HAIYAN EMERGENCY RESPONSE</em> <p>Typhoon Haiyan, considered one of the strongest tropical storms ever, made landfall in the Philippines early </p> <a href="news1.html" class="more float_r"><span>>></span> Read the Rest...</a> </div> </div> <div class="cbox_3b"> <h4>ITUNES LP</h4> <a href="https://itunes.apple.com/us/album/jesus-at-the-centerlive/id547852431?ign-mpt=uo%3D4" rel="nofollow"><img src="images/home.jpg"></a> </div> <div class="news_box"> <h4>Sign up</h4>
21
<a href="contact1.html"> <h6>Click here to sign up and hence get access to our resources</h6></a> </div> <div class="cleaner"></div> </div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
22
News1.html
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html">Home</a></li> <li><a href="news1.html" class="current">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="login.asp">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul>
23
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w320 divider_v float_l"> <img src="images/side-ad1.jpg" > <br><br> <h3> Special Thanks to:</h3> <img src="images/news1.jpg" ><br> <img src="images/news2.jpg" ><br> <img src="images/new3.jpg" > </div> <div class="cbox_w550 float_r"> <h3>Typhoon Haiyan Emergency Response</h3> <div class="tma_box"> <p>Typhoon Haiyan, considered one of the strongest tropical storms ever, made landfall in the Philippines early November 8 and caused catastrophic damage. World Visions teams are responding with emergency relief supplies for children and families in desperate need.</p><br>
<a href="http://donate.worldvision.org/OA_HTML/xxwv2ibeCCtpItmDspRte.jsp?funnel =dn&item=2639566&go=item&section=10339&"><img src="images/TyphoonHaiyan.jpg" alt="image" class="image_frame " /></a><br><br> <p>Typhoon Haiyan, reported by media outlets as possibly the strongest tropical cyclone in recorded history, made landfall last week in Samar, central Philippines.World Vision is launching an emergency response to help affected vulnerable children and families. </p> <h3>The Impact has been Tremendous</h3> <p>As many as 2,500 people are feared dead, and an estimated 800,000 are displaced after Typhoon Haiyan left a wake of utter destruction last weekend.The impact has been tremendous. Its reported to be the biggest typhoon of the year, and it is, said Gjeff Lamigo, World Vision communications manager in Manila.About 9.5 million people were affected, reports the UN Office of the Coordination of Humanitarian Affairs. Haiyan wreaked havoc on the countrys telecommunications, agriculture, and transportation infrastructure, delaying recovery and relief efforts.</p> <h3>Help Now</h3> <p>Please prayExternal Link for children, families, and communities affected by this terrible storm, and pray for those working to assist survivors who are in desperate need. <a href="http://donate.worldvision.org/OA_HTML/xxwv2ibeCCtpItmDspRte.jsp?funnel =dn&item=2639566&go=item&section=10339&">Make a one-time donation to World Visions Philippines Disaster Response Fund.</a> Your contribution will help us deliver life-saving assistance in the aftermath of sudden-onset emergencies in the Philippines, including Typhoon Haiyan</p>
</div> </div> <div class="cleaner"></div> </div> </div> </div> <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
26
Media1.html
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html" class="current">Media</a></li> <li><a href="login.asp">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul>
27
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main1"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span>
<div class="cbox_fw"> <div class="cbox_w450 divider_v float_l"> <h3>Photos</h3> <div class="news_box"> <img src="images/media1.jpg" alt="creative commons image" /> </div> <div class="news_box"> <img src="images/media2.jpg" alt="creative commons image" /> </div> <div class="news_box"> <img src="images/media5.jpg" alt="creative commons image" /> </div> <div class="news_box">
<img src="images/media4.jpg" alt="creative commons image" /> </div> </div> <div class="cbox_w400 float_r"> <h3>Videos</h3> <div class="tma_box"> <iframe width="420" height="300" src="//www.youtube.com/embed/08YZF87OBQ" frameborder="0" allowfullscreen></iframe> </div> <div class="tma_box"> <iframe width="420" height="300" src="//www.youtube.com/embed/cce47RV8dEA" frameborder="0" allowfullscreen></iframe> </div> <div class="tma_box"> <iframe width="420" height="300" src="//www.youtube.com/embed/r-bUZj1bkoE" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="cleaner"></div> </div>
29
</div>  </div> 
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
30
Login.asp
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="store1.html" class="current">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul>
31
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main2"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <form method="post" action="login2.asp"> <center> <table border="1" width="38%"> <tr> <td width="100%" colspan="2"> <center> <h1>Member's Login</h1></center></td> </tr> <tr> <td width="50%" bgcolor="#FFFFFF"><img border="0" src="images/memberlogin.jpg" align="right" width="213" height="176"></td> <td width="50%" bgcolor="#99CCFF"> User ID <span style="background-color: #FFFF00"><input type="text" name="u1" size="35"></span><br> <p> Password <input type="password" name="pass1" size="35"></p>
<p><br> <input type="submit" name="ok" value="LOGIN"></td> </tr> </table> </center> </form> <br><br><br><br><br><br> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
33
Login2.asp
34
</div>  </div> </div> <% dim stucon,sturec,found,viewUD,viewPW Set stucon=server.createobject("ADODB.Connection") stucon.open "Provider = Microsoft.ace.OLEDB.12.0;Data Source=" & Server.MapPath("stu2.accdb") set sturec=server.createobject("ADODB.recordset") sturec.open "student",stucon,1,3 viewUD=request.form("u1") viewPW=request.form("pass1") sturec.movefirst found=0 do until sturec.EOF or found=1 if sturec("username")=viewUD and sturec("password")=viewPW then found=1 %><br><h1 align="center">Login Successfully. Welcome </h1> <h1 align="center"><a href="store1.html">Click here to enjoy music</a></h1> <% else
sturec.movenext end if loop if found=0 then %><br><h1 align="center">Invalid Login. So you can't listen music. <br><br><br><a href="login.asp">Click here to retry</a></h1> <%end if sturec.close stucon.close %> <br> <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
36
Store1.html
37
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w550 divider_v float_l"> <h3>Latest Albums</h3> <div class="td"> <table> <tr> <td><img src="images/store1.jpg"></td> <td><a href="store2.html"><h5><i><u>MIGHTY TO SAVE-HILLSONG LIVE</i></u></h5><a></td> </tr> <tr> <td><img src="images/store2.jpg"></td> <td><a href="store3.html"><h5><i><u>BLESSED-HILLSONG LIVE</i></u></h5><a></td> </tr>
<tr> <td valign="top"><img src="images/store3.jpg"></td> <td><a href="store4.html"><h5><i><u>A BEAUTIFUL EXCHANGE-HILLSONG LIVE</i></u></h5><a></td> </tr> </table> </div> </div> <div class="cleaner"></div> </div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
39
Store2.html
40
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w650 divider_v float_l"> <h3>Latest Albums</h3> <div class="td"> <table> <tr> <td><img src="images/store1.jpg"></td> <td><h5><i><u>MIGHTY TO SAVE-HILLSONG LIVE</i></u></h5><br> <center><a href="http://www.apple.com/itunes/affiliates/download/"><img src="images/button.jpg"></a></center></td> </tr> </table><br><br> <h3>Related Products</h3> <table>
41
<tr> <td align="center"><img src="images/store2.jpg"></td> <td align="center"><img src="images/store3.jpg"></td> </tr> <tr> <td><a href="store3.html"><h5><i><u>BLESSED-HILLSONG LIVE</i></u></h5><a></td> <td><a href="store4.html"><h5><i><u>A BEAUTIFUL EXCHANGE-HILLSONG LIVE</i></u></h5><a></td> </tr> </table> </div> </div>
<div class="cleaner"></div> </div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div>
</div> </body> </html>
43
Store3.html
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="templatemo_menu"> <ul> <li><a href="home1.html">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="store3.html" class="current">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul> </div>  </div> </div>
<div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w650 divider_v float_l"> <h3>Latest Albums</h3> <div class="td"> <table> <tr> <td><img src="images/store2.jpg"></td> <td><h5><i><u>BLESSED-HILLSONG LIVE</i></u></h5><br> <center>< a href="http://www.apple.com/itunes/affiliates/download/"><img src="images/button.jpg"></a></center></td> </tr> </table><br><br> <h3>Related Products</h3> <table> <tr> <td align="center"><img src="images/store1.jpg"></td> <td align="center"><img src="images/store3.jpg"></td>
45
</tr> <tr> <td><a href="store2.html"><h5><i><u>MIGHTY TO SAVE-HILLSONG LIVE</i></u></h5><a></td> <td><a href="store4.html"><h5><i><u>A BEAUTIFUL EXCHANGE-HILLSONG LIVE</i></u></h5><a></td> </tr> </table> </div> </div>
<div class="cleaner"></div> </div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
Store4.html
47
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w650 divider_v float_l"> <h3>Latest Albums</h3> <div class="td"> <table> <tr> <td><img src="images/store3.jpg"></td> <td><h5><i><u>A BEAUTIFUL EXCHANGE-HILLSONG LIVE</i></u></h5><br> <center><a href="http://www.apple.com/itunes/affiliates/download/"><img src="images/button.jpg"></a></center></td> </tr> </table><br><br> <h3>Related Products</h3> <table>
<tr> <td align="center"><img src="images/store1.jpg"></td> <td align="center"><img src="images/store2.jpg"></td> </tr> <tr> <td align="center"<a href="store1.html"><h5><i><u>MIGHTY TO SAVEHILLSONG LIVE</i></u></h5><a></td> <td align="center"><a href="store2.html"><h5><i><u>BLESSED_HILLSONG LIVE</i></u></h5><a></td> </tr> </table> </div> </div> <div class="cleaner"></div> </div> </div>  </div> 
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur

<div class="cleaner"></div> </div> </div> </body> </html>
50
Contact1.html
<html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="login.asp">Store</a></li> <li><a href="contact1.html" class="last current">Form</a></li> </ul>
51
</div>  </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"><span class="templatemo_main_b templatemo_main_bl"></span><span class="templatemo_main_b templatemo_main_br"></span> <div class="cbox_fw"> <div class="cbox_w500 divider_v float_l"> <h3>Membership Form</h3> <div id="contact_form"> <form method="post" action="backup.asp"> <label for="author">Firstname:</label> <input type="text" id="author" name="f1" class="input_field" /> <div class="cleaner h10"></div> <label for="email_2">Lastname:</label> <input type="text" id="email_2" name="l1" class="input_field" /> <div class="cleaner h10"></div> <label for="email_2">address:</label> <input type="text" id="email_2" name="add" class="input_field" /> <div class="cleaner h10"></div>
52
<label for="email_2">Username:</label> <input type="text" id="email_2" name="u1" class="input_field" /> <div class="cleaner h10"></div> <label for="email_2">Password:</label> <input type="password" id="email_2" name="pass1" class="input_field" /> <div class="cleaner h10"></div>
<input type="submit" class="submit_btn float_l" name="submit" id="submit" value="Send" /> <input type="reset" class="submit_btn float_r" name="reset" id="reset" value="Reset" /> </form> </div> </div> <div class="cleaner"></div> </div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright Alisha Thakur <div class="cleaner"></div>
</div> </div> </body> </html>
54
Studview.asp
<% @language="vbscript" %> <% dim studcon,studrec set studcon=server.createobject("ADODB.Connection") studcon.Open "Provider= Microsoft.ACE.OLEDB.12.0;Data Source=" & Server.MapPath("stu2.accdb") set studrec=server.createobject("ADODB.recordset") studrec.open "student",studcon,1,3 studrec.addnew studrec("firstname")=request.form("f1") studrec("lastname")=request.form("l1") studrec("address")=request.form("add") studrec("username")=request.form("u1") studrec("password")=request.form("pass1") studrec.update %> <html> <head> <title>Online Music Gallery</title> <link href="music_style.css" rel="stylesheet" type="text/css" />
55
</head> <body> <div id="templatemo_header_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="home1.html" rel="nofollow"></a></h1></div> <div id="site_info"></div> <div id="templatemo_menu"> <ul> <li><a href="home1.html" class="current">Home</a></li> <li><a href="news1.html">News</a></li> <li><a href="media1.html">Media</a></li> <li><a href="login.asp">Store</a></li> <li><a href="contact1.html" class="last">Form</a></li> </ul> </div>  </div> </div>
<br><br> <center><h1>Membership created successfully</h1></center>

<br><br><br><br><br><br><br><br> <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright @ Alisha Thakur <div class="cleaner"></div> </div> </div> </body> </html>
57

Multimedia and Web Technology Project

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Multimedia and Web Technology Project

Încărcat de

Drepturi de autor:

Formate disponibile

Online Music Gallery

Cambridge International School

Online Music Gallery

.cleaner { clear: both } .h10 { height: 10px }

Cambridge International School

Online Music Gallery

.float_l { float: left } .float_r { float: right }

Online Music Gallery

Online Music Gallery

#templatemo_menu ul { margin: 0; padding: 20px; list-style: none; }

#templatemo_menu ul li { padding: 0; margin: 0; display: inline;

Cambridge International School

Online Music Gallery

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {

Cambridge International School

Online Music Gallery

#templatemo_menu ul .last { background: none }

#templatemo_main_wrapper { clear: both; width: 100%; background: url(images/templatemo_bg.png) repeat }

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

.templatemo_main_bl { left: -38px; background: url(images/templatemo_main_bl.png) no-repeat }

.templatemo_main_br { right: -38px; background: url(images/templatemo_main_br.png) no-repeat }

Cambridge International School

Online Music Gallery

.cbox_last { padding: 0; margin: 0; background: none; }

Cambridge International School

Online Music Gallery

.cbox_w400 {width: 400px} .cbox_w650 {width: 650px}

.cbox_rm { padding: 0px; margin: 0; background: none }

.tma_box { margin-bottom: 20px }

.newsletter { height: 121px; background: url(images/templatemo_newsletter_box.png) no-repeat top left }

Online Music Gallery

.newsletter form { height: 30px; margin: 63px 20px 0; padding: 0; }

Cambridge International School

Online Music Gallery

#templatemo_footer_wrapper { clear: both; width: 100%; border-top: 1px solid #555;

Cambridge International School

Online Music Gallery

background: url(images/templatemo_footer.jpg) repeat

#templatemo_footer a { color: #5f5a5a; }

Cambridge International School

Online Music Gallery

Online Music Gallery

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

Online Music Gallery

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

Cambridge International School

Online Music Gallery

Online Music Gallery

Online Music Gallery

Cambridge International School