Calculator Tools Calculator Tools
Create

Confused.com

Jan 3, 2024

About this app

Confused.com - Your Go-To Website for All Things Confusing

Confused.com Confused.com Welcome to Confused.com Get ready to be confused! Explore Our Features Brain Teasers Challenge your mind with our collection of brain teasers and puzzles. Riddles Test your wit and solve our collection of tricky riddles. Illusions Experience mind-bending optical illusions that will leave you mesmerized. © 2022 Confused.com. All rights reserved.

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>Confused.com</title>
<meta name="description" content="Confused.com - Your Go-To Website for All Things Confusing">
<meta name="keywords" content="confused, confusion, website">

<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/css2?family=Poppins:wght@300;400;500;600;700&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: #f8f9fa;
font-family: 'Poppins', sans-serif;
color: #333;
}

.navbar {
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
font-weight: 600;
}

.jumbotron {
background: linear-gradient(to right, #00bcd4, #2196f3);
color: #fff;
padding: 100px;
text-align: center;
}

.jumbotron h1 {
font-size: 48px;
font-weight: 600;
margin-bottom: 30px;
}

.jumbotron p {
font-size: 18px;
margin-bottom: 30px;
}

.jumbotron .btn {
font-size: 18px;
padding: 12px 24px;
border-radius: 30px;
background-color: #fff;
color: #333;
border: none;
text-transform: uppercase;
font-weight: 600;
}

.features {
padding: 100px 0;
text-align: center;
}

.features h2 {
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
}

.features .feature {
margin-bottom: 50px;
}

.features .feature i {
font-size: 48px;
margin-bottom: 15px;
color: #00bcd4;
}

.features .feature h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}

.features .feature p {
font-size: 16px;
margin-bottom: 0;
}

.footer {
background-color: #f5f5f5;
padding: 50px 0;
text-align: center;
}

.footer p {
font-size: 14px;
margin-bottom: 0;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="#">Confused.com</a>
</div>
</nav>

<div class="jumbotron">
<div class="container">
<h1>Welcome to Confused.com</h1>
<p>Get ready to be confused!</p>
<a href="#" class="btn btn-primary">Explore</a>
</div>
</div>

<div class="features">
<div class="container">
<h2>Our Features</h2>
<div class="row">
<div class="col-md-4">
<div class="feature">
<i class="fa fa-lightbulb-o"></i>
<h3>Brain Teasers</h3>
<p>Challenge your mind with our collection of brain teasers and puzzles.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature">
<i class="fa fa-question-circle"></i>
<h3>Riddles</h3>
<p>Test your wit and solve our collection of tricky riddles.</p>
</div>
</div>
<div class="col-md-4">
<div class="feature">
<i class="fa fa-magic"></i>
<h3>Illusions</h3>
<p>Experience mind-bending optical illusions that will leave you mesmerized.</p>
</div>
</div>
</div>
</div>
</div>

<footer class="footer">
<div class="container">
<p>&copy; 2022 Confused.com. All rights reserved.</p>
</div>
</footer>

<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>
</body>
</html>