ok
Direktori : /proc/thread-self/root/home2/selectio/public_html/wedding-info/ |
Current File : //proc/thread-self/root/home2/selectio/public_html/wedding-info/leads.php |
<?php include 'header.php';?> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <style> .owl-dots{ display: none; } .owl-carousel .owl-stage-outer{ height: 296px; } .as-btn{ background-color: #ff0000; line-height: 0; } .couple-img-container{ height: 600px; } .couple-img-container:after{ box-shadow: none; border-radius: 0px; border: 16px solid #c38a3c; border-left: none; border-right: none; background: #ffe2e2; } @media (min-width: 1200px){ .venkat{ width: 390px; margin-left: 0px; margin-top: 16px; border: 10px solid #d19441; background: #945900; } } @media (max-width: 480px){ .venkat{ width: 78%; margin-left: 11%; margin-top: 30%; } } @media (min-width: 1200px){ .venkat1{ width: 57%; margin-left: 7%; margin-top: 23%; } } @media (max-width: 480px){ .venkat1{ width: 35%; margin-left: 29%; margin-top: 77%; } } @media (min-width: 1200px){ .venkat2{ width: 73%; margin-left: 72%; margin-top: 135%; } } @media (max-width: 480px){ .venkat2{ width: 35%; margin-left: 95%; margin-top: 129%; } } @media (min-width: 1200px){ .venkat3{ width: 50%; margin-left: 500%; margin-top: 163%; } } @media (max-width: 480px){ .venkat3{ width: 50%; margin-left: 100%; margin-top: 42%; } } @media (min-width: 1200px){ .venkat4{ width: 50%; margin-left: 365%; margin-top: 380%; transform: rotate(170deg); } } @media (max-width: 480px){ .venkat4{ width: 50%; margin-left: 265%; margin-top: 325%; transform: rotate(170deg); } } @media (min-width: 1200px){ .venkat5{ width: 80%; margin-left: 50%; margin-top: 47%; border-bottom: 5px solid #d19441; border-radius: 4px; border-left: 5px solid #d19441; border-right: 5px solid #d19441; border-top: 5px solid #d19441; background: #c98ba3; } } @media (max-width: 480px){ .venkat5{ width: 80%; margin-left: 430%; margin-top: 122%; } } @media (min-width: 1200px){ .venkat6{ width: 50%; margin-left: 861%; margin-top: 160%; transform: rotate(57deg); } } @media (max-width: 480px){ .venkat6{ width: 50%; margin-left: 265%; margin-top: 325%; transform: rotate(170deg); } } @media (min-width: 1200px){ .venkat7{ width: 50%; margin-left: 585%; margin-top: 139%; } } @media (min-width: 1200px){ .venkat8{ width: 17%; margin-left: 415%; margin-top: 100%; } } @media (min-width: 1200px){ .venkat9{ width: 17%; margin-left: 140%; margin-top: 100%; } } @media (min-width: 1200px){ .venkat10{ width: 17%; margin-left: 572%; margin-top: 251%; } } @media (min-width: 1200px){ .venkat11{ width: 90%; margin-left: 0%; margin-top: 190%; transform: rotate(0deg); } } @media (max-width: 480px){ .venkat11{ width: 57%; margin-left: 280%; margin-top: 9%; transform: rotate(90deg); } } @media (min-width: 1200px){ .venkat12{ width: 50%; margin-left: 55%; margin-top: 110%; } } @media (max-width: 480px){ .venkat12{ width: 50%; margin-left: 100%; margin-top: 42%; } } @media (min-width: 1200px){ .venkat13{ width: 25%; margin-left: 175%; margin-top: 45%; } } @media (max-width: 480px){ .venkat13{ width: 50%; margin-left: 100%; margin-top: 42%; } } @media (min-width: 1200px){ .venkat14{ width: 90%; margin-left: 408%; margin-top: 3%; transform: rotate(90deg); } } @media (max-width: 480px){ .venkat14{ width: 57%; margin-left: 280%; margin-top: 9%; transform: rotate(90deg); } } @media (min-width: 1200px){ .venkat15{ width: 25%; margin-left: 687%; margin-top: 180%; transform: rotate(57deg); } } @media (max-width: 480px){ .venkat15{ width: 25%; margin-left: 265%; margin-top: 325%; transform: rotate(170deg); } } @media (min-width: 1200px){ .venkat16{ width: 50%; margin-left: 60%; margin-top: 336%; transform: rotate(270deg); } } @media (max-width: 480px){ .venkat16{ width: 50%; margin-left: 265%; margin-top: 325%; transform: rotate(170deg); } } </style> <style> .scrollable-content { height: 100px; width: 450px; overflow: scroll; overflow-x: hidden; } .scrollable-content label { display: block; margin-bottom: 5px; font-weight: bold; text-overflow: clip; text-overflow: ellipsis; white-space: nowrap; } </style> <!--col div style--> <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #0e0e0e; text-align: center; padding: 8px; font-size: 16px; } tr:nth-child(even) { background-color: white; } </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-fluid"> <div class="row"> <div class="col-md-12" style="margin-top: -240px;"> <div class="couple-venkat" style="height: 550px;"> <div class="couple-img-container"> <img src="images/new/background/background.png" alt="" class="img-responsive"> </div> <div class="petals-scene" style="box-shadow: -1px -11px 8px -1px #00000087"> <ul id="petals-scene" class="scene"> <!--- Left image section star --> <li class="layer"> <button type="button" class="" id="shop_close" data-bs-dismiss="modal" style="margin-top: 2%;margin-left: 93%;background: none;border: none;"> <i class="bi bi-x-circle" style="font-size: 26px;color: red;"></i> <h6 style="margin-top: -2px;color: red;">close</h6> </button> </li> <li class="layer"><img src="images/new/bubble/bubble.png" alt="petal img 1" class="venkat14"></li> <li class="layer"><img src="images/new/heart/heart.png" alt="petal img 1" class="venkat3"></li> <li class="layer"><img src="images/new/heart/heart1.png" alt="petal img 1" class="venkat4"></li> <li class="layer"> <h6 style="margin-left: 254%;margin-top: 7%;font-size: 23px;font-family: auto;display: inline-flex;width: 214px;background: #fe9fba;border-bottom: 6px solid #d19441;border-radius: 12px;border-left: 6px solid #d19441;border-right: 5px solid #d19441;border-top: 2px solid #d19441;border-top-right-radius: 2px;border-top-left-radius: 2px;box-shadow: 6px 2px 8px 2px #00000087;"> <i class="bi bi-speedometer2" style="color: white;margin-left: 35px;"></i><span style="margin-left: 5%;">My Score</span> </h6> </li> <!--<div class="widget widget_search layer" style="margin-left: 69%;margin-top: -20px;background: none;"> <form class="search-form" style="line-height: 0px;"> <input type="text" placeholder="Search order No & Field name" style="box-shadow: 6px 2px 8px 2px #00000087;height: 31px;width: 230px;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"></i> </button> </form> </div>--> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat15"></li> <li class="layer"><img src="images/new/heart/heart1.png" alt="petal img 1" class="venkat6"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat7"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat8"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat9"></li> <li class="layer"><img src="images/new/bubble/round.png" alt="petal img 1" class="venkat10"></li> <li class="layer"><img src="images/new/bubble/bubble.png" alt="petal img 1" class="venkat11"></li> <li class="layer"><img src="images/new/heart/heart.png" alt="petal img 1" class="venkat12"></li> <li class="layer"><img src="images/new/bubble/bubble1.png" alt="petal img 1" class="venkat13"></li> <li class="layer"><img src="images/new/heart/heart1.png" alt="petal img 1" class="venkat16"></li> <!--- Left image section end--> <div class="container body-content"> <div class="ng-scope"> <div class="row layer" style="margin-left: 10%;margin-top: 7%;"> <div class="col-lg-6" style="margin-top: -7%;margin-left: -8%;"> <div class="wrapper"> <canvas id="myChart" style="width:100%;max-width:600px margin-left: 79px;"></canvas> </div> </div> <div class="col-lg-6" style="margin-top: 5%;margin-left: 8%;"> <table> <tr style="background: #ead5ab;"> <th>Weddinfo Buyer’s</th> <th>My Buyer’s Enquiry</th> <th>Reminder Buyer's</th> </tr> <tr> <td>1000 Peoples</td> <td>330 Peoples</td> <td>670 Peoples</td> </tr> <tr style="background: #ead5ab;"> <th>My Profile View</th> <th>My Profile Share</th> <th>My Score</th> </tr> <tr> <td>1400 Peoples</td> <td>900 Peoples</td> <td>33 %</td> </tr> </table> </div> </div> </div> </div> </ul> </div> </div> </div> </div> <!-- row--> <marquee width="100%" direction="left" height="80%" scrollamount="5" style="height: 50px;"> <h6 class="blog-title box-title" style="margin-bottom: -34px;text-align: center;margin-top: 0px;"> <a href="category.php" tabindex="0" style="font-size: 15px;color: black;"> Important Notice: You Already Accepted The Teams and Conditions Of Weddinfo Site So Kindly Read It again... </a> </h6> </marquee> </div> <!--container--> </section> <style> .wrapper { display: block; margin: 5em auto; border: 2px solid #555; width: 700px; height: 350px; position: relative; background: white; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script> var xValues = ["30-3-2023", "31-3-2023", "01-4-2023", "02-4-2023"]; var yValues = [03, 07, 05, 09, 10, 01,0]; var barColors = ["red", "green","blue","yellow"]; new Chart("myChart", { type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { legend: {display: false}, title: { display: true, } } }); </script> <?php include 'footer.php';?>