Calculator Tools Calculator Tools
Create

Sports Betting App

Sep 8, 2023

About this app

Bet on your favorite sports with this exciting sports betting app.

Sports Betting App Sports Betting App Football $50 Place Bet Basketball $100 Place Bet Baseball $75 Place Bet Soccer $200 Place Bet

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>Sports Betting App</title>
<meta name="description" content="Bet on your favorite sports with this exciting sports betting app.">
<meta name="keywords" content="sports, betting, app, gambling, wager, football, basketball, baseball, soccer">

<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: #f8f9fa;
font-family: 'Roboto', sans-serif;
}

.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}

h1 {
text-align: center;
margin-bottom: 30px;
color: #212529;
}

.sports-list {
list-style: none;
padding: 0;
}

.sports-list li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sports-list li:hover {
background-color: #f8f9fa;
}

.sports-list li .sport-name {
font-weight: bold;
color: #212529;
}

.sports-list li .bet-amount {
font-size: 12px;
color: #6c757d;
}

.sports-list li .bet-button {
background-color: #007bff;
color: #fff;
border: none;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Sports Betting App</h1>
<ul class="sports-list">
<li>
<span class="sport-name">Football</span>
<span class="bet-amount">$50</span>
<button class="bet-button">Place Bet</button>
</li>
<li>
<span class="sport-name">Basketball</span>
<span class="bet-amount">$100</span>
<button class="bet-button">Place Bet</button>
</li>
<li>
<span class="sport-name">Baseball</span>
<span class="bet-amount">$75</span>
<button class="bet-button">Place Bet</button>
</li>
<li>
<span class="sport-name">Soccer</span>
<span class="bet-amount">$200</span>
<button class="bet-button">Place Bet</button>
</li>
</ul>
</div>
</body>
</html>