Skip to content

dev-nomankhan/Alinasex

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
6u.png
6u.png
 
 
README.html
README.html
 
 
div.svg.jpg
div.svg.jpg
 
 

Repository files navigation

    
  <!DOCTYPE html>
<!-- Coding By CodingNepal - codingnepalweb.com -->
<html lang="en">
<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">

    <!-- ===== CSS ===== -->
    <link rel="stylesheet" href="newpro.css">
        
    <!-- ===== Boxicons CSS ===== -->
    <link href='https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css' rel='stylesheet'>

     <title>private link sex FREE </title>
</head>
<body>
    <nav>
        <div class="nav-bar">
            <i class='bx bx-menu sidebarOpen' ></i>
            <span class="logo navLogo"><a href="#">Daisey</a></span>

            <div class="menu">
                <div class="logo-toggle">
                    <span class="logo"><a href="#">daisey</a></span>
                    <i class='bx bx-x siderbarClose'></i>
                </div>

                <ul class="nav-links">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>

            <div class="darkLight-searchBox">
                <div class="dark-light">
                    <i class='bx bx-moon moon'></i>
                    <i class='bx bx-sun sun'></i>
                </div>

                <div class="searchBox">
                   <div class="searchToggle">
                    <i class='bx bx-x cancel'></i>
                    <i class='bx bx-search search'></i>
                   </div>

                    <div class="search-field">
                        <input type="text" placeholder="Search...">
                        <i class='bx bx-search'></i>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <!-- <div id="ads">
        <script type="text/javascript"> 	atOptions = { 		'key' : '3238372d58189300d836b9bdc3de18af', 		'format' : 'iframe', 		'height' : 90, 		'width' : 728, 		'params' : {} 	}; 	document.write('<scr' + 'ipt type="text/javascript" src="//www.topcreativeformat.com/3238372d58189300d836b9bdc3de18af/invoke.js"></scr' + 'ipt>'); </script>
    </div>
     -->
          <div class="main_content">
              <div class="img_div">
                  <img src="prof.png" alt="">
                  </div>
              <a class="btn" href="https://www.toprevenuegate.com/ndrk0avu8?key=f1f281127830d95ee03e99c8403f055a"><img class="btn_logo"src="prof.png" alt="">Video  </a>
              
 <a class="btnn" href="https://www.toprevenuegate.com/tdr72ywzh9?key=bb6933640f6f10da72523293b09d91ee"><img class="btnn_logo"src="prof.png" alt="">LiveCams</a>
          </div>
         

   <!--  
  <div>
      <script type='text/javascript' src='//pl21527244.toprevenuegate.com/0a/2a/fc/0a2afcdb55f9f691e0e773ea65c5b884.js'></script>
  </div> -->
      
      <!-- <div>
          <script type='text/javascript' src='//pl21522054.toprevenuegate.com/d3/c1/7c/d3c17c8290dc66d910150a67c59652b1.js'></script>
      </div> -->
      
     
     
<div class="buttom"> 
    <div class="bottom3">
        
    </div>
    
</div>

<!-- <div class="contract">
    <h2> level up</h2>
    <p> hello world news More details and javascript </p>
    <form>
        <div class="child_form">
            <label for="name">Enter your name </label>
 <input type="text" name="name" id="" placeholder="Your Name">
        </div>
         <div class="child_form">
            <label for="name">Enter your name </label>
 <input type="text" name="email" id="" placeholder="Enter Your email address">
        </div>
         <div class="child_form">
            <label for="name">Enter your name </label>
 <input type="number" name="number" id="" placeholder="Enter Your phone number ">
        </div>
        
        
    </form> -->
    </div>
    
    
    
    <div class="last-btn">
        <a href="">held </a>
        
    </div>
    
</div>


<script src="new.js"></script>

<script>


const body = document.querySelector("body"),
      nav = document.querySelector("nav"),
      modeToggle = document.querySelector(".dark-light"),
      searchToggle = document.querySelector(".searchToggle"),
      sidebarOpen = document.querySelector(".sidebarOpen"),
      siderbarClose = document.querySelector(".siderbarClose");

      let getMode = localStorage.getItem("mode");
          if(getMode && getMode === "dark-mode"){
            body.classList.add("dark");
          }

// js code to toggle dark and light mode
      modeToggle.addEventListener("click" , () =>{
        modeToggle.classList.toggle("active");
        body.classList.toggle("dark");

        // js code to keep user selected mode even page refresh or file reopen
        if(!body.classList.contains("dark")){
            localStorage.setItem("mode" , "light-mode");
        }else{
            localStorage.setItem("mode" , "dark-mode");
        }
      });

// js code to toggle search box
        searchToggle.addEventListener("click" , () =>{
        searchToggle.classList.toggle("active");
      });
 
      
//   js code to toggle sidebar
sidebarOpen.addEventListener("click" , () =>{
    nav.classList.add("active");
});

body.addEventListener("click" , e =>{
    let clickedElm = e.target;

    if(!clickedElm.classList.contains("sidebarOpen") && !clickedElm.classList.contains("menu")){
        nav.classList.remove("active");
    }
});

</script>

</body>
</html>

About

alinasex.vercel.app

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published