Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : G:/PleskVhosts/nama.co.in/httpdocs/
Windows NT SG2NWVPWEB047 10.0 build 17763 (Windows Server 2016) i586
Current File : G:/PleskVhosts/nama.co.in/httpdocs/audio_cd.php
<?php


?>
<html lang="en">
    <body>

        <header>
	 
        <meta name="description" content="Sankaranandam - Audio CD containing live Namasankeerthanam of Viruthams, Keerthanas and Bhajans on Acharyas, composed by C.S.Subamanian.">
        <meta name="keywords" content="Sankaranandam,Chittur S Subramanian,Chittur S Subramanian Namasankeerthanam,Dr.C.S.Radha Krshnan,C.S.Viswanathan,Palakkad Sriram,Meera Subramanian,Lalitha Viswanathan,Mukund Krishnan S, Chittur S Subramanian keerthana,keerthana in Tamil,lord Krishna keerthana,keerthana raga valaji,keerthana thala Adi,Chittur S Subramanian bhagavatha,bhagavatha in Tamil,lord Krishna bhagavatha">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name=viewport content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">         
            
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
         
          <!-- Full Page Intro -->
          <div class="view" style="background-clip: #ffffff; background-repeat: no-repeat; background-size: cover; background-position: center center;">
            <!-- Mask & flexbox options-->
            <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
              <!-- Content -->
              <div class="container">
                  <br>
                            <img src="img/snatitle.jpg" style="width: 54%;margin-left: 250px;"/>
                            
                            
                            <div class="thnkmsg">Audio CD containing live Namasankeerthanam of Viruthams, Keerthanas and Bhajans on Acharyas, composed by C.S.Subamanian.<br>
                                <br><p>Sample Audio</p>
                                <div class ="sample-audio">
                                <table><tr><td style="width: 76%;"><span style="font-size:12px; "> sAma gAna lOlanE </span></td>
                                        <td><span style="font-size:12px; "> bhajan </span></td>
                                        <td><span style="font-size:12px; "> nAttakkurunji </span></td><td><span><audio controls>
  
  <source src="audio_folder/Samagana.mp3" type="audio/mpeg">
  
Your browser does not support the audio element.
</audio></span>
                                        
            
                                        </td></tr>
                              
                                </table>  
                            
                                    <table><tr><td style="width: 76%;"><span style="font-size:12px; "> Akhanda guruvaram advyam </span></td>
                                        <td><span style="font-size:12px;    "> bhajan </span></td>
                                        <td><span style="font-size:12px;    "> nAttakkurunji </span></td><td><span><audio controls>
  
  <source src="audio_folder/Akhanda_guruvaram.mp3" type="audio/mpeg">
  
Your browser does not support the audio element.
</audio></span>
                                        
            
                                        </td></tr>
                              
                                </table>
                                
                                      <table><tr><td style="width: 98%;"><span style="font-size:12px;   ">   kAnchi mA nagar thannil </span></td>
                                        <td><span style="font-size:12px;"> keerthana </span></td>
                                        <td><span style="font-size:12px; "> malayamArutham </span></td><td><span><audio controls>
  
  <source src="audio_folder/Kanchi_ma_nagar_thanil.mp3" type="audio/mpeg">
  
Your browser does not support the audio element.
</audio></span>
                                        
            
                                        </td></tr>
                              
                                </table>
                                </div>
                                <br>
                            </div>
                            
                            <table style="margin-left: 250px;margin-top: -30px;" class="thnkmsg"><tr><td style="width:500px;padding:0px">Fill up your address details and complete the payment. Get your copy today for Rs.150/-. You will receive the CD with in a week.</td><td><a href="audio_cd_purchase.php" target="_blank" style="background:aqua"><img src="img/get-your-copy.jpg" style="width:104px"></a></td></tr></table>
                            <div class="thnkmsg" style="margin-top: -18px;">Click on the images below to see full view</div>
                            <div class="row-img" style="margin-left: 250px;">
                                <span><img src="img/sna01.jpg" onclick="get_img(this.src)" style="width: 188px;height: 134px;"/></span>
                            <span><img src="img/sna02.jpg" onclick="get_img(this.src)" style="width: 200px;height: 134px;"/></span>
                            <span><img src="img/sna03.jpg" onclick="get_img(this.src)" style="width: 200px;height: 134px;"/></span><br><br>
                            
                            </div>
                            
                            <table><tr>
                                
                                    <td>
                                        <div class="row-img2" style="margin-left: 250px;">
                                
                            <span><img src="img/cs.jpg" onclick="get_img2(this.src)" style="width: 150px;height: 196px;border: #e9f183 solid;margin-left: -8px;"/></span><br><br>
                            </div>
                                    </td>
                                    
                                    <td>
                                        <div class="thnkmsg3">C.S.Subramanian, native of Thekkegramam, Chittur, Palakkad, son of Bhagavathasri Dr.C.R.Seshadri and Smt.Padmavathy, has composed more than 600 Keerthanas, Bhajans & Viruthams in Sanskrit, Tamil, Malayalam and Hindi.<br><br> Following the footsteps of his father and Guru, CS, along with his family members and other bhagavathas, has been actively involved in spreading Bhagavan Nama through their troupe Chaithanya Bhajana Mandali (<a href="https://nama.co.in/cbm" target="_blank">www.nama.co.in/cbm</a>).<br><br> CS is also the proud owner of the unique website <a href="https://nama.co.in" target="_blank">www.nama.co.in</a> that is becoming a great repository of data in the field of Carnatic Music, Bhajans and Spiritual Texts.</div>
                                    </td>
                                    
                                </tr></table>
                          
                            
                            
                            
                           <div id="myModal" class="modal">
                               <span class="close">&times;</span>
  
  <img class="modal-content" id="img01">
  <div id="caption"></div>
</div>
                 <div id="myModal1" class="modal">
                               <span class="close2">&times;</span>
  
  <img class="modal-content2" id="img02">
  <div id="caption2"></div>
</div>
                
                
                <!--Grid row-->
              </div>
              <!-- Content -->
            </div>
            <!-- Mask & flexbox options-->
          </div>
          <!-- Full Page Intro -->
        </header>
        <!-- Main navigation -->
        <!--Main Layout-->
        <main>
         
        </main>
        <!--Main Layout-->

    </body>
</html>

	<style>
            .thnkmsg {
                width: 600px;
    margin-left: 250px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}
            .thnkmsg2 {
                width: 712px;
    margin-left: 156px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
 .thnkmsg3 {
                width: 444px;
   
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: -8px;
    text-align: left;
}
		html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #3f51b5 !important;
  }
}



.card {
  background-color: rgba(126, 123, 215, 0.2);
}

.md-form label {
  color: #130303;
}

h6 {
  line-height: 1.7;
}
td{
    padding: 8px;

}

.sample-audio td
{
    padding-top: 4px;
    width:40%;

}
body {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.pay-info{
     color:blue;
}
.img_zoom{
   transform: scale(2.5);
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.modal-content2 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 200px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content,.modal-content2, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close,.close2 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
      opacity: unset!important;
}

.close:hover,
.close:focus,.close2:hover,
.close2:focus  {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}



/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
audio {
width: 240px;
}
</style>
		<script type="text/javascript">
		function allnumeric()
   { 
    
	 
	  var name = document.getElementById("cust_name").value;
      var email = document.getElementById("email").value;	  
	  var amount = document.getElementById("amount").value;
	  var mobile = document.getElementById("contact").value;
	  
	  
		
		var numericExpression = /^[0-9]+$/;
		if(mobile!="" & amount!=""){
		
	   if(mobile.match(numericExpression)){
		
		if(amount.match(numericExpression)){
		
		document.getElementById("error_txt").innerHTML = "";
		return true;
		} 
		else{
		document.getElementById("error_txt").innerHTML = "Enter Amount in digit";
		return false;
			}
		} 
		else{
		document.getElementById("error_txt").innerHTML = "Please enter 10 digit mobile number";
		return false;
			}
			
			
			
			
		}	
		
		
   }
   
   


		</script>
                
                <script>
                    
                    function get_img(srcimg){
                        var modal = document.getElementById("myModal");
                        var img = srcimg;
                        var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");

  modal.style.display = "block";
  modalImg.src = img;
  
  
  var span = document.getElementsByClassName("close")[0];

span.onclick = function() { 
  modal.style.display = "none";
}
                        
                    }

                 function get_img2(srcimg){
                        var modal = document.getElementById("myModal1");
                        var img = srcimg;
                        var modalImg = document.getElementById("img02");
var captionText = document.getElementById("caption2");

  modal.style.display = "block";
  modalImg.src = img;
  
  
  var span = document.getElementsByClassName("close2")[0];

span.onclick = function() { 
  modal.style.display = "none";
}
                        
                    }





// Get the <span> element that closes the modal


// When the user clicks on <span> (x), close the modal

</script>
Creat By MiNi SheLL
Email: devilkiller@gmail.com