CINXE.COM
氐賮丨丞 丕賱禺胤兀
<!doctype html> <html> <head> <link href="/Content/css5?v=dxP3GQRMwL7KFZMPb0Vh2q0TRNNhaaY0DUWReM1XNV01" rel="stylesheet"/> <script src="/bundles/bootstrap5?v=tz8O_XdQYVAH7reSZsU4kJE8LcpptXN444rfATQueW81"></script> <meta charset="utf-8"> <title>氐賮丨丞 丕賱禺胤兀</title> <style> body{ font-family: 'DroidKufi-Regular'; background-image: url("img/bag.jpg"); background-size: cover; } #notfound { position: relative; height: 100vh } #notfound .notfound-bg { position: absolute; width: 100%; height: 100%; background-size: cover } #notfound .notfound-bg:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25) } #notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #notfound .notfound:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 550px; background-color: rgba(50, 50, 50, .7); z-index: -1; border-radius: 30px; box-shadow: 5px 5px 10px; -webkit-box-shadow: 5px 5px 10px ; } .notfound { max-width: 600px; width: 100%; text-align: center; padding: 30px; line-height: 1.4; text-align: center; } .notfound h1 { font-size: 45px; font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 0px } .notfound h2 { font-size: 20px; font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 0px } .notfound a { display: inline-block; font-weight: 400; text-decoration: none; background-color: transparent; color: #222225; text-transform: uppercase; font-size: 14px } .text_ar { font-size: 15pt !important; font-weight: bold !important; color: #d3e8bf !important; text-align: center !important; margin: 0px; } .text_en { font-family: sans-serif; font-size: 10pt !important; font-weight: bold !important; color: #d3e8bf !important; text-align: center !important; margin: 0px; } .icon{ width: 30%; margin-top: 30px; } .logo{ width: 12% } .notfound .but_tow_s { background-color: #008f2c; -webkit-box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5); padding: 0px 15px 0px 15px; border-radius: 5px; color: #fff; margin-bottom: 10px; padding: 10px; text-decoration: none; margin-top: 20px;; font-size: 20px; } .notfound .but_tow_s:hover { color: #fff; background-color: #b9915e; text-decoration: none; } </style> </head> <body> <div id="notfound"> <div class="notfound"> <img src="img/logo_kau.png" class="logo" alt=""/> <h2 class="text_ar">噩丕賲毓丞 丕賱賲賱賰 毓亘丿丕賱毓夭賷夭</h2> <h2 class="text_en">KING ABDULAZIZ UNIVERSITY</h2> <img class="icon" src="img/mark.png" /> <h1>毓夭賷夭賷 丕賱賲爻鬲賮賷丿 </h1> <h2>丕賱氐賮丨丞 丕賱賲胤賱賵亘丞 賱丕 賷賲賰賳 丕賱毓孬賵乇 毓賱賷賴丕</h2> <a class="but_tow_s" href="https://www.kau.edu.sa/">賱賱毓賵丿丞 廿賱賶 賲賵賯毓 丕賱噩丕賲毓丞 丕賱乇卅賷爻賷</a> </div> </div> </body> </html>