Ditutorial kali ini
writecode mau berbagi tutorial
Cara Membuat Halaman Maintenance dengan CSS Langsung saja tanpa basa basi silakan copas koding dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Site is down for maintenance</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
body { text-align: center; padding: 10%; font: 20px Helvetica, sans-serif; color: #333; }
h1 { font-size: 50px; margin: 0; }
article { display: block; text-align: left; max-width: 650px; margin: 0 auto; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
@media only screen and (max-width : 480px) {
h1 { font-size: 40px; }
}
</style>
</head>
<body>
<article>
<h1>Site is temporarily unavailable.</h1>
<p>Scheduled maintenance is currently in progress. Please check back soon.</p>
<p>We apologize for any inconvenience.</p>
<p id="signature">— <a href="mailto:[Email]">Website</a></p>
</article>
</body>
</html>
Silakan dicopas koding diatas dan dimodifikasi sesuai dengan kebutuhan agan sekalian, sekian tutorial singkat ini semoga bermanfaat.
Ditutorial kali ini writecode mau berbagi tutorial Cara Membuat Halaman Maintenance dengan CSS Langsung saja tanpa basa basi silakan copas koding dibawah ini :
Posting Komentar
Posting Komentar