110 lines
7.5 KiB
HTML
110 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html data-bs-theme="dark" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>BreadnBudder Gaming | HOME</title>
|
|
<meta property="twitter:title" content="BreadnBudder Gaming | HOME">
|
|
<meta property="twitter:image" content="/generate-cover">
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="og:image" content="/generate-cover">
|
|
<meta property="og:title" content="BreadnBudder Gaming | HOME">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "http://schema.org",
|
|
"@type": "WebSite",
|
|
"name": "BreadnBudder Gaming",
|
|
"url": "https://breadnbudder.xyz"
|
|
}
|
|
</script>
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.16.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.16.png" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon.32.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon.32.png" media="(prefers-color-scheme: dark)">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/PixelifySansVariableFont_wght.css">
|
|
<link rel="stylesheet" href="assets/css/bs-theme-overrides.css">
|
|
<link rel="stylesheet" href="assets/css/Articles-Cards-images.css">
|
|
<link rel="stylesheet" href="assets/css/Hero-Features-icons.css">
|
|
<link rel="stylesheet" href="assets/css/PUSH---Bootstrap-Button-Pack.css">
|
|
<link rel="stylesheet" href="assets/css/Responsive-YouTube-Video-Section-Dark-Centered.css">
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
</head>
|
|
|
|
<body style="background: #322918;">
|
|
<section style="--bs-body-bg: #262626;--bs-dark: #262626;--bs-dark-rgb: 38,38,38;background: #262626;">
|
|
<div class="d-flex flex-shrink-1 flex-nowrap glitch" style="height: 330px;/*background: #262626;*/"></div>
|
|
<ul class="list-group list-group-horizontal d-flex flex-shrink-1 justify-content-center flex-wrap justify-content-sm-center justify-content-md-center justify-content-lg-center justify-content-xl-center" style="background: #262626;border-style: none;">
|
|
<li class="list-group-item text-start flex-shrink-1"><a class="text-center" href="index.html" style="/*font-family: 'PixelifySansVariableFont_wght';*//*font-size: 32px;*/transition: ease-in-out;">Home</a></li>
|
|
<li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://youtube.com/@breadnbuddergaming">Watch</a></li>
|
|
<li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://twitch.tv/breadnbuddergaming" target="_blank">Live</a></li>
|
|
<li class="list-group-item"><a href="https://waa.ai/cJva" target="_blank">Chat</a></li>
|
|
<li class="list-group-item d-inline-flex flex-shrink-1" style="border-style: none;"><a href="https://ko-fi.com/breadnbuddergaming" target="_blank">Support</a></li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<div class="container py-4 py-xl-5">
|
|
<div class="row mb-5">
|
|
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
|
<h2>Latest Videos</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3 flex-grow-1 flex-shrink-1" id="yt-channel">
|
|
<div class="col">
|
|
<div class="card yt-card"><a class="flex-grow-1 flex-shrink-1 yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
|
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
|
</a>
|
|
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
|
<div>
|
|
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card yt-card"><a class="yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
|
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
|
</a>
|
|
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
|
<div>
|
|
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card yt-card"><a class="flex-grow-1 flex-shrink-1 yt-thumb" href="#"><img class="flex-grow-1 flex-shrink-1 card-img-top" style="height: 200px;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a>
|
|
<div class="card-body p-4">
|
|
<p class="text-primary card-text mb-0">YouTube</p><a class="yt-title" href="#">
|
|
<h4 class="text-truncate flex-grow-1 flex-shrink-1">Lorem libero donec</h4>
|
|
</a>
|
|
<div class="d-flex"><a class="d-flex" href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="assets/img/Logo.Border.FOR.WEB.png"></a>
|
|
<div>
|
|
<p class="fw-bold mb-0" id="yt-author">BreadnBudder Gaming</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4"></div>
|
|
<div class="col-md-4 d-lg-flex justify-content-lg-center align-items-lg-center"><a href="https://youtube.com/@BreadnBudderGaming?sub_confirmation=1"><button class="btn btn-warning outline" type="button">Watch More...</button></a></div>
|
|
<div class="col-md-4"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="text-end flex-shrink-1" style="position: fixed;width: 100%;left: 0;bottom: 0;"><small style="color: #ce8547;">BreadnBudder Gaming © 2024. All rights reserved.</small></footer>
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/scripts.js"></script>
|
|
</body>
|
|
|
|
</html> |