Help
RSS
API
Feed
Maltego
Contact
Domain > babegame.top
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-08-24
104.21.44.233
(
ClassC
)
2026-02-21
172.67.204.250
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Sat, 21 Feb 2026 19:31:08 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveServer: cloudflareLast-Modified: Tue, 16 Dec 2025 06:34:30 GMTNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Vary: Accept-EncodingStrict-Transport-Security: max-age31536000Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sYX3uzK9m5AO8CrOW2YNbxsxJAxNe0i189xy3ZN4g9%2B7P9huELnUJjKNud2nPiIN69RTAVtiOxl%2FbIwmGcwow%2FYw%2B52IRmlsiZCo%3D}}cf-cache-status: DYNAMICCF-RAY: 9d18a9884bf85edd-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen> head> meta charsetUTF-8 /> meta nameviewport contentwidthdevice-width, initial-scale1.0 /> title>BaBe Game Studio - Stories That Touch Hearts/title> style> :root { --primary: #6a11cb; --secondary: #2575fc; --tertiary: #ff6b8b; --dark: #0f0c29; --light: #f8f9ff; --accent: #00d2ff; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: Poppins, Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); color: var(--light); overflow-x: hidden; } .hero-section { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; } .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(106, 17, 203, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(37, 117, 252, 0.1) 0%, transparent 50%); z-index: 0; } .studio-name { font-size: 5.5rem; font-weight: 900; background: linear-gradient(to right, var(--primary), var(--accent), var(--tertiary)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 1.5rem; text-shadow: 0 0 30px rgba(106, 17, 203, 0.3); position: relative; z-index: 1; animation: glow 3s ease-in-out infinite alternate; } @keyframes glow { from { text-shadow: 0 0 20px rgba(106, 17, 203, 0.3), 0 0 40px rgba(37, 117, 252, 0.2); } to { text-shadow: 0 0 30px rgba(106, 17, 203, 0.6), 0 0 60px rgba(37, 117, 252, 0.4); } } .tagline { font-size: 2.2rem; font-weight: 300; margin-bottom: 2.5rem; position: relative; z-index: 1; max-width: 800px; line-height: 1.4; } .nav-container { position: fixed; top: 0; width: 100%; background: rgba(15, 12, 41, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; } .logo { font-size: 1.8rem; font-weight: 700; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .nav-links { display: flex; gap: 2.5rem; } .nav-links a { color: var(--light); text-decoration: none; font-weight: 500; position: relative; padding: 0.5rem 0; } .nav-links a::after { content: ; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(to right, var(--primary), var(--accent)); transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } .hero-buttons { display: flex; gap: 1.5rem; margin-top: 2rem; position: relative; z-index: 1; } .btn { padding: 1rem 2.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary { background: linear-gradient(to right, var(--primary), var(--secondary)); color: white; box-shadow: 0 10px 20px rgba(106, 17, 203, 0.3); } .btn-secondary { background: transparent; color: white; border: 2px solid rgba(255, 255, 255, 0.2); } .btn:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(106, 17, 203, 0.4); } .floating-element { position: absolute; border-radius: 50%; opacity: 0.1; animation: float 20s infinite linear; } @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } } .section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; } .section-title { font-size: 3.5rem; text-align: center; margin-bottom: 1rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .section-subtitle { text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 1.2rem; margin-bottom: 4rem; max-width: 600px; margin-left: auto; margin-right: auto; } .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2.5rem; margin-top: 3rem; } .game-card { background: rgba(255, 255, 255, 0.05); border-radius: 20px; overflow: hidden; transition: all 0.4s ease; border: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .game-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, var(--primary), var(--accent)); } .game-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.08); } .game-image { height: 200px; background-size: cover; background-position: center; position: relative; } .game-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(15, 12, 41, 0.9)); display: flex; align-items: flex-end; padding: 1.5rem; } .game-genre { background: rgba(255, 255, 255, 0.2); color: white; padding: 0.3rem 1rem; border-radius: 20px; font-size: 0.9rem; backdrop-filter: blur(10px); } .game-content { padding: 2rem; } .game-title { font-size: 1.8rem; margin-bottom: 1rem; } .game-description { color: rgba(255, 255, 255, 0.7); line-height: 1.6; margin-bottom: 1.5rem; } .btn-small { padding: 0.7rem 1.5rem; font-size: 0.9rem; } .studio-story { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 4rem; } .story-content h2 { font-size: 2.5rem; margin-bottom: 1.5rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .story-content p { color: rgba(255, 255, 255, 0.8); line-height: 1.8; margin-bottom: 1.5rem; } .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; text-align: center; margin-top: 3rem; } .stat-number { font-size: 2.5rem; font-weight: 700; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.5rem; } .stat-label { color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; } .team-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-top: 4rem; } .team-member { text-align: center; background: rgba(255, 255, 255, 0.05); padding: 2rem; border-radius: 20px; transition: all 0.3s ease; } .team-member:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.08); } .member-avatar { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1.5rem; border: 3px solid; border-image: linear-gradient(to right, var(--primary), var(--accent)) 1; padding: 3px; } .member-name { font-size: 1.5rem; margin-bottom: 0.5rem; } .member-role { color: var(--accent); font-weight: 500; margin-bottom: 1rem; } .member-bio { color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; line-height: 1.6; } .contact-section { background: rgba(255, 255, 255, 0.02); border-radius: 30px; padding: 4rem; margin-top: 4rem; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .contact-info h3 { font-size: 2rem; margin-bottom: 2rem; } .contact-details { margin-top: 2rem; } .contact-item { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .contact-icon { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(to right, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; } .contact-form input, .contact-form textarea { width: 100%; padding: 1rem; margin-bottom: 1.5rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: white; font-size: 1rem; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--primary); } .contact-form textarea { min-height: 150px; resize: vertical; } .newsletter { background: linear-gradient(135deg, var(--primary), var(--secondary)); padding: 4rem 2rem; border-radius: 20px; text-align: center; margin-top: 6rem; } .newsletter h2 { font-size: 2.5rem; margin-bottom: 1rem; } .newsletter p { margin-bottom: 2rem; opacity: 0.9; } .newsletter-form { max-width: 500px; margin: 0 auto; display: flex; gap: 1rem; } .newsletter-form input { flex: 1; padding: 1rem; border: none; border-radius: 50px; font-size: 1rem; } footer { background: rgba(0, 0, 0, 0.3); padding: 3rem 2rem; margin-top: 6rem; } .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; } .footer-logo { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .footer-links h3 { margin-bottom: 1.5rem; color: var(--accent); } .footer-links a { display: block; color: rgba(255, 255, 255, 0.7); text-decoration: none; margin-bottom: 0.8rem; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .social-links { display: flex; gap: 1rem; margin-top: 1.5rem; } .social-link { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s; } .social-link:hover { background: linear-gradient(to right, var(--primary), var(--accent)); transform: translateY(-3px); } .copyright { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } @media (max-width: 768px) { .studio-name { font-size: 3.5rem; } .tagline { font-size: 1.5rem; } .nav-links { display: none; } .studio-story, .contact-grid { grid-template-columns: 1fr; } .stats { grid-template-columns: repeat(2, 1fr); } .newsletter-form { flex-direction: column; } .section-title { font-size: 2.5rem; } } .mobile-menu-btn { display: none; background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .nav-links.active { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: rgba(15, 12, 41, 0.98); padding: 2rem; gap: 1.5rem; } } .progress-bar { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(to right, var(--primary), var(--accent)); width: 0%; z-index: 1001; transition: width 0.1s; } /style> /head> body> !-- Progress Bar --> div classprogress-bar idprogressBar>/div> !-- Navigation --> nav classnav-container> div classnav-content> div classlogo>BaBe/div> button classmobile-menu-btn idmenuToggle>☰/button> div classnav-links idnavLinks> a href#home>Home/a> a href#games>Games/a> a href#story>Story/a> a href#team>Team/a> a href#contact>Contact/a> a href#careers>Careers/a> /div> /div> /nav> !-- Hero Section --> section classhero-section idhome> div classhero-background>/div> div idfloatingElements>/div> h1 classstudio-name>BaBe Game Studio/h1> p classtagline>Crafting Emotional Journeys Through Interactive Storytelling/p> div classhero-buttons> a href#games classbtn btn-primary>🎮 Explore Our Games/a> a href#contact classbtn btn-secondary>🌟 Join Our Journey/a> /div> /section> !-- Games Section --> section classsection idgames> h2 classsection-title>Emotional Adventures/h2> p classsection-subtitle>Experience stories that stay with you long after the game ends/p> div classgames-grid> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1552820728-8b83bb6b773f?ixlibrb-1.2.1&autoformat&fitcrop&w1350&q80); > div classgame-overlay> span classgame-genre>Narrative Adventure/span> /div> /div> div classgame-content> h3 classgame-title>Echoes of Yesterday/h3> p classgame-description> A time-traveling adventure about memory, loss, and reconciliation. Revisit key moments in a familys history and change the course of their future through emotional choices. /p> a href# classbtn btn-primary btn-small>Discover the Story/a> /div> /div> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlibrb-1.2.1&autoformat&fitcrop&w1350&q80); > div classgame-overlay> span classgame-genre>Atmospheric Puzzle/span> /div> /div> div classgame-content> h3 classgame-title>Whispers in the Deep/h3> p classgame-description> Explore the ruins of a sunken civilization and uncover its tragic history. Solve environmental puzzles while navigating the emotional journey of the last survivor. /p> a href# classbtn btn-primary btn-small>Dive Deep/a> /div> /div> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1511512578047-dfb367046420?ixlibrb-1.2.1&autoformat&fitcrop&w-1350&q80); > div classgame-overlay> span classgame-genre>Interactive Story/span> /div> /div> div classgame-content> h3 classgame-title>Threads of Connection/h3> p classgame-description> A branching narrative about six strangers whose lives intertwine in unexpected ways. Your choices determine how their stories connect and resolve. /p> a href# classbtn btn-primary btn-small>Weave the Story/a> /div> /div> /div> /section> !-- Studio Story --> section classsection idstory> h2 classsection-title>Our Emotional Compass/h2> p classsection-subtitle>Born from the belief that games can heal, inspire, and connect us/p> div classstudio-story> div classstory-content> h2>More Than Games: Emotional Journeys/h2> p> Founded in 2018, BaBe Game Studio emerged from a simple but powerful idea: what if games could do more than entertain? What if they could help us process complex emotions, understand different perspectives, and connect with our own humanity? /p> p> The name BaBe represents the balance between Bare (vulnerability) and Be (existence). We create spaces where players can explore emotional landscapes safely, confront difficult themes, and emerge with greater empathy and understanding. /p> p> Our team of psychologists, writers, and developers work together to craft experiences that respect the players emotional intelligence while delivering compelling, meaningful gameplay. /p> div classstats> div classstat> div classstat-number>6+/div> div classstat-label>Emotional Journeys/div> /div> div classstat> div classstat-number>500K+/div> div classstat-label>Hearted Players/div> /div> div classstat> div classstat-number>15+/div> div classstat-label>Awards Won/div> /div> div classstat> div classstat-number>100%/div> div classstat-label>Emotional Impact/div> /div> /div> /div> div classstory-visual style background: linear-gradient(135deg, var(--primary), var(--secondary)); height: 400px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; text-align: center; padding: 2rem; > We dont just make games.br />We craft emotional experiencesbr />that stay with you forever. /div> /div> /section> !-- Contact Section --> section classsection idcontact> div classcontact-section> h2 classsection-title>Connect With Heart/h2> p classsection-subtitle>Share your story, join our journey, or just say hello/p> div classcontact-grid> div classcontact-info> h3>Lets Create Together/h3> p> Whether youre a player with feedback, a developer looking to join our mission, or a storyteller with an idea, wed love to hear from you. /p> div classcontact-details> div classcontact-item> div classcontact-icon>📧/div> div> h4>Email/h4> p>a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail761e1317040236141714135b11171b13055815191b>email protected/a>/p> /div> /div> div classcontact-item> div classcontact-icon>📍/div> div> h4>Studio/h4> p>Emotional Arts Districtbr />Storyville, ST 10101/p> /div> /div> div classcontact-item> div classcontact-icon>💬/div> div> h4>Community/h4> p>Join our Discord community/p> /div> /div> /div> /div> div classcontact-form> form idcontactForm> input typetext placeholderYour Name required /> input typeemail placeholderYour Email required /> input typetext placeholderSubject /> textarea placeholderYour Message... Whats in your heart? required>/textarea> button typesubmit classbtn btn-primary stylewidth: 100%>Send Your Story/button> /form> /div> /div> /div> div classnewsletter> h2>Stay Connected/h2> p>Subscribe to our Heartbeat Newsletter for updates on emotional design, storytelling insights, and game releases./p> form classnewsletter-form> input typeemail placeholderYour email address required /> button typesubmit classbtn btn-secondary>Subscribe/button> /form> /div> /section> !-- Footer --> footer> div classfooter-content> div classfooter-about> div classfooter-logo>BaBe/div> p>Crafting emotional journeys through interactive storytelling since 2018./p> div classsocial-links> a href# classsocial-link>🐦/a> a href# classsocial-link>📘/a> a href# classsocial-link>📸/a> a href# classsocial-link>🎬/a> a href# classsocial-link>💬/a> /div> /div> div classfooter-links> h3>Our Games/h3> a href#>Echoes of Yesterday/a> a href#>Whispers in the Deep/a> a href#>Threads of Connection/a> a href#>Upcoming Projects/a> /div> div classfooter-links> h3>Resources/h3> a href#>Emotional Design Blog/a> a href#>Storytelling Workshops/a> a href#>Press Kit/a> a href#>Community Guidelines/a> /div> div classfooter-links> h3>Connect/h3> a href#>Careers at BaBe/a> a href#>Partner With Us/a> a href#>Contact Support/a> a href#>Privacy & Heart/a> /div> /div> div classcopyright> p>© 2025 BaBe Game Studio. All stories, emotions, and experiences are protected with heart./p> /div> /footer> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script> // Create floating elements const floatingContainer document.getElementById(floatingElements); for (let i 0; i 15; i++) { const element document.createElement(div); element.className floating-element; // Random size and position const size Math.random() * 100 + 20; element.style.width `${size}px`; element.style.height `${size}px`; element.style.left `${Math.random() * 100}%`; element.style.top `${Math.random() * 100}%`; // Random gradient const colors linear-gradient(45deg, #6a11cb, #2575fc), linear-gradient(45deg, #ff6b8b, #ff8e53), linear-gradient(45deg, #00d2ff, #3a7bd5), ; element.style.background colorsMath.floor(Math.random() * colors.length); // Random animation element.style.animationDuration `${Math.random() * 20 + 10}s`; element.style.animationDelay `${Math.random() * 5}s`; floatingContainer.appendChild(element); } // Mobile menu toggle const menuToggle document.getElementById(menuToggle); const navLinks document.getElementById(navLinks); menuToggle.addEventListener(click, () > { navLinks.classList.toggle(active); }); // Close menu when clicking a link document.querySelectorAll(.nav-links a).forEach((link) > { link.addEventListener(click, () > { navLinks.classList.remove(active); }); }); // Progress bar const progressBar document.getElementById(progressBar); window.addEventListener(scroll, () > { const windowHeight document.documentElement.scrollHeight - window.innerHeight; const scrolled (window.scrollY / windowHeight) * 100; progressBar.style.width `${scrolled}%`; }); // Smooth scrolling document.querySelectorAll(ahref^#).forEach((anchor) > { anchor.addEventListener(click, function (e) { e.preventDefault(); const targetId this.getAttribute(href); if (targetId #) return; const targetElement document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: smooth, }); } }); }); // Form submission document.getElementById(contactForm).addEventListener(submit, function (e) { e.preventDefault(); alert(Thank you for reaching out. Your message has been sent to our hearts.); this.reset(); }); // Newsletter form document.querySelector(.newsletter-form).addEventListener(submit, function (e) { e.preventDefault(); alert(Thank you for subscribing to our Heartbeat Newsletter!); this.reset(); }); // Parallax effect window.addEventListener(scroll, () > { const scrolled window.pageYOffset; const hero document.querySelector(.hero-section); hero.style.transform `translateY(${scrolled * 0.5}px)`; // Floating elements parallax document.querySelectorAll(.floating-element).forEach((el, index) > { el.style.transform `translateY(${scrolled * 0.1 * (index % 3)}px) rotate(${scrolled * 0.05}deg)`; }); }); // Game card hover enhancement document.querySelectorAll(.game-card).forEach((card) > { card.addEventListener(mouseenter, function () { this.style.transform translateY(-10px) scale(1.02); }); card.addEventListener(mouseleave, function () { this.style.transform translateY(0) scale(1); }); }); // Team member hover effect document.querySelectorAll(.team-member).forEach((member) > { member.addEventListener(mouseenter, function () { this.style.transform translateY(-10px); this.style.boxShadow 0 20px 40px rgba(0, 0, 0, 0.3); }); member.addEventListener(mouseleave, function () { this.style.transform translateY(0); this.style.boxShadow none; }); }); /script> /body>/html>
Port 443
HTTP/1.1 200 OKDate: Sat, 21 Feb 2026 19:31:08 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveServer: cloudflarelast-modified: Tue, 16 Dec 2025 06:34:30 GMTvary: Accept-EncodingNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}strict-transport-security: max-age31536000Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?s11EeIT6obTSj2a%2B2231tXdjQo5CWVx64pw%2BNVK0EuKR2PtbFitjhB0BaxpSt7ztTbIpFgUC4QgC4QsM7OxagNpgBFTV0BiD2BUrn9w%3D%3D}}cf-cache-status: DYNAMICCF-RAY: 9d18a989dca7c8da-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen> head> meta charsetUTF-8 /> meta nameviewport contentwidthdevice-width, initial-scale1.0 /> title>BaBe Game Studio - Stories That Touch Hearts/title> style> :root { --primary: #6a11cb; --secondary: #2575fc; --tertiary: #ff6b8b; --dark: #0f0c29; --light: #f8f9ff; --accent: #00d2ff; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: Poppins, Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); color: var(--light); overflow-x: hidden; } .hero-section { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; } .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(106, 17, 203, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(37, 117, 252, 0.1) 0%, transparent 50%); z-index: 0; } .studio-name { font-size: 5.5rem; font-weight: 900; background: linear-gradient(to right, var(--primary), var(--accent), var(--tertiary)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 1.5rem; text-shadow: 0 0 30px rgba(106, 17, 203, 0.3); position: relative; z-index: 1; animation: glow 3s ease-in-out infinite alternate; } @keyframes glow { from { text-shadow: 0 0 20px rgba(106, 17, 203, 0.3), 0 0 40px rgba(37, 117, 252, 0.2); } to { text-shadow: 0 0 30px rgba(106, 17, 203, 0.6), 0 0 60px rgba(37, 117, 252, 0.4); } } .tagline { font-size: 2.2rem; font-weight: 300; margin-bottom: 2.5rem; position: relative; z-index: 1; max-width: 800px; line-height: 1.4; } .nav-container { position: fixed; top: 0; width: 100%; background: rgba(15, 12, 41, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; } .logo { font-size: 1.8rem; font-weight: 700; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .nav-links { display: flex; gap: 2.5rem; } .nav-links a { color: var(--light); text-decoration: none; font-weight: 500; position: relative; padding: 0.5rem 0; } .nav-links a::after { content: ; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(to right, var(--primary), var(--accent)); transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } .hero-buttons { display: flex; gap: 1.5rem; margin-top: 2rem; position: relative; z-index: 1; } .btn { padding: 1rem 2.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary { background: linear-gradient(to right, var(--primary), var(--secondary)); color: white; box-shadow: 0 10px 20px rgba(106, 17, 203, 0.3); } .btn-secondary { background: transparent; color: white; border: 2px solid rgba(255, 255, 255, 0.2); } .btn:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(106, 17, 203, 0.4); } .floating-element { position: absolute; border-radius: 50%; opacity: 0.1; animation: float 20s infinite linear; } @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } } .section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; } .section-title { font-size: 3.5rem; text-align: center; margin-bottom: 1rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .section-subtitle { text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 1.2rem; margin-bottom: 4rem; max-width: 600px; margin-left: auto; margin-right: auto; } .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2.5rem; margin-top: 3rem; } .game-card { background: rgba(255, 255, 255, 0.05); border-radius: 20px; overflow: hidden; transition: all 0.4s ease; border: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .game-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, var(--primary), var(--accent)); } .game-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.08); } .game-image { height: 200px; background-size: cover; background-position: center; position: relative; } .game-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(15, 12, 41, 0.9)); display: flex; align-items: flex-end; padding: 1.5rem; } .game-genre { background: rgba(255, 255, 255, 0.2); color: white; padding: 0.3rem 1rem; border-radius: 20px; font-size: 0.9rem; backdrop-filter: blur(10px); } .game-content { padding: 2rem; } .game-title { font-size: 1.8rem; margin-bottom: 1rem; } .game-description { color: rgba(255, 255, 255, 0.7); line-height: 1.6; margin-bottom: 1.5rem; } .btn-small { padding: 0.7rem 1.5rem; font-size: 0.9rem; } .studio-story { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 4rem; } .story-content h2 { font-size: 2.5rem; margin-bottom: 1.5rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .story-content p { color: rgba(255, 255, 255, 0.8); line-height: 1.8; margin-bottom: 1.5rem; } .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; text-align: center; margin-top: 3rem; } .stat-number { font-size: 2.5rem; font-weight: 700; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.5rem; } .stat-label { color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; } .team-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-top: 4rem; } .team-member { text-align: center; background: rgba(255, 255, 255, 0.05); padding: 2rem; border-radius: 20px; transition: all 0.3s ease; } .team-member:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.08); } .member-avatar { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1.5rem; border: 3px solid; border-image: linear-gradient(to right, var(--primary), var(--accent)) 1; padding: 3px; } .member-name { font-size: 1.5rem; margin-bottom: 0.5rem; } .member-role { color: var(--accent); font-weight: 500; margin-bottom: 1rem; } .member-bio { color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; line-height: 1.6; } .contact-section { background: rgba(255, 255, 255, 0.02); border-radius: 30px; padding: 4rem; margin-top: 4rem; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .contact-info h3 { font-size: 2rem; margin-bottom: 2rem; } .contact-details { margin-top: 2rem; } .contact-item { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .contact-icon { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(to right, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; } .contact-form input, .contact-form textarea { width: 100%; padding: 1rem; margin-bottom: 1.5rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: white; font-size: 1rem; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--primary); } .contact-form textarea { min-height: 150px; resize: vertical; } .newsletter { background: linear-gradient(135deg, var(--primary), var(--secondary)); padding: 4rem 2rem; border-radius: 20px; text-align: center; margin-top: 6rem; } .newsletter h2 { font-size: 2.5rem; margin-bottom: 1rem; } .newsletter p { margin-bottom: 2rem; opacity: 0.9; } .newsletter-form { max-width: 500px; margin: 0 auto; display: flex; gap: 1rem; } .newsletter-form input { flex: 1; padding: 1rem; border: none; border-radius: 50px; font-size: 1rem; } footer { background: rgba(0, 0, 0, 0.3); padding: 3rem 2rem; margin-top: 6rem; } .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; } .footer-logo { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; background: linear-gradient(to right, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } .footer-links h3 { margin-bottom: 1.5rem; color: var(--accent); } .footer-links a { display: block; color: rgba(255, 255, 255, 0.7); text-decoration: none; margin-bottom: 0.8rem; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .social-links { display: flex; gap: 1rem; margin-top: 1.5rem; } .social-link { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s; } .social-link:hover { background: linear-gradient(to right, var(--primary), var(--accent)); transform: translateY(-3px); } .copyright { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } @media (max-width: 768px) { .studio-name { font-size: 3.5rem; } .tagline { font-size: 1.5rem; } .nav-links { display: none; } .studio-story, .contact-grid { grid-template-columns: 1fr; } .stats { grid-template-columns: repeat(2, 1fr); } .newsletter-form { flex-direction: column; } .section-title { font-size: 2.5rem; } } .mobile-menu-btn { display: none; background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .nav-links.active { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: rgba(15, 12, 41, 0.98); padding: 2rem; gap: 1.5rem; } } .progress-bar { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(to right, var(--primary), var(--accent)); width: 0%; z-index: 1001; transition: width 0.1s; } /style> /head> body> !-- Progress Bar --> div classprogress-bar idprogressBar>/div> !-- Navigation --> nav classnav-container> div classnav-content> div classlogo>BaBe/div> button classmobile-menu-btn idmenuToggle>☰/button> div classnav-links idnavLinks> a href#home>Home/a> a href#games>Games/a> a href#story>Story/a> a href#team>Team/a> a href#contact>Contact/a> a href#careers>Careers/a> /div> /div> /nav> !-- Hero Section --> section classhero-section idhome> div classhero-background>/div> div idfloatingElements>/div> h1 classstudio-name>BaBe Game Studio/h1> p classtagline>Crafting Emotional Journeys Through Interactive Storytelling/p> div classhero-buttons> a href#games classbtn btn-primary>🎮 Explore Our Games/a> a href#contact classbtn btn-secondary>🌟 Join Our Journey/a> /div> /section> !-- Games Section --> section classsection idgames> h2 classsection-title>Emotional Adventures/h2> p classsection-subtitle>Experience stories that stay with you long after the game ends/p> div classgames-grid> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1552820728-8b83bb6b773f?ixlibrb-1.2.1&autoformat&fitcrop&w1350&q80); > div classgame-overlay> span classgame-genre>Narrative Adventure/span> /div> /div> div classgame-content> h3 classgame-title>Echoes of Yesterday/h3> p classgame-description> A time-traveling adventure about memory, loss, and reconciliation. Revisit key moments in a familys history and change the course of their future through emotional choices. /p> a href# classbtn btn-primary btn-small>Discover the Story/a> /div> /div> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlibrb-1.2.1&autoformat&fitcrop&w1350&q80); > div classgame-overlay> span classgame-genre>Atmospheric Puzzle/span> /div> /div> div classgame-content> h3 classgame-title>Whispers in the Deep/h3> p classgame-description> Explore the ruins of a sunken civilization and uncover its tragic history. Solve environmental puzzles while navigating the emotional journey of the last survivor. /p> a href# classbtn btn-primary btn-small>Dive Deep/a> /div> /div> div classgame-card> div classgame-image style background-image: url(https://images.unsplash.com/photo-1511512578047-dfb367046420?ixlibrb-1.2.1&autoformat&fitcrop&w-1350&q80); > div classgame-overlay> span classgame-genre>Interactive Story/span> /div> /div> div classgame-content> h3 classgame-title>Threads of Connection/h3> p classgame-description> A branching narrative about six strangers whose lives intertwine in unexpected ways. Your choices determine how their stories connect and resolve. /p> a href# classbtn btn-primary btn-small>Weave the Story/a> /div> /div> /div> /section> !-- Studio Story --> section classsection idstory> h2 classsection-title>Our Emotional Compass/h2> p classsection-subtitle>Born from the belief that games can heal, inspire, and connect us/p> div classstudio-story> div classstory-content> h2>More Than Games: Emotional Journeys/h2> p> Founded in 2018, BaBe Game Studio emerged from a simple but powerful idea: what if games could do more than entertain? What if they could help us process complex emotions, understand different perspectives, and connect with our own humanity? /p> p> The name BaBe represents the balance between Bare (vulnerability) and Be (existence). We create spaces where players can explore emotional landscapes safely, confront difficult themes, and emerge with greater empathy and understanding. /p> p> Our team of psychologists, writers, and developers work together to craft experiences that respect the players emotional intelligence while delivering compelling, meaningful gameplay. /p> div classstats> div classstat> div classstat-number>6+/div> div classstat-label>Emotional Journeys/div> /div> div classstat> div classstat-number>500K+/div> div classstat-label>Hearted Players/div> /div> div classstat> div classstat-number>15+/div> div classstat-label>Awards Won/div> /div> div classstat> div classstat-number>100%/div> div classstat-label>Emotional Impact/div> /div> /div> /div> div classstory-visual style background: linear-gradient(135deg, var(--primary), var(--secondary)); height: 400px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; text-align: center; padding: 2rem; > We dont just make games.br />We craft emotional experiencesbr />that stay with you forever. /div> /div> /section> !-- Contact Section --> section classsection idcontact> div classcontact-section> h2 classsection-title>Connect With Heart/h2> p classsection-subtitle>Share your story, join our journey, or just say hello/p> div classcontact-grid> div classcontact-info> h3>Lets Create Together/h3> p> Whether youre a player with feedback, a developer looking to join our mission, or a storyteller with an idea, wed love to hear from you. /p> div classcontact-details> div classcontact-item> div classcontact-icon>📧/div> div> h4>Email/h4> p>a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemaila8c0cdc9dadce8cac9cacd85cfc9c5cddb86cbc7c5>email protected/a>/p> /div> /div> div classcontact-item> div classcontact-icon>📍/div> div> h4>Studio/h4> p>Emotional Arts Districtbr />Storyville, ST 10101/p> /div> /div> div classcontact-item> div classcontact-icon>💬/div> div> h4>Community/h4> p>Join our Discord community/p> /div> /div> /div> /div> div classcontact-form> form idcontactForm> input typetext placeholderYour Name required /> input typeemail placeholderYour Email required /> input typetext placeholderSubject /> textarea placeholderYour Message... Whats in your heart? required>/textarea> button typesubmit classbtn btn-primary stylewidth: 100%>Send Your Story/button> /form> /div> /div> /div> div classnewsletter> h2>Stay Connected/h2> p>Subscribe to our Heartbeat Newsletter for updates on emotional design, storytelling insights, and game releases./p> form classnewsletter-form> input typeemail placeholderYour email address required /> button typesubmit classbtn btn-secondary>Subscribe/button> /form> /div> /section> !-- Footer --> footer> div classfooter-content> div classfooter-about> div classfooter-logo>BaBe/div> p>Crafting emotional journeys through interactive storytelling since 2018./p> div classsocial-links> a href# classsocial-link>🐦/a> a href# classsocial-link>📘/a> a href# classsocial-link>📸/a> a href# classsocial-link>🎬/a> a href# classsocial-link>💬/a> /div> /div> div classfooter-links> h3>Our Games/h3> a href#>Echoes of Yesterday/a> a href#>Whispers in the Deep/a> a href#>Threads of Connection/a> a href#>Upcoming Projects/a> /div> div classfooter-links> h3>Resources/h3> a href#>Emotional Design Blog/a> a href#>Storytelling Workshops/a> a href#>Press Kit/a> a href#>Community Guidelines/a> /div> div classfooter-links> h3>Connect/h3> a href#>Careers at BaBe/a> a href#>Partner With Us/a> a href#>Contact Support/a> a href#>Privacy & Heart/a> /div> /div> div classcopyright> p>© 2025 BaBe Game Studio. All stories, emotions, and experiences are protected with heart./p> /div> /footer> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script> // Create floating elements const floatingContainer document.getElementById(floatingElements); for (let i 0; i 15; i++) { const element document.createElement(div); element.className floating-element; // Random size and position const size Math.random() * 100 + 20; element.style.width `${size}px`; element.style.height `${size}px`; element.style.left `${Math.random() * 100}%`; element.style.top `${Math.random() * 100}%`; // Random gradient const colors linear-gradient(45deg, #6a11cb, #2575fc), linear-gradient(45deg, #ff6b8b, #ff8e53), linear-gradient(45deg, #00d2ff, #3a7bd5), ; element.style.background colorsMath.floor(Math.random() * colors.length); // Random animation element.style.animationDuration `${Math.random() * 20 + 10}s`; element.style.animationDelay `${Math.random() * 5}s`; floatingContainer.appendChild(element); } // Mobile menu toggle const menuToggle document.getElementById(menuToggle); const navLinks document.getElementById(navLinks); menuToggle.addEventListener(click, () > { navLinks.classList.toggle(active); }); // Close menu when clicking a link document.querySelectorAll(.nav-links a).forEach((link) > { link.addEventListener(click, () > { navLinks.classList.remove(active); }); }); // Progress bar const progressBar document.getElementById(progressBar); window.addEventListener(scroll, () > { const windowHeight document.documentElement.scrollHeight - window.innerHeight; const scrolled (window.scrollY / windowHeight) * 100; progressBar.style.width `${scrolled}%`; }); // Smooth scrolling document.querySelectorAll(ahref^#).forEach((anchor) > { anchor.addEventListener(click, function (e) { e.preventDefault(); const targetId this.getAttribute(href); if (targetId #) return; const targetElement document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: smooth, }); } }); }); // Form submission document.getElementById(contactForm).addEventListener(submit, function (e) { e.preventDefault(); alert(Thank you for reaching out. Your message has been sent to our hearts.); this.reset(); }); // Newsletter form document.querySelector(.newsletter-form).addEventListener(submit, function (e) { e.preventDefault(); alert(Thank you for subscribing to our Heartbeat Newsletter!); this.reset(); }); // Parallax effect window.addEventListener(scroll, () > { const scrolled window.pageYOffset; const hero document.querySelector(.hero-section); hero.style.transform `translateY(${scrolled * 0.5}px)`; // Floating elements parallax document.querySelectorAll(.floating-element).forEach((el, index) > { el.style.transform `translateY(${scrolled * 0.1 * (index % 3)}px) rotate(${scrolled * 0.05}deg)`; }); }); // Game card hover enhancement document.querySelectorAll(.game-card).forEach((card) > { card.addEventListener(mouseenter, function () { this.style.transform translateY(-10px) scale(1.02); }); card.addEventListener(mouseleave, function () { this.style.transform translateY(0) scale(1); }); }); // Team member hover effect document.querySelectorAll(.team-member).forEach((member) > { member.addEventListener(mouseenter, function () { this.style.transform translateY(-10px); this.style.boxShadow 0 20px 40px rgba(0, 0, 0, 0.3); }); member.addEventListener(mouseleave, function () { this.style.transform translateY(0); this.style.boxShadow none; }); }); /script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]