<!DOCTYPE html>
<!-- 
   Template Name: fervor
   Version: 1.0.0
    Author: Webstrot
-->
<html>


<!-- Mirrored from webstrot.com/html/fervor/html/index4.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 18 Apr 2024 11:28:57 GMT -->
<head>
    
    <meta charset="utf-8">
    <title>lustyloops - Explore, Connect, and Chat with Amazing People Online</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta name="description" content="fervor" />
    <meta name="keywords" content="fervor" />
    <meta name="author" content="" />
    <meta name="MobileOptimized" content="320" />
    <link rel="icon" type="image/png" href="images/favicon.png">
      
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
   
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <link rel="stylesheet" href="new.css">



<body>
    

    <!-- main header wrapper start-->
    <section>
        
        <div class="top-main-wrapper">
            
           <div class="header-box" id="header">
    <header class="w-100 float-start">
        <div class=" main-header main-header-four w-100 float-start">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-2 col-6 p-0">
                        <div class="logo">
                            <a href="home.php">
                                <img src="images/logo.png" class="img-fluid" alt="logo" style="max-width: 170%;margin-left: -12%;">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-10 col-6 p-0">
                        <div class="main-menu w-100 float-end">
                            <div class="overlay d-block d-lg-none"></div>
                            <ul class="float-end sidebar-menu-css" id="cssmenu">
                            </ul>
                            <ul class="index2-inner-ul" style="display: flex; gap: 30px; align-items: center; z-index: 10; position: relative;">
                               
                                <li class="d-none d-lg-block">
                                    <button onclick="location.href='login.php'" style="background-color: #0767CE;color: #fff;font-size: 14px;border: 1px solid rgba(255,255,255,.24);cursor: pointer;font-weight: 600;padding: 7px 22px 7px 22px;border-radius: 10px;position: absolute;top: -20px;">
                                        LOGIN
                                    </button>
                                </li>

                            </ul>
                            <div class="mobToggle d-flex d-lg-none">
                                <button class="js-toggle-dark-mode" type="button">
                                    <i class="fa fa-sun-o darkSunMode" aria-hidden="true"></i>
                                    <i class="fa fa-moon-o darkMoonMode" aria-hidden="true"></i>
                                </button>
                                <div class="toggle-btn toggle-btn-2">
                                    <div class="icon-left"></div>
                                    <div class="icon-right"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>






