Файловый менеджер - Редактировать - /home/d46091/drivinglicencehelp.com/dashboard.php
Назад
<?php session_start(); if(!isset($_SESSION['IS_LOGIN'])){ ?> <script> window.location.href='login.php'; </script> <?php }else{ //echo "Welcome"; } ?> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <style> .myButton { box-shadow: -1px -1px 0px 2px #9fb4f2; background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%); background-color:#7892c2; border-radius:16px; border:2px solid #4e6096; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:19px; padding:10px 58px; text-decoration:none; text-shadow:0px 1px 0px #283966; } .myButton:hover { background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%); background-color:#476e9e; } .myButton:active { position:relative; top:1px; } </style> </div> <html> <head> <style> </style> <title> Quiz Application </title> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap'); @import url('https://fonts.googleapis.com/css?family=Concert+One&display=swap'); body{ margin:0; /* background-image: url(img/bg.jpg); */ background-attachment: fixed; font-family: 'Montserrat', sans-serif; } .custom-box{ max-width: 100%; height:auto; background-color: #2d3e50; margin:0px auto; /* display:flex; */ padding: 50px 40px; border-radius: 0px; border-style: solid; border-color: #1f1f1f; } .quiz-home-box{ text-align:center; display: none; } .quiz-home-box.show{ display: block; /* animation: fadeInRight 1s ease; */ } .quiz-home-box h4{ font-size: 30px; font-weight: 500; color:#fff; margin: 0 0 30px; } .btns{ background-color: #0085cc !important; border: 2px solid #0085cc !important; padding: 14px 40px !important; color: #ffffff !important; font-size: 20px !important; border-radius: 30px !important; font-family: 'Montserrat', sans-serif !important; cursor: pointer !important; white-space: nowrap !important; margin: 0 10px !important; } .btns:focus{ outline:none; } .quiz-box{ background-color: #bad3df; display: none; } .quiz-box.show{ display: block; /* animation: fadeInRight 1s ease; */ } .quiz-box .stats{ display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 30px; text-transform: uppercase; color: #000000; } .quiz-box .stats .quiz-time{ flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); /*background: red;*/ text-align: left; } .quiz-box .stats .time-up-text{ /* display: inline-block;*/ color:#f40404; font-weight: 500; display: none; } .quiz-box .stats .time-up-text.show{ display:inline-block; animation: fadeInOut 1s linear infinite; } @keyframes fadeInOut{ 0%{ opacity: 0; } 50%{ opacity: 2; } 100%{ opacity: 0; } } .quiz-box .stats .quiz-time .remaining-time{ height: 60px; width: 60px; color:#096b36; border: 2px solid #096b36; font-weight: 800; line-height: 56px; text-align: center; border-radius: 50%; display:inline-block; } .quiz-box .stats .quiz-time .remaining-time.less-time{ color:#b5200d; border-color:#b5200d; } .quiz-box .stats .score-board{ flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); /*background: blue;*/ text-align: right; } .quiz-box .stats .score-board .correct-answer{ font-weight: 800; } .quiz-box .question-box{ background-color: #ffffff; padding: 40px 30px; margin-top: 40px; border-radius: 10px; font-size: 28px; border: 2px solid #4d330a; text-align: center; position: relative; } .quiz-box .question-box .current-question-num{ height: 70px; width: 70px; background-color: #ffffff; border:2px solid #4d3106; font-size: 20px; font-weight: 800; color:#1411e3; border-radius: 50%; line-height: 68px; text-align: center; position: absolute; top:-35px; left:50%; margin-left: -35px; z-index:1; } .quiz-box .question-box .question-text{ font-size: 20px; font-family: sans-serif; text-transform:uppercase; color:#ac1313; } .quiz-box .option-box{ display: flex; flex-wrap: wrap; justify-content: space-between; } .quiz-box .option-box .option{ background-color: #958f8f; flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); margin-top: 30px; padding: 7px 7px; text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 500; color:#231803; border:2px solid #5e5a53; border-radius: 30px; cursor: pointer; position: relative; animation: zoomIn .3s linear forwards; opacity: 0; } @keyframes zoomIn{ 0%{ transform: scale(0.8); } 100%{ transform: scale(1); opacity:1; } } .quiz-box .option-box .option.already-answered{ pointer-events: none; } .quiz-box .option-box .option.show-correct{ background-color: #096b36; border-color:#096b36; color: #ffffff; transition: all .3s ease; } .quiz-box .option-box .option.correct{ background-color: #096b36; border-color:#096b36; color:#ffffff; opacity:1; animation: pulse 1s linear; } @keyframes pulse{ 0%{ transform: scale(1); } 50%{ transform: scale(1.1); } 100%{ transform: scale(1); } } .quiz-box .option-box .option.correct::before{ content: ''; position: absolute; height: 30px; width: 30px; right: 15px; top:7px; background-image: url("img/correct.png"); background-size: 20px; background-position: center; background-repeat: no-repeat; animation: fadeInRight .5s ease; } .quiz-box .option-box .option.wrong{ background-color: #a22312; border-color:#a22312; color: #ffffff; opacity:1; animation: shake 1s linear; } .quiz-box .option-box .option.wrong::before{ content: ''; position: absolute; height: 30px; width: 30px; right: 15px; top:7px; background-image: url("img/wrong.png"); background-size: 20px; background-position: center; background-repeat: no-repeat; animation: fadeInRight .5s ease; } @keyframes shake{ 0%,30%,50%{ transform: translateX(10px); } 20%,40%{ transform: translateX(-10px); } 60%{ transform: translateX(-7px); } 70%{ transform: translateX(7px); } 80%{ transform: translateX(-4px); } 90%{ transform: translateX(4px); } 100%{ transform: translateX(0px); } } @keyframes fadeInRight{ 0%{ opacity:0; transform: translateX(40px); } 100%{ opacity: 1; transform: translateX(0px); } } .quiz-box .answer-description{ background-color: #ffffff; border:2px solid #c2af91; margin-top: 20px; padding: 15px; border-radius:10px; color; #555555; display: none; } .quiz-box .answer-description.show{ display: block; animation: fadeInRight 1s ease; } .quiz-box .next-question{ margin-top: 20px; text-align: center; } .see-result-btns,.next-question-btns{ display: none; } .see-result-btns.show, .next-question-btns.show{ display: inline-block; animation: fadeInRight 1s ease; } .quiz-over-box{ text-align: center; display: none; } .quiz-over-box.show{ display: block; animation: fadeInRight 1s ease; } .quiz-over-box h1{ font-size:50px; font-family: 'Concert One', cursive; color: #ffff; margin:0px 3 20px; } h4{ color:white !important; } .quiz-over-box h4{ font-size:25px; font-weight: normal; color: #444444; margin: 15px 0 20px; } .quiz-over-box h4 span{ font-weight: 800; color:#111111; } .start-again-quiz-btns, .go-home-btns{ margin-top: 15px; } /*responsive*/ @media (max-width: 767px){ .custom-box{ background-color: #2d3e50; } .quiz-home-box h4{ font-size: 16px; } .btns{ padding: 7px 20px; font-size: 15px; } .quiz-box .question-box{ padding: 40px 0px; } .quiz-box .question-box .question-text{ font-size: 17px; font-family: sans-serif; color: #1d1b19; } .custom-box{ padding: 30px 10px 50px 10px; background-color: #d5deee; } .quiz-box .stat{ font-size:20px; } .quiz-box .stats .quiz-time { flex-basis: calc(60% - 10px); max-width: calc(60% - 10px); font-size: 18px; } .quiz-box .stats .score-board{ flex-basis: calc(40% - 10px); max-width: calc(40% - 10px); font-size: 16px; } .quiz-box .stats .quiz-time .remaining-time{ height: 50px; width: 50px; line-height: 46px; color: #045e2e; border: 2px solid #045e2e; } .quiz-box .question-box .current-question-num{ height: 60px; width: 60px; line-height: 58px; top: -30px; margin-left: -30px; font-size: 16px; } .quiz-box .option-box .option{ flex-basis: 100%; max-width: 100%; font-size: 16px; margin-top: 15px; } .quiz-over-box h1{ font-size: 30px; } .quiz-over-box h4{ font-size: 20px; margin: 10px 0 15px; } } header { position: relative; height: 300px; background-image: linear-gradient(#ff9d2f, #ff6126); } h1 { padding: 100px 0; font: 44px "Arial"; text-align: center; } header h1 { color: white; } svg { bottom: 0; width: 100%; /* height: 10vw; */ /* set height to pixels if you want angle to change with screen width */ } #city-right { width: 100%; height: 100%; background: url(city-right.png) no-repeat; position: absolute; bottom: 0; right: 0; } @media (min-width: 576px){ .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 30% !important; } } h5.card-title { font-size: 17px !important; text-transform: uppercase; text-align: center; font-weight: 700; padding-top: 10px !important; color: #fefffd !important; } #begin { background-color: white; } .bg-mock { background-color: #ff9800 !important; } .alert-info { color: #B71C1C; background-color: #FFCDD2 !important; border-color: #FFCDD2 !important; } span.step { background: #2d3e50; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em; } li.points { list-style: none; } li.points:before { content: '🗹'; font-weight:bold; color:green; } .bg-mock{ background-color: #ff9800; } </style> </head> <body> <!-- <header> <div class="header__bg"></div> <h2><button class="start-quiz-btns btns" type="button">Lets Begin The Quiz</button> </h2> <h1><img src="../bg.png"width="25%"></h1> </header> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> <link rel="stylesheet"href="./style.css"> <?php include'./header.php'?> <img src="./bg.jpg"width="100%"> <!-- <div class="quiz-home-box custom-box show "> <h4> LEARNING LICENCE MOCK TEST</h4> <p class="Font-weight-bold"style="color:white">Just like the real thing. More effective than the RTO driving manual</p> <a href="start1.php"><button class="btns" type="button">Lets Begin The Quiz</button></a> <div id="city-right"></div> --> <div class="container p-4"id="begin"> <div class="clearfix alert alert-info font-weight-bold col-lg-12"> <span class="float-left font-weight-bold text-uppercase"style="display:block;font-size:15px"><?php echo 'Welcome '.$_SESSION['username'];?></span> <span class="float-right font-weight-bold text-uppercase"style="display:block;font-size:15px"><a href="logout.php">Logout</a></span> </div> <br> <h3 class="text-center font-weight-bold"style="font-size:17px">We Make Passing the Written Test As Easy As Possible</h3> <li class="points"> Before you can obtain your Learner’s Licence in India, you must pass a written test. This test features multiple-choice questions meant to assess your knowledge of India’s driving laws, traffic signals and safe driving techniques.</li> <br> <li class="points"> We’re here to make every part of the process as simple as possible, starting with passing this test.</li> <br> <li class="points"> Our practise test mirrors the questions you will find on the official written exam. It trains you on India’s road rules and includes an answer key for you to review the correct answers.</li> <br> <li class="points"> After reviewing our practise test, you will know exactly what to study before taking the actual test. So let’s get started!</li> <br> <hr> <div class="row justify-content-center"> <div class="col-lg-6"> <h2 class="text-center font-weight-bold p-2"style="font-size:16px;border-style: dotted;background:#f3f1b5">Get Ready For RTO Driving Licence Mock Test ! </h2> </div> </div> <div class="row"> <div class="col-lg-4 mx-auto"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start.php"><h5 class="card-title">Mock Test <span class="step">1</span></h5> </div> </a> </div> </div> <div class="col-lg-4 mx-auto"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start1.php"><h5 class="card-title">Mock Test <span class="step">2</span></h5> </div> </a> </div> </div> <div class="col-lg-4 mx-auto"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start2.php"><h5 class="card-title">Mock Test <span class="step">3</span></h5> </div> </a> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start3.php"><h5 class="card-title">Mock Test <span class="step">4</span></h5> </div> </a> </div> </div> <div class="col-lg-4"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start1.php"><h5 class="card-title">Mock Test <span class="step">5</span></h5> </div> </a> </div> </div> <div class="col-lg-4"> <div class="card border-secondary p-5"> <div class="card-body bg-mock text-primary"> <img src="https://static.thenounproject.com/png/372615-200.png"width="20%" class="float-left"> <a href="./quiz/start1.php"><h5 class="card-title">Mock Test <span class="step">6</span></h5> </div> </a> </div> </div> </div> <br> <h3 class="text-center font-weight-bold"style="font-size:17px"> <img src="https://www.clipartkey.com/mpngs/m/260-2603560_external-tips-icon-transparent-background.png"width="3%">Tips For Testing Day</h3> <li class="points"> Be present at the test venue at least half an hour before your designated time.</li> <br> <li class="points"> Enquire at the RTO about the Learner’s Licence test. Most of the RT0s provide a printed notice containing important information about the test.</li> <br> <li class="points"> If you have applied for the Learner’s Licence test online, you will have to submit the confirmation slip at the designated counter and pay before you can take the test.</li> <br> <li class="points"> Generally, you will have to answer multiple- choice questions either online or on paper. You must get a certain number of answers correctly to get your Learner’s Licence. If you fail the test, you will be allowed to retake it after a week.</li> <li class="points"> You can apply for a Driving Licence 30 days after you are issued a Learner’s Licence. The application for a permanent Driving Licence must be filed within 180 days of the date of issuance of a Learner’s Licence.</li> <br> </div> <?php include_once('footer.php'); ?> <script> function myFunction() { location.replace("#begin") document.getElementById("pointer").style.cursor = "pointer"; } </script>
| ver. 1.4 |
Github
|
.
| PHP 8.1.32 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка