📁 File Manager

Dosya Düzenle: errorsubmit.php

<html>
    <head>
        
        <style>
            
           @import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;500&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--primary-color: #faca2e;
	--eye-pupil-color: #050505;
	--bg-color: #fff;
	--text-color: #000;
	--fs-heading: 36px;
	--fs-text: 26px;
	--fs-button: 18px;
  --fs-icon: 30px;
	--pupil-size: 30px;
	--eye-size: 80px;
	--button-padding: 15px 30px;

@media only screen and (max-width: 567px) {
      --fs-heading: 30px;
      --fs-text: 22px;
      --fs-button: 16px;
      --fs-icon: 24px;
	    --button-padding: 12px 24px;
		}
}

body {
	display: flex;
	min-height: 100vh;
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: "Fira Sans", sans-serif;
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 30px;
	text-align: center;
}

.error-page {
	margin: auto;

&__heading {
		&-title {
			text-transform: capitalize;
		  font-size: var(--fs-heading);
			font-weight: 500;
			color: var(--primary-color);
		}

&-desciption {
			margin-top: 10px;
		  font-size: var(--fs-text);
			font-weight: 200;
		}
	}

&__button {
		color: inherit;
		text-decoration: none;
		border: 1px solid var(--primary-color);
		font-size: var(--fs-button);
		font-weight: 200;
		padding: var(--button-padding);
		border-radius: 15px;
		box-shadow: 0px 7px 0px -2px var(--primary-color);
		transition: all 0.3s ease-in-out;
		text-transform: capitalize;

&:hover {
			box-shadow: none;
			background-color: var(--primary-color);
			color: #fff;
		}
	}
}

.eyes {
	display: flex;
	justify-content: center;
	gap: 2px;
}

.eye {
	width: var(--eye-size);
	height: var(--eye-size);
	background-color: var(--primary-color);
	border-radius: 50%;
	display: grid;
	place-items: center;

&__pupil {
		width: var(--pupil-size);
		height: var(--pupil-size);
		background-color: var(--eye-pupil-color);
		border-radius: 50%;
		animation: movePupil 2s infinite ease-in-out;
		transform-origin: center center;
    
    /*
    To reverse the animation of the right eye, uncomment this.
    */
		// &--right {
		// 	animation-direction: reverse;
		// }
	}

@keyframes movePupil {
		0%,
		100% {
			transform: translate(0, 0);
		}
		25% {
			transform: translate(-10px, -10px);
		}
		50% {
			transform: translate(10px, 10px);
		}
		75% {
			transform: translate(-10px, 10px);
		}
	}
}

.color-switcher {
	position: fixed;
	top: 40px;
	right: 40px;
	background-color: transparent;
	font-size: var(--fs-icon);
	cursor: pointer;
	color: var(--primary-color);
  border: 0;
}
 
            
            
            
        </style>
        
        
        
        <script>
            
            /* 
To Customize Theme Color
*/

const colorSwitcher = document.querySelector("[data-theme-color-switch]");
let currentTheme = "light";

colorSwitcher.addEventListener("click", function () {
	const root = document.documentElement;

if (currentTheme == "dark") {
		root.style.setProperty("--bg-color", "#fff");
		root.style.setProperty("--text-color", "#000");
		colorSwitcher.textContent = "\u{1F319}";
		currentTheme = "light";
	} else {
		root.style.setProperty("--bg-color", "#050505");
		root.style.setProperty("--text-color", "#fff");
		colorSwitcher.textContent = "\u{2600}";
		currentTheme = "dark";
	}

colorSwitcher.setAttribute("data-theme", currentTheme);
});
            
        </script>
        
        
        
        
        
        </head> 
        <body>

<div class="error-page__heading">
      <h1 class="error-page__heading-title">It looks like you've already submitted this form. </h1>
      <p class="error-page__heading-desciption">If you need to make any changes or updates, please contact IQAC or CSIT Department.</p>
    </div>

İptal