Calculator Tools Calculator Tools
Create

JunyTony Horror

Sep 18, 2023

About this app

Experience the thrill of horror with JunyTony Horror app

JunyTony Horror JunyTony Horror Experience the thrill of horror with JunyTony Horror app Start Now

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>JunyTony Horror</title>
<meta name="description" content="Experience the thrill of horror with JunyTony Horror app">
<meta name="keywords" content="horror, scary, thriller, app">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Creepster&display=swap" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {

});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #000;
color: #fff;
font-family: 'Creepster', cursive;
}

.jumbotron {
background: url(https://i.imgur.com/1M8bQ6C.jpg);
background-size: cover;
background-position: center;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.title {
font-size: 4rem;
margin-bottom: 2rem;
text-shadow: 2px 2px 4px #000;
}

.description {
font-size: 2rem;
margin-bottom: 2rem;
}

.btn-start {
font-size: 2rem;
padding: 1rem 2rem;
background-color: #ff0000;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
text-shadow: 1px 1px 2px #000;
transition: background-color 0.3s ease;
}

.btn-start:hover {
background-color: #cc0000;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div class="jumbotron">
<h1 class="title">JunyTony Horror</h1>
<p class="description">Experience the thrill of horror with JunyTony Horror app</p>
<button class="btn-start">Start Now</button>
</div>
</div>
</body>
</html>