Ultra File Manager

Edit: /home/u523034047/domains/vssteam.in/public_html/donate_details.php

<!DOCTYPE html>
<html lang="en" oncontextmenu="return false" onselectstart="return false" onkeydown="if ((arguments[0] || window.event).ctrlKey) return false">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vishwa Sanatan Sanskriti</title>
    <meta name=description content="Sanatan Dharma is the oldest religious philosophy of values, duties and responsibilities, known to the mankind, to be followed by all living and non-living beings including humans as enshrined by the CREATOR of the UNIVERSE. Its scriptures “VEDAS” are the oldest written texts in the world dated at least 7500 BC.">
    <meta name=keywords content="sanatan dharma, sanatan">
    <meta name="copyright" content="Vishwa Sanatan Sanskriti" />
	<meta name="author" content="Vishwa Sanatan Sanskriti" />
	
	<meta name="robots" content="ALL">
	<meta name="country" CONTENT="India">
	<meta name="City" content="Gurgaon" />
	<meta name="State" content="Haryana" />
	<meta name="geo.region" content="IN-HR" />
    <meta name="geo.placename" content="Gurgaon" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="device_view.css">
    <link rel="stylesheet" href="page_style.css">
    <link rel="stylesheet" href="page_device_style.css">
    <link rel="stylesheet" href="holy-city-style.css">
    
    <link rel="preconnect" href="https://fonts.googleapis.com/"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><link href="https://fonts.googleapis.com/css2?family=Andika&family=Hanken+Grotesk:ital,wght@0,100;0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&family=Inter:wght@100;200&family=Lato:wght@100;300&family=Noto+Sans:wght@100&family=Poppins:wght@500&family=Roboto+Slab:wght@100&family=Roboto:ital,wght@0,100;0,900;1,100&family=Spline+Sans+Mono:ital,wght@0,300;1,300&family=Ubuntu:ital,wght@0,400;1,300;1,400&display=swap" rel="stylesheet">
  
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        h1{
            font-size: 28px;
        }
        .contact_banner{
            height: 30vh;
            background-image:url(img/c-b.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .contact_header{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30vh;
        }
        .contact_header img{
            max-width:30%;
        }
        .contact_header h1{
            color: #fff;
            margin-left: 2rem;
        }
        .contact_container{
            background-image: url(img/holy-back.webp);
            background-position: center;
            background-size: cover;
        }
        .inner_container{
            margin:0 13%;
            padding:2rem 0;
        }
        .mid_logo{
            text-align: center;
        }
        .mid_logo img{
            max-width: 100%;
        }
        .mid_logo a{
            text-decoration: none;
            color: #531101;
        }
        .mid_logo a:hover{
            color: blue;
        }
        .contact_form h1{
            text-align: center;
            color: #872f1b;
            padding-bottom: 1rem;
        }
        .cotact_box{
            display: flex;
            justify-content: space-around;
            padding:2rem 0;
        }
        .address{
            width: 18rem;
            margin-top: 1rem;
        }
        h3{
            color: #db4242;
        }
        .address h4{
            color: #531101;
        }
        .contact_input{
            display: flex;
            justify-content:space-between;
            width: 100%;
        }
        .contact_input .input_box label{
            color: #531101;
            padding-left: .7rem;
        }
        .contact_input .input_box input{
            padding: .7rem;
            margin:.5rem;
            border: 3px solid #d8d8d8;
            width: 17rem;
        }
        .textsms label{
            color: #531101;
            padding-left: .7rem;
        }
        .textsms #textarea{
            padding: .7rem;
            margin:.5rem;
            width: 93%;
            height: 25vh;
            border: 3px solid #d8d8d8;
        }
        .button_robot{
            display: flex;
            justify-content:flex-end;
            margin-top: 1rem;
        }
        .recap_box{
            border: 3px solid #d8d8d8;
            width: 250px;
            height: 60px;
            position: relative;
            top: 5px;
            overflow: hidden;
            margin-right: 2rem;
        }
        .g-recaptcha{
            position: absolute;
            top: 0;
            left: 15px;
            transform:scaleX(1.1);
            height: auto;
            border: none;
        }
        #fbtn{
            width: 100px;
            margin-top: 1rem;
            height: 7vh;
            border: none;
            background-color: orangered;
            color: #fff;
            box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
            border-radius: .5rem;
        }
        #fbtn:hover{
            background-color: #F9D49F;
            color: #531101;
        }
        @media(max-width:1200px){
            .inner_container{
                margin:0 10%;
            }
            .contact_input .input_box input{
                width: 16rem;
            }
        }
        @media(max-width:950px){
            .inner_container{
                margin:0 5%;
            }
            .address{
                width: 14rem;
                margin-top: 1rem;
            }
            .contact_input .input_box input{
                width: 12rem;
            }
            .textsms #textarea{
                width: 90%;
            }
        }
        @media(max-width:750px){
            .cotact_box{
                display: block;
                padding: 0;
            }
            .address{
                width:100%;
            }
            .contact_input{
                display: block;
            }
            .contact_input .input_box input{
                width: 91%;
            }
            .textsms #textarea{
                width: 91%;
            }
        }
        @media(max-width:550px){
            .inner_container{
                padding-bottom: 5rem;
            }
            .mid_logo p a{
                word-break: break-all;
            }           
        }
        @media(max-width:457px){
            .contact_input .input_box input{
                width: 88%;
            }
            .textsms #textarea{
                width: 88%;
            }
            .mid_logo p{
                font-size:.8rem;
             }
            .mid_logo a{
               font-size:.8rem;
            }
        }
        @media(max-width:370px){
            .button_robot{
                display: block;
                text-align: center;
             }
             .recap_box{
                width: 100%;
            }
             #fbtn{
                margin-top: 2rem;
             }
        }
        @media(max-width:350px){
            .contact_input .input_box input{
                width: 85%;
            }
            .textsms #textarea{
                width: 85%;
            }
            .mid_logo p{
                font-size:.7rem;
             }
            .mid_logo a{
               font-size:.7rem;
            }
        }
        @media(max-width:250px){
            .contact_input .input_box input{
                width: 80%;
            }
            .textsms #textarea{
                width: 80%;
            }
        }
        #formsubmition{
            width: 25rem;
            padding: 1.5rem;
            text-align: center;
            background:#fff;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            display: none;
        }
        #formsubmition i{
            font-size: 3rem;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            border-radius: 50%;
            color: green;
            text-align: center;
            border: 5px solid #ddd;
            animation: checkani 1s;
        }
        @keyframes checkani{
            0%{
                border-right: 5px solid orangered;
                rotate: 360deg;
                opacity: 0;
            }
            100%{
                rotate: 0deg;
            }
        }
        #formsubmition h3{
            color: #531101;
        }
        #formsubmition p{
            color: #872f1b;
            font-size: 1rem;
            padding:.5rem 0;
        }
        #formsubmition .windowbtn{
            width: 30%;
            padding: .4rem;
            border-radius: .5rem;
            background-color: orangered;
            color: #fff;
            font-size: 1rem;
            border: none;
        }
        #formsubmition .windowbtn:hover{
            background-color: #F9D49F;
            color: #531101;
        }
    </style>
      <style>
        *{
            margin: 0;
            padding: 0;
        }
        .contact_banner{
            height: 30vh;
            background-image: url(img/gallery-banner.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .contact_header{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30vh;
            color: #fff;
            font-size: 2rem;
        }
        .gallery_container{
            background-image: url(img/holy-back.webp);
            background-position: center;
            background-size: cover;
        }
        .gallery_container .inner_gallery{
            margin:0 13%;
            padding:2rem 0;
        }
        .gallery_container .inner_gallery ul{
            text-align: center;
            list-style: none;
        }
        .gallery_container .inner_gallery ul li{
            display: inline;
            padding:.2rem .3rem;
            font-weight: bold;
            font-size: 1.1rem;
            cursor: pointer;
        }
        .gallery_container .inner_gallery ul li:hover{
            background-color: #9a5d5d;
            color: #fff;
        }
        .photo_box .photo{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .photo_box .photo .image{
            width: 274px;
            height: 300px;
            overflow: hidden;
            border:15px solid #fff;
            box-shadow: 0 3px 5px rgba(0,0,0,.3);
            margin: 20px;
            background-color: #fff;
        }
        .photo_box .photo img{
            width: 100%;
            height: 251px;
            object-fit: cover;
        }
        .photo_box .photo #img1.active{
            transform: scale(1.4);
        }
        figcaption{
            font-size: .8rem;
            background-color: #fff;
        }
        .hidden {
            display: none;
          }
          
          .pagination-container {
            width: calc(100% - 2rem);
            display: flex;
            align-items: center;
            padding: 1rem 0;
            justify-content: center;
          }
          
          .pagination-number,
          .pagination-button{
            font-size: 1.1rem;
            background-color: transparent;
            border: none;
            margin: 0.25rem 0.25rem;
            cursor: pointer;
            height: 2.5rem;
            width: 2.5rem;
            border-radius: .2rem;
          }
          
          .pagination-number:hover,
          .pagination-button:not(.disabled):hover {
            background: #fff;
          }
          
          .pagination-number.active {
            color: #fff;
            background: #531101;
          }

.preview-box{
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1.5);
            height: auto;
            z-index: 5;
            opacity: 0;
            pointer-events: none;
            border-radius: 3px;
            padding: 0 5px 5px 5px;
            box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
          }
          .contents{
            background-color: #eee;
            width: 100%;
            height: auto;
            text-align: center;
            color: #531101;
            padding:1rem 0;
          }
          .preview-box.show{
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, -50%) scale(1);
            transition: all .5s ease;
            background-color:#eee;
          }
          .preview-box .details{
            display: flex;
            align-items: center;
            padding: 12px 15px 12px 10px;
            justify-content: space-between;
          }
          .preview-box .details .title{
            display: flex;
            font-size: 18px;
            font-weight: 400;
            font-size: .9rem;
            color: #BB0E00;
          }
          .details .title p{
            margin: 0 5px;
            font-size: .9rem;
          }
          .details .title p.current-img{
            font-weight: 500;
          }
          .details .icon{
            color: #000;
            font-size: 20px;
            cursor: pointer;
          }
          .details .icon:hover{
            color: #531101;
          }
          .preview-box .image-box{
            display: flex;
            width: 100%;
            position: relative;
          }
          .image-box .slide{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            font-size: 30px;
            cursor: pointer;
            height: 50px;
            width: 60px;
            line-height: 50px;
            text-align: center;
            border-radius: 3px;
          }
          .slide.prev{
            left: 0px;
          }
          .slide.next{
            right: 0px;
          }
          .image-box i{
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            text-align: center;
            background-color: rgba(0,0,0,0.7);
          }
          .image-box i:hover{
            background-color: #eee;
            color: orangered;
          }
          .image-box img{
            width:100%;height: auto;
            border-radius: 0 0 3px 3px;
          }
          .shadow{
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 2;
            display: none;
            background: rgba(0,0,0,0.45);
          }
          @media(max-width:1200px){
            .preview-box{
                width: 70%;
              }
          }
          @media(max-width:950px)
          {
            .gallery_container .inner_gallery{
                margin:0 5%;
            }
            .photo_box .photo{
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }
          }
          @media(max-width:750px){
            .preview-box{
                width: 80%;
              }
            .preview-box.show{
                height: auto;
              }
          }
          @media(max-width:550px)
          {
            .contact_header{
                font-size: 1.5rem;
            }
            .preview-box{
                width: 95%;
              }
          }
    </style>
</head>
<body>
<header id="nav">
      <?php include ('menu.php');?>  
    </header>

<section class="contact_banner">
       <div class="contact_header">
        <img src="img/contact_banner_icon.png" alt="">
        <h1>Donate for Nation</h1>
       </div>
    </section>
    <div class="scroll_button">
        <div class="fixed_icon">
            <i class="fa-solid fa-arrow-up" onclick="topFunction()"></i>
        </div>
    </div>
<div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"></div>
    </section>
   <section class="contact_container">
       
    <div class="inner_container">
      
        <div class="cotact_box">
        <div class="address_contact_box">
          
            <div class="address">
                <h4>VSS (Vishwa Sanatan Sanskriti) Trust Bank Account Details- </h4>
                <address>
                   <b>Bank Name-</b> State Bank Of India

</address>
                 <p><b>Branch Name-</b> Rudrapur, Uttarakhand</p>
         
             <p><b>Account Payee Name-</b> VISHWA SANATAN SANSKRITI</p>
                <p><b>Account Type-</b> Current Account</p>
              <p><b>IFSC Code-</b> SBIN0000708</p>
               <p><b>Account No.-</b> 42834631822</p>
                <p><b>UPI ID-</b> sanatan2423@sbi</p>
            </div>
 <div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"></div>         
            </div>
              <div class="photo_box">
    <div class="photo" id="paginated-list" data-current-page="1" aria-live="polite">

</fieldset>
    </div>
            </div>
     </div>
    </div><div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"></div>
</section>

</footer>
    <script src="javascript.js"></script>
    <script>
        // subpage extra link 
        let extram=document.querySelector('.samepageLink');
        document.querySelector('#cross').onclick =()=>{
          extram.classList.toggle('active');
        }
        //subpage extra link 
    </script>
    </body>
    
    
</html>

Ukuran: 21.0 KB