Ultra File Manager

Edit: /home/u523034047/domains/vssteam.in/public_html/about-vss.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="robots" content="ALL">
	
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
    <link rel="stylesheet" href="../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="preconnect" href="https://fonts.googleapis.com/"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><link href="https://fonts.googleapis.com/css2?family=Andika&amp;family=Hanken+Grotesk:ital,wght@0,100;0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&amp;family=Inter:wght@100;200&amp;family=Lato:wght@100;300&amp;family=Noto+Sans:wght@100&amp;family=Poppins:wght@500&amp;family=Roboto+Slab:wght@100&amp;family=Roboto:ital,wght@0,100;0,900;1,100&amp;family=Spline+Sans+Mono:ital,wght@0,300;1,300&amp;family=Ubuntu:ital,wght@0,400;1,300;1,400&amp;display=swap" rel="stylesheet">
  
<style>
    .preview-box{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.5);
        z-index: 5;
        opacity: 0;
        width: 30%;
        height: auto;
        pointer-events: none;
        border-radius: 3px;
        padding: 0 5px 5px 5px;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
      }
      .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;
      }
      .details .title p{
        margin: 0 5px;
      }
      .details .title p.current-img{
        font-weight: 500;
      }
      .details .icon{
        color: #000;
        font-size: 20px;
        cursor: pointer;
      }
      .details .icon:hover{
        color: #531101;
      }
      
      .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;
      }
      
    /* Agreement Section End */
    .image_board_trustee{
        width: 100%;
        text-align: center;
    }
    .image_board_trustee #imag{
        width: 100%;
    }
    @media(max-width:1500px){
        .preview-box{
            width: 70%;
        }
        .image-box img{
            width: 100%;
            height:700px;
        }
    }
    @media(max-width:612px){
        .preview-box{
            width: 100%;
        }
        .image-box img{
            width: 100%;
            height:600px;
        }
    }
    @media(max-width:550px){
        .preview-box{
            width: 100%;
        }
        .image-box img{
            width: 100%;
            height:500px;
        }
    }
</style>
</head>
<body>
<header id="nav">
      <?php include ('menu.php');?>  
    </header>

<section class="page_banner">
        <h1>About Us</h1>
    </section>
    <section class="about_countainer" id="sd_foundation">
        <div class="inner_about_container">
             <div class="mid_logo">
           <img src="img/vss-logo.png" alt="">
           
        </div><br>
            <div class="about_header">
                <h1>About Sanatan Dharma <span style="font-weight: 100; font-size:30px;">&#174;</span></h1>
            </div>
            <div class="about_containt">
                <p>

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. The word Dharma has been used in Rigveda for created beings primarily cosmic to follow the path set for them. Failing to follow those paths was thought to be responsible for various forms of calamities and sufferings. Dharma word came in use for humans in natural, religious, social and moral spheres to follow the path of values, duties and responsibilities, rights, laws, conduct, virtues, right way of living and path of righteousness. Dharma is universal and applies to all human beings.
</p>
            </div>
        </div>
    </section>
  
    <div class="scroll_button">
        <div class="fixed_icon">
            <i class="fa-solid fa-arrow-up" onclick="topFunction()"></i>
        </div>
    </div>
    <section class="aims_objective" id="aims_objective">
        <div class="inner_aims_obj_container">
            <div class="aims-obj_header">
                <img src="img/bullseye.png" alt="icons">
                <h1>Aims and objectives</h1>
            </div>
            <p>Our aim is to provide awareness to people about Sanatan culture globally. Because Sanatan culture is the means for the welfare of the entire human society. We will create a work system on the ground for human upliftment and upliftment of Sanatan culture for our human society and will help people in doing so. Will inspire and organize people towards this.</p>
<p>As we well know that Sanatan Sanskriti system is a way of life for all human beings to live, which works equally for the welfare of all human society. In today's era, Sanatan Sanskriti system Due to increasing poverty among the people, many foreign evils have taken birth in the society. Due to which, in our society, bad habits like ignorance, carelessness, indiscipline, lying, wordlessness, non-vegetarian food, fights, feelings of inferiority, jealousy, pride and casteism have increased in human life.</p>
<p>If the amount of above mentioned habits increases in our life then it will prove to be very dangerous for our society and our coming young generation will be greatly influenced by all these habits which will prove to have adverse consequences for our Sanatan society. All the habits are well observed by all of us in our daily routine. Due to today's modernity, adultery and demonic tendencies are increasing in the entire human life. If we do not curb all these wrong thoughts and habits, then it will be very dangerous for the young generation of our present society and the future society. And that would be a reckless move.</p>
          <p>If we all do not reduce the distance between this modernity and the eternal culture, then we all cannot even imagine how dangerous it will be in the coming time. For which we see all kinds of examples in our lives every day. We all have to first acquire knowledge about Sanatan culture at our level, no matter what age we are in (like 10 years, 20 years, 30 years, 40 years, 50 years, 60 years, 70 years and 80 years).</p>
<p>When we become aware and strong about our culture, we will also be able to make our society aware and strong. It has been found in most of the people that we mostly think it is better to depend on other people and have expectations from them. And we do not improve our moral values. We run away from responsibility. Whereas this habit makes us weak and undisciplined. This means that unless we act on something, we cannot even convince the other person. And we spend most of our time in expecting people. Our whole life gets destroyed.</p>
<p>We should know very well that the future of our country and Sanatan culture will be our coming young generation. And the mental development of the young generation will depend on our work, how much knowledge we acquire of Sanatan culture to make our society understand, how much we apply it on ourselves and how much we give to our society and children.Because Sanatan culture is a way of life for all human life. Due to this, all human life will be saved.</p>
            </div>
            </section>
            
            <section class="objective_container" id="manegment">
                <div class="inner_obj_box">
                <h1>VSS Working Scope</h1>
               
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>1.</strong> To promote and spread Sanatan culture.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>2.</strong> To emphasize and implement the Gurukul system.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>3.</strong>To stop social evils and bring back the eternal culture.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>4.</strong> To inspire the society towards Sanatan.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>5.</strong> To provide self-defense training.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>6.</strong> To eliminate social casteism and feeling of inferiority.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>7.</strong>To gather all human society.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>8.</strong>Raising voice against injustice.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>9.</strong>Helping poor society, children, old people and disaster affected people.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>10.</strong> Working on protection of religion, cow protection, social protection and protection of Sanatan culture.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p> <strong>11.</strong>Working and getting work done at the ground level.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>12.</strong>To make the young generation aware about Sanatan culture.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>13.</strong>To provide free group education and supervision to small children.</p>
                    </div>
                </div>
                <div class="inner-objct">
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>14.</strong>To provide free education to all girls students by educated mothers and sisters.</p>
                    </div>
                </div>
                <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>15.</strong>To receive care, service and blessings from the elders of the group's families and to receive teachings from them and to provide the teachings to their children.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>16.</strong>To provide benefits to the people by running free group classes on many useful subjects of Sanatan culture like Spirituality, Gyan Yoga, Satya Sanatan Siddhant etc.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>17.</strong>To provide education from lower level to higher level, schools, colleges, educational institutions, universities etc. will be established and operated by VSS.</p>
                    </div>
                </div>
                 <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>18.</strong>Hostel, laboratory, library etc. will be established and operated by VSS.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>19.</strong>For the promotion and propagation of sports to establish and run sports colleges, academies etc. and regional, district level, state level and international level by VSS and sports events and training to provide by VSS.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>20.</strong>To establishment and operation by VSS of Medical colleges, nursing colleges, research centers, hospitals etc.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>21.</strong>To provide technical education to reduce unemployment through the VSS. To make needful efforts for the establishment and operation, for  ITI School, Poly Technique School, Computer Centre, Technical Educational Institute etc by VSS.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>22.</strong>To make the efforts by VSS to provide every type of education, including all types of vocational education, distance education, disabled education, online educational institutions, technical educational institutions etc. and establish and operation schools and educational institutions related to these. </p>
                    </div>
                </div>
                   <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>23.</strong>VSS to obtain financial assistance to receive, donations and government grants etc. from all types of government, non-government banks, financial institutions and common people to fulfill its objectives.</p>
                    </div>
                </div>
                 <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>24.</strong>VSS can obtain financial and technical support from other trusts, committees, individuals etc.</p>
                    </div>
                </div>
                 <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>25.</strong>To fulfill its objectives, the VSS can be purchase or on rent the land and Buidling etc.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>26.</strong>To work for the upliftment by VSS begging children, women and old people, and will try to arrange free education, hostel, library, laboratory etc. for the begging children, and will make arrangements for employment by providing them technical education.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>27.</strong>To work for environmental protection by VSS and try to plant trees everywhere, with the help of the government for plant shady and fruit bearing trees.</p>
                    </div>
                </div>
                <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>28.</strong>To make arrangements by VSS for education, hostels, laboratories etc for disabled children.</p>
                    </div>
                </div>
                 <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>29.</strong>To encourage people by VSS to become self-reliant  and to provide information about cottage industries, small scale industries etc. In this regard, also try to give information about the all relevant schemes made by the government to the people, help people get grants.</p>
                    </div>
                </div>
                   <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>30.</strong>To work by VSS in the field of Khadi village industries, encourage the people to use Khadi clothes etc and arrange fairs and exhibitions in this regard.</p>
                    </div>
                </div>
                    <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>31.</strong>To arrange science exhibitions, book fairs etc. for the children of schools by VSS.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>32.</strong>To organize the district level, state level and international level sports for the physical and mental development of children by VSS and make arrangements for sports training.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>33.</strong>To encourage people to maintain religious harmony in the society, to organize people of all castes, to develop them, to provide financial help to poor people, to arrange marriages of poor girls of all castes.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>34.</strong>To prepare capable Vedic scholars and scholars from householders themselves to work in different areas of the society.</p>
                    </div>
                </div>
                 <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>35.</strong>To provide importance and knowledge of mantras which provide the ability to attain human origin.</p>
                    </div>
                </div>
                  <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>36.</strong>To benefit people from the vastness of religion and spirituality through Sanatan culture.</p>
                    </div>
                </div>
                      <div class="inner-objct" >
                    <div class="circle"></div>
                    <div class="objct-content">
                        <p><strong>37.</strong>To create a society that is aware, strong and believes in religion.</p>
                    </div>
                </div>
                   <div class="inner-objct" id="line_hide">
                    <div class="circle" id="last_circle"></div>
                    <div class="objct-content">
                        <p><strong>38.</strong>To work for the proper development of mankind.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
   
    <script>
        const gallery  = document.querySelectorAll(".page_one"),
    previewBox = document.querySelector(".preview-box"),
    previewImg = previewBox.querySelector("img"),
    closeIcon = previewBox.querySelector(".icon"),
    currentImg = previewBox.querySelector(".current-img"),
    totalImg = previewBox.querySelector(".total-img"),
    shadow = document.querySelector(".shadow");
        window.onload = ()=>{
          for (let i = 0; i < gallery.length; i++) {
              //passing total img length to totalImg variable
              let newIndex = i; //passing i value to newIndex variable
              let clickedImgIndex; //creating new variable
              
              gallery[i].onclick = () =>{
                  clickedImgIndex = i; //passing cliked image index to created variable (clickedImgIndex)
                  function preview(){
                      let imageURL = gallery[newIndex].querySelector("img").src; //getting user clicked img url
                      previewImg.src = imageURL; //passing user clicked img url in previewImg src
                  }
                  preview(); //calling above function
          
                  const prevBtn = document.querySelector(".prev");
                  const nextBtn = document.querySelector(".next");
                  if(newIndex == 0){ //if index value is equal to 0 then hide prevBtn
                      prevBtn.style.display = "none"; 
                  }
                  if(newIndex >= gallery.length - 1){ //if index value is greater and equal to gallery length by -1 then hide nextBtn
                      nextBtn.style.display = "none"; 
                  }
                  prevBtn.onclick = ()=>{ 
                      newIndex--; //decrement index
                      if(newIndex == 0){
                          preview(); 
                          prevBtn.style.display = "none"; 
                      }else{
                          preview();
                          nextBtn.style.display = "block";
                      } 
                  }
                  nextBtn.onclick = ()=>{ 
                      newIndex++; //increment index
                      if(newIndex >= gallery.length - 1){
                          preview(); 
                          nextBtn.style.display = "none";
                      }else{
                          preview(); 
                          prevBtn.style.display = "block";
                      }
                  }
                  document.querySelector("body").style.overflow = "hidden";
                  previewBox.classList.add("show"); 
                  shadow.style.display = "block"; 
                  closeIcon.onclick = ()=>{
                      newIndex = clickedImgIndex; //assigning user first clicked img index to newIndex
                      prevBtn.style.display = "block"; 
                      nextBtn.style.display = "block";
                      previewBox.classList.remove("show");
                      shadow.style.display = "none";
                      document.querySelector("body").style.overflow = "scroll";
                  }
              }
              
          } 
      }
      </script>
<footer>
       <?php include ('footer.php');?>  
    </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
        //Agreement Image Zoom Start
        let zoom=document.querySelector('#agreementZoom');
        document.querySelector('#zoomImg').onclick =()=>{
          zoom.classList.toggle('active');
        }
        let zoom1=document.querySelector('#agreementZoom1');
        document.querySelector('#zoomImg1').onclick =()=>{
          zoom1.classList.toggle('active');
        }
        let zoom2=document.querySelector('#agreementZoom2');
        document.querySelector('#zoomImg2').onclick =()=>{
          zoom2.classList.toggle('active');
        }
        let zoom3=document.querySelector('#agreementZoom3');
        document.querySelector('#zoomImg3').onclick =()=>{
          zoom3.classList.toggle('active');
        }
        let zoom4=document.querySelector('#agreementZoom4');
        document.querySelector('#zoomImg4').onclick =()=>{
          zoom4.classList.toggle('active');
        }
        let zoom5=document.querySelector('#agreementZoom5');
        document.querySelector('#zoomImg5').onclick =()=>{
          zoom5.classList.toggle('active');
        }
        //Agreement Image Zoom End
    </script>
    </body>
    

</html>

Ukuran: 28.2 KB