HTML Previewer

Drop HTML file here or click to select a file

<!DOCTYPE html>
<html>
<head>
<title>HTML Previewer</title>

.card{
background:white;
border:1px solid #e2e2de;
border-radius:12px;
padding:40px;
max-width:420px;
text-align:center;
}

h1{
margin-top:0;
font-weight:600;
}

p{
color:#666666;
line-height:1.6;
}

button{
margin-top:20px;
background:#111111;
color:white;
border:none;
padding:10px 18px;
border-radius:999px;
font-family:Inter;
cursor:pointer;
}

.credit{
margin-top:30px;
font-size:12px;
color:#666666;
}
</style>

</head>

<body>

<h1>HTML Previewer</h1>

<p>
This web app lets you preview HTML code instantly without installing tools or running a server.
</p>

<p>
Edit the code in the editor and press <strong>Run</strong> to see the result.
</p>

<div class="credit">
Made by <strong>NazaLabs</strong>
</div>

</div>

</body>
</html>