<!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/> <meta charset="utf-8"> <meta name='viewport' content='width=device-width, initial-scale=1.0' > <link rel="stylesheet" type="text/css" href="z0.css"> <link rel="stylesheet" type="text/css" href="z51.css"> <script type="text/javascript" src="z.js"></script> <?php require_once "ssession.php"; session_start(); // Check if the user is logged in, if not then redirect him to login page if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){ header("location: welcome.php"); exit; } $id=$_SESSION["uid"] ; $username=$_SESSION["username"]; // $company=$_SESSION["company"]; // $guser=$_SESSION["guser"]; $userid=$_SESSION["uid"] ; //if (intval($guser)>0) header("location: cosmos.php"); else header("location: kosmo.php"); ?> </head> <body> <div id=sbcont><div class="vsmenu"> <a href="zlisalist60.php" >User</a> <a href="zlisalist60.php" class=active> My</a> <a href="zlisalist60a.php" > User Score All</a> <a href="zprog_list.php" >Program</a> <a href="zprog_list.php" > Program</a> <a href="zprog_listd.php" > List Program</a> <a href="zlistq.php"> List Question</a> <a href="zall_items.php" > List all items</a> <a href="cloud3.php" class=> Cloud3</a> <a href="zsuperu2.php" >SU</a> <a href="cosmos.php" class=""> cosmos</a> <a href="cloud.php" > cloud</a> <a href=https://on.itlgx.xyz/zcreate_difa4.php?t=t> attcProfile</a> <a href="sky.php" class=""> Sky</a> <a href="sky2.php" class=""> Sky2</a> <a href="zregister.php" > AddUserR1</a> <a href="zprof_list.php" > Profile</a> <a href="zprof_listd.php"> List Address</a> <a href="zlistpf.php"> List Profile</a> <a href="zallpf_items.php" > List all items</a> <a href="zallpfa_items.php" > List all items/users</a> <a href="zallpfa2_items.php" > all items/users</a> <div class=rsslbar_body> <a href="earth.php" >earth</a> <center><center> <h3>Rec.Numbers <span id="count3" </span></h3> <br><br> <img src="venus.png" width=80px height=80px> </div></div></div> <div id="snackbar2">Data Saved <br>message<br>..</div> <div id="snackbar5" > <span class=close5 onclick=closeme5("snackbar5"); >✕</span><div id=snackbar5cont></div><br></div> <div id="snackbar6" > <span class=close6 onclick=closeme6("snackbar6"); >✕</span><div id=snackbar6cont></div><br></div> <div id="snackbarx" > <span class=closex onclick=closemex("snackbarx"); >✕</span><br></div> <div id="rsslbar" class="rsslbar vrmenu"> <div class=rsslbar_title onclick="rsslbar_off()"><span title="Setting"></span> </div><br><br> <a href="javascript:void(0)" class="closebtnr" onclick="rsslbar_off()">×</a> <a href="#" class="active">Q/A</a> <a href="#">Services</a> <a href="#">Clientss</a> <a href="#">Contact</a> <div class=rsslbar_body> <br> User Name:<?php echo htmlspecialchars($username);?> <hr> Current LANG:<span id=lang>en</span> <br><button class="button1 grey" onclick=setlang("th")>TH</button>/<button class="button1 grey" onclick=setlang("en")>EN</button> </div> </div> <div id="lsslbar" class="lsslbar vlmenu" onclick="lsslbar_off()"> <div class=lsslbar_title><></div><br><br> <a href="javascript:void(0)" class="closebtn" onclick="lsslbar_off()">×</a> <a href="#" class="active" >About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> </div> <div id="extbar" class="extbar" onclick="extbar_off()"> <a href="javascript:void(0)" class="closebtn" onclick="extbar_off()">×</a> <br><br><div class=extbar_title >info</div> <div class=extbar_body> <div class=extbar_body_in> iNfO<br> User Name:<?php echo htmlspecialchars($username);?> </div> <button class="button red d-center" onclick="extbar_off()"></span>Close</button> </div> </div> <div id="alertbar" class="alertbar" onclick="alertbar_off()"> <div class=extbar_body_in> info<br> User Name:<?php echo htmlspecialchars($username);?> </div> </div> <div id=maincont> <!--st breadcrumb--> <span class="breadcrumb"> <a href="welcome.php">Home</a> / <a href="kosmo.php" class=active>Dashboard</a> / <a href="logout.php" class="btn btn-danger">Sign Out of Your Account</a> </span> <!--en breadcrumb--> <div id=topbar> <span class=whead>WMenu</span><span class=mhead >⟨</span> <span id="logo" class="icon icon-logo" ></span> <span class=right > <a style="padding-left:1px;" href="#\" onclick="extbar_on();"><span class="icon icon-warning" title="connected"></span></a> <a style="padding-left:1px;" href="#\" onclick="snackbar('user');"><span class="icon icon-user" title="HELLO <?php echo htmlspecialchars($username);?>"></span></a> <a style="padding-left:1px;" href="#\" onclick=reloadme();><span class="icon icon-sync" title="sync data"></span></a> <a style="padding-left:1px;" href="#\" onclick="rsslbar_on();"><span class="icon icon-gear" title="Setting"></span></a> <!-- <a style="padding-left:1px;" href="#" onclick=sbconth2no();><span class="icon icon-menufold" title="LOGOUT"></span></a> --> <a style="padding-left:1px;" href="logout.php" ><span class="icon icon-logout" title="Logout"></span></a> </span> </div> <link rel="stylesheet" type="text/css" href="shirt.css"> <script type="text/javascript" src="shoes.js"></script> <script> p=new makediv ("bottombar"); ebyid ("bottombar").innerHTML='<a id=lang style="margin-right:10px;float:left;" href=# ><?php echo $_SESSION['lang'];?></a><a style="margin-right:10px;float:left;" href=# ></a><span class="ibrinking" style="color:black"; style="margin-left:1%;"><?php echo htmlspecialchars($username).":".$id;?></span><a style="margin-right:20px;float:right;;" href=#\ onclick="dlmode();return false;">DAK</a><a style="margin-right:10px;float:right;" href=# onclick="blmode();return false;" >BLU</a><a style="margin-right:10px;float:right;" href=# onclick="ormode();return false;" >YEL</a><a style="margin-right:10px;float:right;" href=# onclick="rdmode();return false;" >RED</a><a style="margin-right:10px;float:right;" href=# onclick="grmode();return false;" >GRE</a>'; showd("bottombar"); p=new makediv("snackbar"); ebyid("snackbar").innerHTML="<p>USER</p>"; showd("snackbar"); //active user icon var cols = document.getElementsByClassName('icon-user')[0]; // cols.style.Color = 'black'; cols.style.filter = 'invert(0%)';// cols.style.filter = 'invert(0%)'; //active user icon </script> <script type="text/javascript" src="socks.js"></script> <!--startflexcontainer--> <div class="flex container"> <!--startsection--> <section> <div class="flex info"> <div class="info-name">TODAY:</div> <div class="info-code"><?php echo date("Y/m/d h:i:sa");?></div> </div> <?php require_once "configs.php"; $rows=0; $id=$_GET['userid']; if (!$id) $id=$_SESSION["uid"] ; $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where ownerid=".$id; $res = $db->query($sql); if ($res) { while ($row = $res->fetchArray()) { $progress=$row['progress']; //$title=$row['title']; if ($_SESSION['lang']=="en") $title=$row['title']; else $title=$row['title_th']; $packid=$row['packid']; $tas=$row["tas"]; $register=$row["register"]; $submit=$row["submit"]; $score=$row["ibox"]; $acore=$row["ibox"]; $usernamep=$row["username"]; $percent=number_format(floor(($row["ibox"]/$tas)*100),2); $percent=number_format(($row["ibox"]/$tas)*100,2); $percentx=number_format(($row["ibox"]/$tas)*100,2); $perc=($row["ibox"]/$tas)*100; $grade="A"; if ($perc<80) $grade="B"; if ($perc<70) $grade="C"; if ($perc<59) $grade="D"; //$links.= "<a href=zform55v.php?packid=".$row['id']."&ownid=".$row["ownerid"]."&title=".urlencode($row['title'] ).$title."</a><br>"; $links.="<tr><td><h4><a href=?packid=$packid&progress=$progress&pscore=$percent&ascore=$percent&submit=$submit®istered=$register&grade=$grade&userid=".$row["ownerid"]."&ownid=".$row["ownerid"]."&title=$title>$title</a></td><td><a href=zform55v.php?packid=$packid&ownid=".$row["ownerid"]."&title=$title>📄</a></h4></td></tr>"; //$linksn.="<tr><td><h4><a href=superuser_va.php?id=".$row['ownerid']."&ownid=".$row["ownerid"]."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">".urldecode($row['title'] )." <br>(".$row['username'].") 📄</a></h4></td></tr>"; //$tlink="<a href=superuser_va.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">"; $normal="<tr><td><h4>📄<a href=zform55v.php?id=".$row['ownerid']."&ownid=".$row["ownerid"]."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">".urldecode($row['title'] )." <br>(".$row['username'].") </a></h4></td></tr>"; if ($submit>0) $normal ="<tr><td><h4>📄<a href=zform55v.php?id=".$row['ownerid']."&ownid=".$row["ownerid"]."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">".urldecode($row['title'] )." <br>** ALREADY SUBMIT (".$row['username'].") </a></h4></td></tr>"; $linksn.=$normal; //$tlink="<a href=superuser_va.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">"; $rows++; } // mysqli_free_result($result); } else{ echo "<p class='lead'><em>No records were found.</em></p>"; } if ($rows<=0) echo "<h1>WAITING.. FOR ADMIN GRANT</h1>"; //echo $registered;echo $startf;echo $approve; $total=$_GET['total']; if (!$progress) $progress=$_GET['progress']; if (!$grade) $grade=$_GET['grade']; $registered=$_GET['registered']; $submit=$_GET['submit']; if (!$percent) $ascore=$_GET['ascore']; else $ascore=$percent; if (!$percent) $pscore=$_GET['pscore']; $percent=number_format(floor(($registered/$total)*100),2); ?> <center><?php echo $usernamep;?><br><h3>CheckIistProgress <?php echo $progress;?>%</h3><hr><br> <div class="pie" data-pie='{ "percent": <?php echo $progress;?> }'></div> <div class="code"> </div><br> TIME LEFT <p id=demo></p></center> </section> <!--endsection--> <!--startsection--> <section> <div class="flex info"> <div class="info-name">Program:All</div> <div class="info-code"></div> </div> <center> <div class="profile_pic"> <img style="max-width:192px ;border-radius: 50%;" src=https://on.itlgx.xyz/img/clist.jpg> </div> Check-List for <br></center> <br> <h1><?php echo $linksn;?></h1> </section> <section> <div class="flex info"> <div class="info-name"><a href=zcreate_difan.php?t=f&id=<?php echo $id;?>>+📇 Profile</a>,<a href=zcreate_difan.php?t=s&id=<?php echo $id;?>><br>+✉️ Address</a></div> <div class="info-code"> <?php echo "<a href='zprof_listdn.php?id=". $id ."' title='Update' data-toggle='tooltip' class='button1 grey' style='color:black;'>📝Update</a>"; ?> </div> </div><center> <div class="code"> </div> <?php $rows=0; $rowdyna=0; $sql = "SELECT * FROM difa where status='1' and ( scode like 'f%' or scode like 's%' or scode like 't%') and owndifaid=".$id." order by scode"; $res = $db->query($sql); if ($res) { echo "<table id=tble >"; echo "<tr>"; echo "<th onclick='sortTableX(0)' style='width:5%;'>item</th><th onclick='sortTableX(1)' style='width:10%;'>Description</th>"; echo "</tr>"; while ($row = $res->fetchArray()) { $tlink="<a href=superuser_va.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">"; $mlink="<a href=zprog_listi.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">"; $loca="zprog_listi.php?packid=".$row['id']; // echo "<tr onclick=window.location='".$loca."'>"; echo "<tr>"; //echo "<td>".substr($row["title"],0,150)."(".$row["packid"].")"."</td>"; //echo "<td >".$row["title"]."</a></td>"; if (strtolower($row["title"])=="attachment" || strtolower($row["title"])=="profile_pic") $description="<a href='".$row["description"]."' target='_blank' class='button1 grey' style='font-size:12px;color:red;'>🔗</a>"; else $description=$row["description"]; //if (strtolower($row["title"])=="profile_pic") $description="<a href='".$row["description"]."' target='_blank' class='button1 grey' style='font-size:12px;color:red;'>🔗</a>"; else $description=$row["description"]; $rowdyna++; if (strtolower($row["title"])=="profile_pic") $imgprofile=$row["description"]; if (strlen($imgprofile)<=0) {$imgprofile="img/user.png";} else {$rowdyna--;} if (strtolower($row["title"])=="company") $companyprofile=$row["description"]; if (strtolower($row["title"])=="company_contact") $company_contact=$row["description"]; if (strtolower($row["title"])=="contact_tel") $contact_tel=$row["description"]; if (strtolower($row["title"])!="profile_pic") echo "<td >".$row["title"]."</a></td>"; if (strtolower($row["title"])!="profile_pic") echo "<td>".$description."</a></td>"; //echo "<td>".$row["username"]."(".$row["ownerid"].")"."</td>"; //echo "<td>".$row["ibox"]."</td>"; // echo "<td>".$tlink ."fEdiT</a></td>"; $rows++; } //echo "</td>"; echo "</tr>"; $sql="update dyna set profile=".$rowdyna. " where ownerid=".$id; $res = $db->query($sql); // Free result set // mysqli_free_result($result); } else{ echo "<p class='lead'><em>No records were found.</em></p>"; } echo "</table>"; // Close connection // mysqli_close($link); ?> </center> </section> <section> <div class="flex info"> <div class="info-name">USER <a href=zcreate_difa4n.php?id=<?php echo $id;?>&t=t>+📷 Profile </a></div> <div class="info-code"></div> </div> <div class="profile_pic"> <img style="max-width:100%; border-radius: 50%;" src=<?php echo $imgprofile;?>> </div> <br> <?php $sql="select * from users where id=".$id; $res = $db->query($sql); if ($res) { while ($row = $res->fetchArray()) { $username=$row["username"]; $company=$row["company"]; } // mysqli_free_result($result); } else{ echo "<p class='lead'><em>No records were found.</em></p>"; } ?> Name: <?php echo htmlspecialchars($username);?><br>Company: <?php echo htmlspecialchars($company);?> <br><?php echo "ID:$id";?> <?php echo "<a href='setpassn.php?id=". $id ."&username=".$username."' title='Change password' data-toggle='tooltip' class='button1 red' style='color:white;'>🔑Change Password</a>";?> <div class="code"> <pre> <code class="language-json">data-pie='{ "lineargradient": ["yellow","#ff0000"], "round": true, "percent": 75, "colorCircle": "#e6e6e6" }'</code> </pre> </div> </section> </section> <section class="section2"> <div class="flex info"> <div class="info-name">LOG</div> <div class="info-code"><?php echo date("Y-m-d"). ":".date("h:i:sa");?></div> </div> <center> TIME LINE RECORDED </center> <div class = "outertb"> <div class="vtl"> <?php //$id=50; // Include config file require_once "configs.php"; $d[]=""; $data = array( array('Business', date,date), ); $rows=0; // Attempt select query execution $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid order by fixa.id desc,ibox desc"; $sql = "SELECT * FROM fixa where fixa.scode like 'p%' or fixa.scode like 'q%' order by scode "; $sql="select *,datetime(titan.datetime,'localtime') as datetimem from titan left join users on titan.titanid=users.id where titanid=".$id; $res = $db->query($sql); if ($res) { while ($row = $res->fetchArray()) { echo "<tr> <div class='event'>"; if ($_SESSION['lang']=="en") $title=$row['title']; else $title=$row['title_th']; // echo "<td>" . $title. "</td>"; if ($row['status']=='3') $title="<a href=zform55v.".$title; if ($row['status']=='8') $title="<a href=zform55v.".$title; // echo "<td>".$title."</td>"; //echo "<td>".$title."(".$row["packid"].")"."</td>"; // echo "<td>".$row["username"]."(".$row["ownerid"].")"."</td>"; // echo "<td>".$row["ibox"]."</td>"; //echo "<td>"."<a href=zlisalist53.php?packid=".$row['id']."&title=".urlencode($row['title'] ).">" ."📝debug</a></td>"; //echo "<td>"."<a href=v_form53.php?packid=".$row['id']."&ownid=".$row["ownerid"]."&title=".urlencode($row['title'] ).">" ."📝EdiT</a></td>"; // echo "<td>".$row['company']."</td>"; if ($row['status']=='1') $status="Registered"; if ($row['status']=='2') $status="Start FillIn"; if ($row['status']=='3') $status="Submit"; if ($row['status']=='6') $status="UnRegistered"; if ($row['status']=='8') $status="Approved"; // echo "<td>".$status."</td>"; //🖹 // echo "<td>".$row['datetimem']."</td>"; //🖹 //echo "<td>"; $rows++; //$dt="new Date('".$row['datetime']."')"; //$d=array($status,$dt,$dt); //$d=array('date',34); //$data[]=$d; ?> <strong class="edate"><?php echo $row['datetimem'];?></strong> <p class="etxt"><?php echo $status;?> (<?php echo $title;?>)</p> <?php echo "</tr> </div>"; } // echo "</tbody>"; // Free result set // mysqli_free_result($result); $dataj=json_encode($data); } else{ echo "<p class='lead'><em>No records were found.</em></p>"; //start insert new to titan $sql = "INSERT INTO titan (titanid,status) VALUES (?, ?)"; if($stmt = mysqli_prepare($link, $sql)){ // Bind variables to the prepared statement as parameters mysqli_stmt_bind_param($stmt, "ii", $param_titanid,$param_status); // Set parameters $param_titanid = $id; $param_status=1; //$param_password = password_hash($password, PASSWORD_DEFAULT); // Creates a password hash // Attempt to execute the prepared statement if(mysqli_stmt_execute($stmt)){ // Redirect to login page // header("location: login.php"); echo " created user" .$param_titanid; //echo '<script>window.location.reload();</script>'; } else{ $rest="ERROR: Could not able to execute $sql. " . mysqli_error($link); echo "Err$rest."; } // Close statement // mysqli_stmt_close($stmt); } //end insert new to titan } // } else{ // echo "ERROR: Could not able to execute $sql. " . mysqli_error($link); // } // Close connection // mysqli_close($link); // echo "<pre>"; ?> </div> </div> <!-- end outertb --> <style> /* (A) "SET" THE TIMELINE CONTAINER */ .vtl { /* (A1) RELATIVE POSITION NECESSARY TO PROPERLY POSITION TIMELINE LATER */ position: relative; /* (A2) RESERVE MORE SPACE TO THE LEFT FOR THE TIMELINE */ padding: 10px 10px 10px 50px; /* (A3) OPTIONAL WIDTH RESTRICTION */ max-width: 400px; } /* (B) DRAW TIMELINE USING ::BEFORE */ .vtl::before { /* (B1) DRAW THE TIMELINE */ content: ''; width: 5px; background-color: #DE421A; /* (B2) POSITION IT TO THE LEFT */ position: absolute; top: 0; bottom: 0; left: 15px; } /* (C) STYLES FOR THE EVENTS */ div.event { padding: 20px 30px; background-color: #ffebeb; position: relative; border-radius: 6px; margin-bottom: 10px; } /* (D) STYLES FOR THE DATE & TEXT */ strong.edate { font-size: 1.1em; font-weight: bold; color: #ff6a00; } p.etxt { margin: 10px 0 0 0; color: #222; } /* (E) ADD "SPEECH BUBBLE TRIANGLE" TO THE EVENTS */ div.event::before { content: ''; border: 10px solid transparent; border-right-color: #ffebeb; border-left: 0; position: absolute; top: 20%; left: -10px; } /* (F) ADD A CIRCLE ON THE TIMELINE TO INDICATE AN EVENT */ div.event::after { content: ''; background: #fff; border: 4px solid #DE421A; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 20%; left: -44px; } /* (X) DOES NOT MATTER */ html, body { font-family: arial, sans-serif; } </style> <div class="code"> </div> </section> <section class="section3"> <div class="flex info"> <div class="info-name">STEP BY STEP</div> <div class="info-code"></div> </div> <!--ProgressBarc--> <style> .containerc { width: 100%; } .progressbarc { counter-reset: step; } .progressbarc li { list-style: none; display: inline-block; width: 30.33%; position: relative; text-align: center; cursor: pointer; font-family: Arial; } .progressbarc li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height : 30px; border: 1px solid #aaa; border-radius: 100%; display: block; text-align: center; margin: 0 auto 10px auto; background-color: #ddd; font-weight: bold; font-family: Arial; } .progressbarc li:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 15px; left: -50%; z-index : -1; } .progressbarc li:first-child:after { content: none; } .progressbarc li.active { color: grey; } .progressbarc li.active:before { border-color: green; background-color: #4bb543;; color:white; } .progressbarc li.active + li:after { background-color: green; } </style> <center>Your Step By Step<hr><br> <?php $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where ownerid=".$id; $res = $db->query($sql); if ($res) { while ($row = $res->fetchArray()) { echo $row["title"]; //echo $row["profile"]; ?> <div class="containerc"> <ul class="progressbarc"> <li class="active">SignUP</li> <li class="<?php if($row["submit"]>0) echo "active";?>"> Check List</li> <li class="<?php if($row["profile"]>0) echo "active";?>"> Profile </li> </ul> </div> <?php } } ?> </center> <!--ProgressBarc--> </section> <hr> <!--end1flexcontainer--> </div> <!--end2flexcontainer--> <script> window.addEventListener('DOMContentLoaded', () => { const circle = new CircularProgressBar('pie'); const pie = document.querySelectorAll('.pie'); const range = document.querySelector('[type="range"]'); range.addEventListener('input', (e) => { pie.forEach((el, index) => { const options = { index: index + 1, percent: e.target.value } circle.animationTo(options); }) }) document.querySelectorAll('pre code').forEach((el) => { hljs.highlightElement(el); }); const infoCode = document.querySelectorAll('.info-code'); infoCode.forEach(info => { info.addEventListener('click', (e) => { e.target.closest('section').classList.toggle('show-code'); }) }) }); </script> <script src="circularProgressBar.min.js"></script> <!-- Display the countdown timer in an element --> <script> // Set the date we're counting down to var countDownDate = new Date("Sep 9, 2021 22:37:25").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Display the result in the element with id="demo" document.getElementById("demo").innerHTML = days + " day(s) " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is finished, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); </script> <style> #main { margin:auto; } section { position: relative; background-color: rgba(169,169,169,.19);//#fff; border-radius: 7px; padding: 5px 40px 30px; margin: 10px; max-width: 180px; box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07); flex: 31%; } .section2 { //margin: 50px; //padding: 5px 30px 30px; max-width: 320px; //max-width: 660px; min-width: 140px; //max-width: 100%; } .section3 { //margin: 50px; //padding: 5px 30px 30px; max-width: 620px; min-width: 300px; max-width: 100%; } .section4 { max-width: 460px; max-width: 1040px; } @media screen and (max-width: 900px) { section { max-width: 100%; //max-width: 160px; } .section2 img { max-width:50px; } .section2 { max-width: 100%; max-width: 930px; } .section3 { max-width: 100%; } } @media screen and (min-width: 900px) and (max-width: 1140px) { section { max-width: 175px; } .section2 { max-width: 445px; //max-width: 520px; } .section3 { max-width: 400px; //max-width: 500px; max-width:720px; } .section4 { //max-width: 460px; max-width: 720px; min-width: 720px; } } @media screen and (min-width: 1140px) { .section2 { max-width: 320px; //max-width: 520px; } .section3 { max-width: 400px; //max-width: 500px; max-width:600px; } .section4 { //max-width: 460px; max-width: 1020px; } } .flex { display: flex; } .container { flex-wrap: wrap; justify-content: center; max-width: 1400px; margin: auto; } .info { justify-content: space-between; border-bottom: 1px solid rgba(169,169,169,.59); padding: 10px 0; text-transform: uppercase; font-size: 90%; margin: auto -15px 30px; } .code { visibility: hidden; opacity: 0; position: absolute; width: 160px; height: 0; left: 0; margin: auto; line-height: 1.6; transition: visibility 0s, opacity 0.5s linear; } </style> <style> #main{ width:87%; } .vrmenu { color:black; } #piechart { margin-left:-100px; margin-top:-10px; height:300px; } </style>
Edit file:kosmo.php36791