ok
Direktori : /home2/selectio/public_html/wedding-info/ecart/ |
Current File : //home2/selectio/public_html/wedding-info/ecart/index.php |
<?php include 'header.php';?> <style> .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; } </style> <section id="couple" class="wrapper--couple" style="background: red;"> <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> <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" id="shop_now" onclick="myFunction()" class="as-btn style3" 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> <!----- Pop up Section Start -------> <div class="modal" id="shop_popup" tabindex="-1"> <div class="modal-dialog" style="margin-top: 20%;"> <div class="modal-content" style="background: linear-gradient(#c62828, #9198e5);height: 225px;border: 5px solid black;margin-top: 30%;border-radius: 20px;"> <!--<div class="modal-header" style="margin-top: -149px;"> <img src="images/background/event_flower.png" alt="venkat"> </div>--> <div class="modal-body"> <button type="button" class="btn btn-secondary" id="shop_close" data-bs-dismiss="modal" style="margin-top: -41%;margin-left: 86%;background: none;"> <img src="images/icon/close.png" alt="petal img 8" class="mCS_img_loaded"> </button> <div class="row" style="margin-top: -22%;"> <div class="form-group col-sm-4" style="margin-top: -1%;margin-left: 8%;"> <img src="images/gif/buyer1.png" alt="venkat" style="height: 60%;"> <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/gif/b2b.png" alt="venkat"> </div> <div class="form-group col-sm-4"> <img src="images/gif/seller1.png" alt="venkat" style="height: 60%;"> <a href="category.php" type="button" class="as-btn style3" id="shop_close" data-bs-dismiss="modal" style="margin-top: -59%;background: #ff0000;font-family: emoji;width: 111px;border-radius: 6px;"> <span style="margin-left: -16px;">Seller</span> </a> </div> </div> </div> </div> </div> </div> <!----- Pop up Section End -------> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> $("#shop_now").click(function(){ $("#shop_popup").show(); }); $("#shop_close").click(function(){ $("#shop_popup").hide(); }); </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';?>