-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (129 loc) · 8.32 KB
/
index.html
File metadata and controls
143 lines (129 loc) · 8.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,width=1300px">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="TBM Studios is a team of passionate creators dedicated to enhancing the Minecraft community with innovative mods, modpacks, and datapacks. Explore our projects, join our community, and support us through our promotions.">
<meta name="keywords" content="Minecraft mods, Minecraft modpacks, Minecraft datapacks, TBM Studios, CurseForge, Modrinth, Minecraft creators, Minecraft community, Minecraft projects, game server hosting">
<meta name="author" content="TBM Studios">
<meta name="robots" content="index, follow">
<meta property="og:title" content="TBM Studios - Minecraft Mods, Modpacks & Datapacks">
<meta property="og:description" content="Explore the creative projects from TBM Studios including immersive Minecraft mods, modpacks, and datapacks designed to enhance your gameplay experience.">
<meta property="og:image" content="assets/img/intro/tbmstudios.webp">
<meta property="og:url" content="https://tbm-studios.com">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="TBM Studios - Minecraft Mods, Modpacks & Datapacks">
<meta name="twitter:description" content="Explore the creative projects from TBM Studios including immersive Minecraft mods, modpacks, and datapacks designed to enhance your gameplay experience.">
<meta name="twitter:image" content="assets/img/intro/tbm_studios.webp">
<title>TBM Studios - Minecraft Mods, Modpacks & Datapacks</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://tbm-studios.com">
<link rel="icon" type="image/png" href="/assets/img/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/assets/img/favicon/favicon.svg" />
<link rel="shortcut icon" href="/assets/img/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Studios" />
<link rel="manifest" href="/assets/img/favicon/site.webmanifest" />
</head>
<body>
<header>
<nav>
<div class="brand"><a href="#intro" title="TBM Studios Home">TBM Studios</a></div>
<ul>
<li><a href="#about" title="Learn more about TBM Studios">About</a></li>
<li><a href="#explore" title="Explore our projects and social media">Explore</a></li>
<li><a href="#team" title="Meet the TBM Studios team">Team</a></li>
<li><a href="#promotions" title="Special promotions and discounts">Promotions</a></li>
</ul>
</nav>
</header>
<section id="intro">
<img src="assets/img/intro/tbmstudios.webp" alt="TBM Studios Logo" class="intro-logo" title="TBM Studios Logo">
<hr class="intro-divider">
<div class="badges">
<a href="https://www.curseforge.com/members/" target="_blank" title="Our CurseForge Projects">
<img src="https://img.shields.io/badge/-CurseForge-2c2d43?style=for-the-badge&logo=curseforge&logoColor=e51e3b&labelColor=ffffff" alt="Our CurseForge">
</a>
<a href="https://tbm-studios.com/discord" target="_blank" title="Join our Discord community">
<img src="https://img.shields.io/discord/920716981303377952?style=for-the-badge&logo=discord&logoColor=e51e3b&labelColor=ffffff&color=2c2d43" alt="Our Discord">
</a>
<a href="https://modrinth.com/organization/" target="_blank" title="Our Modrinth Projects">
<img src="https://img.shields.io/badge/-Modrinth-2c2d43?style=for-the-badge&logo=modrinth&logoColor=e51e3b&labelColor=ffffff" alt="Our Modrinth">
</a>
</div>
</section>
<section id="about">
<h2>About TBM Studios</h2>
<div class="about-content">
<div class="about-text">
<p>
TBM Studios is a team of passionate creators dedicated to enriching the Minecraft community with innovative mods, immersive modpacks, and dynamic datapacks. Our goal is to create unique experiences and enhance gameplay with our intricate worlds and creative mechanics. Join us in shaping the future of Minecraft and become part of our vibrant community.
</p>
<p>
We believe in collaboration, creativity, and innovation—constantly exploring new ideas and pushing the boundaries of what's possible in Minecraft.
</p>
</div>
<div class="about-image">
<img src="assets/img/about/bee.webp" alt="Bee on Hand - TBM Studios" title="Bee on Hand">
</div>
</div>
</section>
<section id="explore">
<h2>Explore Our Socials & Projects</h2>
<div class="explore-icons">
<a href="https://ko-fi.com/" target="_blank" rel="noopener noreferrer" title="Support us on Ko-Fi"><i class="fas fa-coffee"></i></a>
<a href="https://github.com/" target="_blank" rel="noopener noreferrer" title="Our GitHub Projects"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/official" target="_blank" rel="noopener noreferrer" title="Follow us on Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.tiktok.com/@official" target="_blank" rel="noopener noreferrer" title="Follow us on TikTok"><i class="fab fa-tiktok"></i></a>
<a href="https://x.com/offic" target="_blank" rel="noopener noreferrer" title="Follow us on X (formerly Twitter)"><i class="fab fa-twitter"></i></a>
<a href="https://www.twitch.tv/" target="_blank" rel="noopener noreferrer" title="Watch us on Twitch"><i class="fab fa-twitch"></i></a>
<a href="https://www.youtube.com/@official" target="_blank" rel="noopener noreferrer" title="Watch us on YouTube"><i class="fab fa-youtube"></i></a>
</div>
</section>
<section id="team">
<h2>Meet the Team</h2>
<div class="team-container">
<div class="side-member">
<img src="assets/img/team/bready.webp" class="team-photo" alt="Bready, TBM Studios Mascot" title="Bready - Mascot">
<div class="team-info">
<h3>Bready</h3>
<p>Mascot</p>
</div>
</div>
<div>
<img src="assets/img/team/thebutterbrotman.webp" class="team-photo" alt="TheButterbrotMan, Founder-in-Chief" title="TheButterbrotMan - Founder-in-Chief">
<div class="team-info">
<h3>TheButterbrotMan</h3>
<p>Founder-in-Chief</p>
</div>
</div>
<div class="side-member">
<img src="assets/img/team/kuyuna.webp" class="team-photo" alt="Kuyuna, Digital Illustrator" title="Kuyuna - Digital Illustrator">
<div class="team-info">
<h3>Kuyuna</h3>
<p>Digital Illustrator</p>
</div>
</div>
</div>
</section>
<section id="promotions">
<h2>Special Promotions</h2>
<div class="promotion-container">
<div class="promotion-box hosting">
<h2>BisectHosting</h2>
<p>Looking for premium game server hosting? Get started with BisectHosting, our trusted partner, and enhance your Minecraft server experience.</p>
<p><strong>Use code <span class="code">TBM25</span> for 25% off your first month!</strong></p>
<div class="discount">25% OFF</div>
<a href="https://bisecthosting.com/TBM25" target="_blank" class="cta-button" title="Get your server with BisectHosting">Get Your Server Now!</a>
</div>
</div>
</section>
<footer id="footer">
<p>© 2024 TBM Studios. All rights reserved.</p>
</footer>
</body>
</html>