ok

Mini Shell

Direktori : /home2/selectio/www/wedding-info/ecart/
Upload File :
Current File : /home2/selectio/www/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';?>

Zerion Mini Shell 1.0