ok
Direktori : /proc/thread-self/root/home2/selectio/www/wedding-info/ |
Current File : //proc/thread-self/root/home2/selectio/www/wedding-info/index1.php |
<?php include 'header.php';?> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css"> <style> a, a:visited{ color: #fff; } .as-btn{ background-color: #ff0000; } .couple-img-container{ height: 550px; } .couple-img-container:after{ box-shadow: inset 0 0 0 16px rgb(209 148 65), 0 1px 2px rgb(0 0 0 / 19%); border-radius: 10px; } @media (min-width: 1200px){ .venkat{ width: 16%; margin-left: 30%; margin-top: 7%; } } @media (max-width: 480px){ .venkat{ width: 40%; margin-left: 53%; margin-top: 21%; } } @media (min-width: 1200px){ .venkat1{ width: 90%; margin-left: 18%; margin-top: 85%; } } @media (max-width: 480px){ .venkat1{ width: 44%; margin-left: 17%; margin-top: 100%; } } @media (min-width: 1200px){ .venkat2{ width: 49%; margin-left: 11%; margin-top: 15%; } } @media (max-width: 480px){ .venkat2{ width: 78%; margin-left: 11%; margin-top: 30%; } } @media (min-width: 1200px){ .venkat3{ width: 35%; margin-left: 54%; margin-top: 94%; } } @media (max-width: 480px){ .venkat3{ width: 35%; margin-left: 29%; margin-top: 77%; } } @media (min-width: 1200px){ .venkat4{ width: 35%; margin-left: 133%; margin-top: 154%; } } @media (max-width: 480px){ .venkat4{ width: 35%; margin-left: 95%; margin-top: 129%; } } @media (min-width: 1200px){ .venkat5{ width: 35%; margin-left: 300%; margin-top: 107%; } } @media (max-width: 480px){ .venkat5{ width: 35%; margin-left: 207%; margin-top: 109%; } } @media (min-width: 1200px){ .venkat6{ width: 35%; margin-left: 113%; margin-top: 265%; } } @media (max-width: 480px){ .venkat6{ width: 35%; margin-left: 50%; margin-top: 235%; } } @media (min-width: 1200px){ .venkat7{ width: 35%; margin-left: 97%; margin-top: 248%; } } @media (max-width: 480px){ .venkat7{ width: 35%; margin-left: 35%; margin-top: 204%; } } @media (min-width: 1200px){ .venkat8{ width: 50%; margin-left: 124%; margin-top: 23%; } } @media (max-width: 480px){ .venkat8{ width: 50%; margin-left: 100%; margin-top: 42%; } } @media (min-width: 1200px){ .venkat9{ width: 50%; margin-left: 365%; margin-top: 380%; transform: rotate(170deg); } } @media (max-width: 480px){ .venkat9{ width: 50%; margin-left: 265%; margin-top: 325%; transform: rotate(170deg); } } @media (min-width: 1200px){ .venkat10{ width: 73%; margin-left: 103%; margin-top: 12%; } } @media (max-width: 480px){ .venkat10{ width: 80%; margin-left: 10%; margin-top: 83%; } } @media (min-width: 1200px){ .venkat11{ width: 73%; margin-left: 217%; margin-top: 90%; } } @media (max-width: 480px){ .venkat11{ width: 50%; margin-left: 26%; margin-top: 122%; } } @media (min-width: 1200px){ .venkat12{ width: 100%; margin-left: 395%; margin-top: 200%; } } @media (max-width: 480px){ .venkat12{ width: 50%; margin-left: 26%; margin-top: 122%; } } @media (min-width: 1200px){ .venkat13{ width: 32%; margin-left: 317%; margin-top: 313%;; } } @media (max-width: 480px){ .venkat13{ width: 80%; margin-left: 430%; margin-top: 122%; } } @media (min-width: 1200px){ .venkat14{ width: 30%; margin-left: 233%; margin-top: 40%; } } @media (max-width: 480px){ .venkat14{ width: 80%; margin-left: 644%; margin-top: 671%; } } @media (min-width: 1200px){ .venkat15{ width: 25%; margin-left: 41%; margin-top: 258%; } } @media (max-width: 480px){ .venkat15{ width: 80%; margin-left: 85%; margin-top: 725%; } } @media (min-width: 1200px){ .venkat16{ width: 90%; margin-left: 525%; margin-top: 5%; transform: rotate(90deg); } } @media (max-width: 480px){ .venkat16{ width: 57%; margin-left: 280%; margin-top: 9%; transform: rotate(90deg); } } @media (min-width: 1200px){ .venkat17{ width: 83%; margin-left: 265%; margin-top: 467%; transform: rotate(270deg); } } @media (max-width: 480px){ .venkat17{ width: 57%; margin-left: 280%; margin-top: 9%; transform: rotate(90deg); } } @media (min-width: 1200px){ .venkat18{ width: 25%; margin-left: 616%; margin-top: 139%; } } @media (min-width: 1200px){ .venkat19{ width: 17%; margin-left: 500%; margin-top: 14%; } } @media (min-width: 1200px){ .venkat20{ width: 17%; margin-left: 340%; margin-top: 68%; } } @media (min-width: 1200px){ .venkat21{ width: 17%; margin-left: 572%; margin-top: 251%; } } @media (min-width: 1200px){ .venki{ width: 20%; margin-left: -42%; } } @media (max-width: 480px){ .venki{ width: 33%; margin-left: -41%; margin-top: 46%; margin-bottom: -17%; } } @media (max-width: 480px){ .venki1{ width: 33%; margin-left: 142%; margin-top: -49%; } } .as-btn{ line-height: 0; } </style> <style> .blur { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } #overlay { position: fixed; display: none; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,.8); z-index: 999; } .modal { display: none; position: fixed; z-index: 8; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); } .modal-content { margin: 15% auto; border: 1px solid #999; width: 60%; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } </style> <section id="couple" class="wrapper--couple" style="background: linear-gradient(63deg, rgba(255,59,161,1) 0%, rgba(254,222,163,1) 30%, rgba(255,194,152,1) 47%, rgba(120,195,236,1) 61%, rgba(109,27,222,1) 79%, rgba(254,51,92,1) 91%);"> <div class="container"> <div class="row"> <div class="col-md-12" style="margin-top: -21%;"> <div class="couple-venkat"> <div class="couple-img-container" style="background: #ffe2e2;"> <img src="images/new/background/background.png" alt="" class="img-responsive"> </div> <div id="couple1" class="petals-scene" style="box-shadow: 17px 15px 11px 0px #00000087;"> <ul id="petals-scene" class="scene"> <!--- Left image section star --> <li class="layer"> <a id="menu-toggle" href="#" class="menu-toggle" style="width: 6%;margin-right: 3px;margin-top: 2px;background: none;"> <img src="images/new/background/background1.png" alt="petal img 8" style="position: relative;"> <img src="images/icon/bar.png" alt="petal img 8" style="position: absolute;width: 41%;margin-left: -68%;margin-top: 47%;"> </a> </li> <li class="layer"><img src="images/new/bubble/bubble1.png" class="venkat" alt="petal img 1"></li> <li class="layer"><img src="images/new/bubble/bubble.png" alt="petal img 1" class="venkat1"></li> <li class="layer"><img src="images/new/icon/image.png" alt="petal img 1" class="venkat2"></li> <li class="layer"><img src="images/new/flower/flower.png" alt="petal img 1" class="venkat3"></li> <li class="layer"><img src="images/new/flower/flower1.png" alt="petal img 1" class="venkat4"></li> <li class="layer"><img src="images/new/flower/flower2.png" alt="petal img 1" class="venkat5"></li> <li class="layer"><img src="images/new/flower/flower3.png" alt="petal img 1" class="venkat6"></li> <li class="layer"><img src="images/new/flower/flower6.png" alt="petal img 1" class="venkat7"></li> <li class="layer"><img src="images/new/heart/heart.png" alt="petal img 1" class="venkat8"></li> <li class="layer"><img src="images/new/heart/heart1.png" alt="petal img 1" class="venkat9"></li> <li class="layer"><img src="images/new/bubble/red-round.png" alt="petal img 1" class="venkat13"></li> <li class="layer"><img src="images/new/bubble/red-round.png" alt="petal img 1" class="venkat14"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat15"></li> <li class="layer"><img src="images/new/bubble/bubble.png" alt="petal img 1" class="venkat16"></li> <li class="layer"><img src="images/new/bubble/bubble.png" alt="petal img 1" class="venkat17"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat18"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat19"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat20"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat21"></li> <!--- Left image section end --> <li class="layer"><img src="images/gif/SKT-logo.gif" alt="petal img 1" class="venkat10"></li> <div class="widget widget_search layer" style="margin-left: 64%;margin-top: -13px;background: none;"> <form class="search-form" style="line-height: -1px;"> <input type="text" placeholder="Search Seller (or) Buyer Login Mobile No" style="box-shadow: 6px 2px 8px 2px #00000087;height: 31px;width: 280px;border: 3px solid #d19441;border-radius: 6px;padding-left: 10px;font-family: initial;font-size: 15px;margin-left: -14%;"> <button type="submit" style="margin-top: -4%;margin-right: -5%;"> <i class="far fa-search" style="margin-top: 2px;"></i> </button> </form> </div> <li class="layer"> <div class="venkat11"> <a href="index.php" style="color: black;font-family: auto;font-size: 30px;"> <img src="images/icon/abstract1.png" class="venki" alt="petal img 8"> www.weddinfo.com <img src="images/icon/abstract2.png" class="venki1" alt="petal img 8"> </a> </div> </li> <li class="layer"> <div class="venkat12"> <button type="button" class="button as-btn style3" data-modal="modalOne" style="border-bottom: 5px solid #d19441;border-radius: 27px;border-left: 13px solid #d19441;border-right: 15px solid #d19441;border-top: 4px solid #d19441;height: 0px;"> <span>Login Now</span> </button> </div> </li> </ul> </div> </div> </div> <!--<div class="col-md-5 col-sm-6"> <div class="couple"> <div class="couple-img-container"><img src="assets/img/bride.jpg" alt="" class="img-responsive"></div> <div class="couple__info"> <div class="couple__info__text"> <h2 class="couple-name">jane Doe</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem?</p> </div> <div class="couple__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a></div> </div> </div> </div>--> </div> <!-- row--> </div> <!--container--> </section> <div id="modalOne" class="modal"> <div class="modal-content" style="height: 275px;border: 9px solid #d19441;border-radius: 20px;width: 40%;background: linear-gradient(0.37turn, #d90127, #92006d, #2c00d1);"> <button type="button" class="btn btn-secondary" id="shop_close" data-bs-dismiss="modal" style="margin-top: -16%;margin-left: 90%;background: none;width: 60px;"> <img src="images/icon/close.png" alt="petal img 8" class="mCS_img_loaded"> </button> <div class="row" style="margin-top: -5%;"> <div class="form-group col-sm-4" style="margin-top: -1%;margin-left: 8%; height: 80%;"> <a href="seller-myinfo.php"> <img src="images/icon/seller.png" alt="venkat"> </a> <!-- <a href="category.php" type="button" class="as-btn style3" id="shop_close" data-bs-dismiss="modal" style="margin-top: -48%;background: #ff0000;font-family: emoji;width: 91px;border-radius: 6px;"> <span style="margin-left: -20px;">Buyer</span> </a>--> </div> <div class="form-group col-sm-2" style="margin-top: 9%;"> <img src="images/icon/bb.png" alt="venkat"> </div> <div class="form-group col-sm-4"> <a href="category.php"> <img src="images/icon/buyer.png" alt="venkat" style="height: 92%;margin-top: -11%;"> </a> </div> </div> </div> </div> <script> let modalBtns = [...document.querySelectorAll(".button")]; modalBtns.forEach(function (btn) { btn.onclick = function () { let modal = btn.getAttribute("data-modal"); document.getElementById(modal).style.display = "block"; }; }); let closeBtns = [...document.querySelectorAll("#shop_close")]; closeBtns.forEach(function (btn) { btn.onclick = function () { let modal = btn.closest(".modal"); modal.style.display = "none"; }; }); window.onclick = function (event) { if (event.target.className === "modal") { event.target.style.display = "none"; } }; </script> <!--<script> $(document).ready(function() { $("#shop_now").click(function() { var p = $("#couple").css("background-color", "yellow"); p.hide(0).show(1500); }); }); </script>--> <!--<script> function myFunction() { document.getElementById("couple").style.backgroundColor = "lightblue"; } function myFunction() { document.getElementById("couple1").style.backgroundColor = "lightblue"; } </script>--> <?php include 'footer.php';?>