OStist Profile



<!DOCTYPE html>
<html>
<head>
    <title>Data File Generator</title>
  <style>
    
    
    /* pc view ke liye styles */
     body {
            margin-top:-295px;
        }
        .container {
          padding:4px;
           max-width: 500px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
            color: #333;
        }
        input[type="text"] {
            width: calc(100% - 20px);
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            text-align:center;
          color:black;
        }
        input[type="text"]:focus {
            outline: none;
            border-color: #007bff;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        button:hover {
            background-color: #0056b3;
        }
         .dropdown {
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            width: 60px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown-content button {
            color: black;
            padding: 2px 4px;
            text-decoration: none;
            display: block;
            background-color: transparent;
            border: none;
            width:100px;
            text-align:left;
          height:64px;
          margin-right:100px;
          
        }
        .dropdown-content button:hover {
            background-color: #f1f1f1;
          
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .phoimg{border:0.11px solid red;
       border-radius:100%;
       height:120px; width:120px; 
       
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
       #data1{width:235px;
       font-size:20px;
       color:red;
      
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);  }
       
       .ytimg{ margin-top:-82px;
      margin-left:142px;
      position:fixed; }
      .user{margin-top:-112px;
      margin-left:155px;
    position:fixed;
        color:gray;
    }
    .wallet{}
     .More{}
      
  /* Tablet view ke liye styles */
    @media screen and (max-width: 768px) {  body {
            margin-top:-295px;
        }
        .container {
          padding:4px;
           max-width: 500px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
            color: #333;
        }
        input[type="text"] {
            width: calc(100% - 20px);
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            text-align:center;
          color:black;
        }
        input[type="text"]:focus {
            outline: none;
            border-color: #007bff;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        button:hover {
            background-color: #0056b3;
        }
         .dropdown {
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            width: 60px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown-content button {
            color: black;
            padding: 2px 4px;
            text-decoration: none;
            display: block;
            background-color: transparent;
            border: none;
            width:100px;
            text-align:left;
          height:64px;
          margin-right:100px;
          
        }
        .dropdown-content button:hover {
            background-color: #f1f1f1;
          
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .phoimg{border:0.11px solid red;
       border-radius:100%;
       height:120px; width:120px; 
       
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
       #data1{width:235px;
       font-size:20px;
       color:red;
      
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);  }
       
       .ytimg{ margin-top:-82px;
      margin-left:142px;
      position:fixed; }
      .user{margin-top:-112px;
      margin-left:155px;
    position:fixed;
        color:gray;
    }
    .wallet{}
     .More{}
      
  }
  
    /* Mobile view ke liye styles */
    @media screen and (max-width: 480px) { body {
            margin-top:-295px;
        }
        .container {
          padding:4px;
           max-width: 500px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
            color: #333;
        }
        input[type="text"] {
            width: calc(100% - 20px);
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            text-align:center;
          color:black;
        }
        input[type="text"]:focus {
            outline: none;
            border-color: #007bff;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        button:hover {
            background-color: #0056b3;
        }
         .dropdown {
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            width: 60px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown-content button {
            color: black;
            padding: 2px 4px;
            text-decoration: none;
            display: block;
            background-color: transparent;
            border: none;
            width:100px;
            text-align:left;
          height:64px;
          margin-right:100px;
          
        }
        .dropdown-content button:hover {
            background-color: #f1f1f1;
          
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .phoimg{border:0.11px solid red;
       border-radius:100%;
       height:120px; width:120px; 
       
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
       #data1{width:235px;
       font-size:20px;
       color:red;
      
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);  }
       
       .ytimg{ margin-top:-82px;
      margin-left:142px;
      position:fixed; }
      .user{margin-top:-112px;
      margin-left:155px;
    position:fixed;
        color:gray;
    }
    .wallet{}
     .More{}
       }
     #opendiv{
            display: none;
            background-color: gray;
       color:white;
            padding: 20px;
            border: 1px solid #ddd;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-top:-300px;
            width:200px;
       margin-left:-240px;
           
        }
    #opendiv2{
            display: none;
            background-color: gray;
            padding: 20px;
            border: 1px solid #ddd;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-top:-300px;
            width:200px;
       margin-left:-240px;
           
        }
 .container1 {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 170px;
     display: flex;
    flex-direction: column;
}

.additional-info {
    order: -1; /* This moves the .additional-info section to the top */
}
          h2 {

            margin-bottom: 20px;

            color: #333;

            text-align: center;

        }

      
   </style>
    <script>
        function saveData() {
            var data1 = document.getElementById("data1").value;
            var data2 = document.getElementById("data2").value;
            var data3 = document.getElementById("data3").value;
            var data4 = document.getElementById("data4").value;
            var data5 = document.getElementById("data5").value;

            var password = prompt("Enter password to save data:");

          //password yahin badalna hai 
          
            if (password === "90054@Ram") {
                var data = {
                    data1: data1,
                    data2: data2,
                    data3: data3,
                    data4: data4,
                    data5: data5
                };

                localStorage.setItem("user_data", JSON.stringify(data));
                alert("Data saved successfully!");
                document.getElementById("submitButton").style.display = "none"; // Hide submit button after successful save
            } else {
                alert("Incorrect password! Data not saved.");
            }
        }

        window.onload = function() {
            var savedData = localStorage.getItem("user_data");
            if (savedData !== null) {
                savedData = JSON.parse(savedData);
                document.getElementById("data1").value = savedData.data1;
                document.getElementById("data2").value = savedData.data2;
                document.getElementById("data3").value = savedData.data3;
                document.getElementById("data4").value = savedData.data4;
                document.getElementById("data5").value = savedData.data5;
            }
        }
         function editData() {
         document.getElementById("submitButton").style.display = "block";
document.getElementById("opendiv2").style.display="none";
            document.getElementById("opendiv").style.display="none";
         document.getElementById("submitButton").innerHTML = "Submit";
        }
         function editData1() {
         document.getElementById("data2").style.display = "block";
         document.getElementById("data3").style.display = "block";
         document.getElementById("data4").style.display = "block";
         document.getElementById("data5").style.display = "block";
        }
       function showContent() {
         document.getElementById("opendiv").style.display = "block";
          document.getElementById("opendiv2").style.display="none";
         
        }
    </script>
 <script>
        const scriptURL = 'https://script.google.com/macros/s/AKfycbyxPw5P8oRJgyXVcQoeCHMpUFEiNd2rkm2GIXkWrGYcrjaLXChHBaG78sDRrYckXKicfg/exec';
        const form = document.forms['google-sheet'];
        const commentInput = document.getElementById('commentInput');

        // Function to handle form submission
        form.addEventListener('submit', e => {
            e.preventDefault();
            fetch(scriptURL, {
                method: 'POST',
                body: new FormData(form)
            })
            .then(response => {
                // Clear the input field after successful submission
                commentInput.value = '';
                // Optionally, you can add a redirection logic here
            })
            .catch(error => console.error('Error!', error.message));
        });
   </script>
</head>
<body>
   <div class="container">
      
       <img class="phoimg"src="">
        <div class="ytimg"><a href=""><img style="height:40px;margin-top:5px" src="https://www.youtube.com/yts/img/favicon_32-vflOogEID.png" alt="YouTube Logo"></a>   <a href=""><img style="height:35px;margin-top:-5px" src="https://www.facebook.com/images/fb_icon_325x325.png" alt="Facebook Logo"></a>
 
 <a href=""><img style="margin-top:-7px" src="https://www.instagram.com/static/images/ico/favicon.ico/36b3ee2d91ed.ico" alt="Instagram Logo"></a>

</div>
      
<div class="user">@<hr></div>
      
      
       <br> <input type="text" id="data1" placeholder=""> <button style="width:60.5px;
       height:48px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); "onclick="editData1()">Bio</button><br>
        <input type="text" id="data2"style="display: none;" placeholder=""><br>
        <input type="text" id="data3"style="display: none;"placeholder=""><br>
        <input type="text" id="data4"style="display: none;"placeholder=""><br>
       <input type="text" id="data5"style="display: none;"placeholder=""><br><br>
        <button id="submitButton" style="display: none;" onclick="saveData()">Submit</button>
     
       <br> <a href="https://ostist.blogspot.com/2023/04/ostist_58.html"><button style="width:92.5px;
       
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);">More</button></a><div style="width:205px;

       font-size:18px;

       color:red;

      margin-left:100px;

      margin-top:-48px; border-radius:5px;

     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     padding:5px; ">Wallet: <span style="color:gray;">10000</span></div><br>
        <div id="content1">
              
        </div>
     <button onclick="copy()">Referal Code</button><div id="copi">Referal Code: ,Create Your Profile :https://ostist.blogspot.com/2024/05/ostist-30.html?m=1 </div>
       
         <div class="dropdown">
           <button>⁞</button>
            <div class="dropdown-content">
                <button class="btndrop" id="editButton" onclick="editData()">Edit</button>
             <a href="https://ostist.blogspot.com/2024/05/ostist-30.html"><button id="homeButton">Home</button></a>
               
            <a href="https://ostist.blogspot.com/2024/01/earnings-ways.html"><button onclick="showContent()" class="wthdraw" id="with">Earn/Invest</button></a>
         <button id="homeButton" onclick="Ppolicy()">Privacy & Policy</button>
             <div id="opendiv2" style="display: none;">
                <div class="container">
        <h1>Privacy Policy</h1>
        <p>Effective date: June 7, 2024</p>
        
        <h2>1. Introduction</h2>
        <p>Welcome to [OSTIST]. We respect your privacy and are committed to protecting your personal information. This Privacy Policy explains what information we collect, how we use it, and under what circumstances we may share it.</p>

       <h2>2. Information We Collect</h2>
        <h3>Information You Provide</h3>
        <p>We collect information you provide directly to us, such as when you create an account, fill out a form, or contact us. This may include your name, email address, phone number, and payment information.</p>

       <h3>Information We Collect Automatically</h3>
       <p>We also collect certain information automatically when you use our services, including your IP address, browser type, device information, and usage data.</p>

       <h2>3. How We Use Your Information</h2>
        <p>We use the information we collect to:</p>
        <ul>
            <li>Provide, operate, and maintain our services</li>
            <li>Improve, personalize, and expand our services</li>
            <li>Communicate with you, including for customer service, updates, and marketing</li>
           <li>Process transactions and manage orders</li>
           <li>Prevent fraud and enhance security</li>
            <li>Comply with legal obligations</li>
        </ul>

        <h2>4. Sharing Your Information</h2>
       <p>We may share your information with:</p>
        <ul>
            <li>Service providers who perform services on our behalf</li>
            <li>Law enforcement or other authorities if required by law</li>
            <li>Other third parties with your consent</li>
        </ul>

        <h2>5. Security</h2>
       <p>We implement a variety of security measures to protect your personal information. However, no security system is completely impenetrable, and we cannot guarantee the security of your data.</p>  <h2>6. Your Rights</h2>
       <p>You have the right to access, update, or delete your personal information. To exercise these rights, please contact us using the information provided below.</p>
        <h2>7. Changes to This Policy</h2>
       <p>We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on our website. We encourage you to review this policy periodically.</p> <h1>Terms of Service</h1><h2>2. Use of Services</h2>
        <p>You agree to use our services only for lawful purposes and in accordance with these terms. You must not use our services in any way that could harm our website or its users.</p>  <h2>3. Account Responsibilities</h2>
        <p>You are responsible for maintaining the confidentiality of your account information and for all activities that occur under your account. You agree to notify us immediately of any unauthorized use of your account.</p>
 <h2>4. Intellectual Property</h2>
        <p>All content on our website, including text, graphics, logos, and software, is the property of [OSTIST] or its licensors and is protected by intellectual property laws.</p>  <h2>5. Limitation of Liability</h2>
       <p>To the fullest extent permitted by law, [OSTIST] shall not be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or related to your use of our services.</p> <h2>6. Governing Law</h2>
        <p>These terms are governed by the laws of [Your Country]. Any disputes arising from these terms or your use of our services will be resolved in the courts of [OSTIST].</p><h2>7. Changes to Terms</h2>
        <p>We may update these Terms of Service from time to time. We will notify you of any changes by posting the new terms on our website. Your continued use of our services after any changes indicates your acceptance of the new terms.</p><h2>8. Contact Us</h2>
        <p>If you have any questions about these Terms of Service, please contact us:</p>
        <ul>
            <li>Email: support@ostist.com</li>
            <li>Website: www.ostist.blogspot.com/contact</li>
            <li>Phone:(+91)6392221731</li>
        </ul>
   </div>
              </div>
           </div>
            
       </div>
      
   </div>
    <script type="text/javascript">
function copy() {
  var textToCop = document.getElementById("copi");
  var range = document.createRange();
  range.selectNode(textToCop);
  window.getSelection().removeAllRanges();
  window.getSelection().addRange(range);
  document.execCommand("copy");
  window.getSelection().removeAllRanges();
}</script>
    <script type="text/javascript">
      function Ppolicy(){
      document.getElementById("opendiv2").style.display="block";
  document.getElementById("opendiv").style.display="none";       
      }
      </script>
</body>
</html>

Comments