Calculator Tools Calculator Tools
Create

Punctuation Presentation

Sep 8, 2023

About this app

Learn about periods and their usage in punctuation.

Punctuation Presentation Punctuation Presentation Learn about periods and their usage in punctuation. Start Learning

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>Punctuation Presentation</title>
<meta name="description" content="Learn about periods and their usage in punctuation.">
<meta name="keywords" content="period, punctuation, grammar, writing">

<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=Roboto:400,700" 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 {
font-family: 'Roboto', sans-serif;
background-color: #f5f5f5;
}

.container {
padding-top: 50px;
}

.header {
text-align: center;
margin-bottom: 30px;
}

h1 {
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
}

p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}

.cta-button {
display: block;
width: 180px;
margin: 0 auto;
padding: 12px 20px;
text-align: center;
background-color: #ff4081;
color: #ffffff;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.3s;
}

.cta-button:hover {
background-color: #d5004d;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div class="header">
<h1>Punctuation Presentation</h1>
<p>Learn about periods and their usage in punctuation.</p>
<a href="#" class="cta-button">Start Learning</a>
</div>
</div>
</body>
</html>