Calculator Tools Calculator Tools
Create

Period. End of discussion. Period Point Blank.

Sep 8, 2023

About this app

A fun and colorful web app to express the finality of your statement.

Period. End of discussion. Period Point Blank. Period. End of discussion. Period. Point Blank. Okay, got it!

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>Period. End of discussion. Period Point Blank.</title>
<meta name="description" content="A fun and colorful web app to express the finality of your statement.">
<meta name="keywords" content="period, discussion, finality, statement">

<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">

<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: #f9f9f9;
font-family: 'Open Sans', sans-serif;
text-align: center;
}

h1 {
margin-top: 50px;
font-size: 48px;
color: #333;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
}

.period-icon {
font-size: 120px;
color: #ff4081;
margin-bottom: 30px;
}

.exclamation-icon {
font-size: 80px;
color: #ff4081;
margin-bottom: 30px;
}

.discussion-text {
font-size: 24px;
color: #666;
margin-bottom: 30px;
}

.button-container {
margin-top: 30px;
}

.button {
display: inline-block;
padding: 10px 20px;
background-color: #ff4081;
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}

.button:hover {
background-color: #f50057;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Period. End of discussion.</h1>
<i class="fa fa-circle period-icon"></i>
<p class="discussion-text">Period. Point Blank.</p>
<div class="button-container">
<a href="#" class="button">Okay, got it!</a>
</div>
</div>
</body>
</html>