1<!doctype html> 2<html lang="en"><!-- InstanceBegin template="/Templates/template-main.dwt" codeOutsideHTMLIsLocked="false" --> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!--Google Verification Tag --> 7 <meta name="google-site-verification" content="tIrOooHzKyJBAu_9sEJAeQdHlPXo8M-bLTohLYNPgvE" /> 8 <!-- InstanceBeginEditable name="doctitle" --> 9 <title>Sable Studios</title> 10 11 <!--Meta Description --> 12 <meta name="description" content="Sable Studios presents the next generation Sci-Fi Fantasy Hero Shooter: Elders of Marmotia. Dive into the immersive world of Marmotia with Wild Characters" /> 13 14 <!--Link Rel Canonical --> 15 <link rel="canonical" href="https://www.sablestudios.net/"/> 16 17 <!-- InstanceEndEditable --> 18 19<!--overtracking --> 20
20<script defer src="https://cdn.overtracking.com/t/tuvVBdl9vZ4WrW3sP/"></script>
20 21<!--bootstrap plugin--> 22 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> 23 <link href="css/styles.css" rel="stylesheet" type="text/css"> 24 <link rel="icon" type="image/png" href="/path/to/your-icon.png"> 25 26<!-- Favicons--> 27 <!-- For modern browsers (high-resolution, scaleable SVG) --> 28<link rel="icon" href="/images/favicon/favicon-32.svg" type="image/svg+xml"> 29 30<!-- For desktop browsers (high-resolution PNG) --> 31<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32.png"> 32<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16.png"> 33 34<!-- For Apple devices (iPhone, iPad) --> 35<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png"> 36<!-- InstanceBeginEditable name="head" --> 37<!-- InstanceEndEditable --> 38 39<!--Styles Override --> 40<!-- InstanceBeginEditable name="style-override" --> 41<!-- InstanceEndEditable --> 42<!-- Styled Override End--> 43</head> 44<body class="bg-dark"> 45<!--NavBar--> 46<nav class="navbar fixed-top navbar-expand-lg navbar-dark navbar-color"> 47 <div class="container-fluid"> 48 <a class="navbar-brand text-wrap" href="index.html"> 49 <!-- InstanceBeginEditable name="logo-image" --><img src="images/logos/logo-purple-dark.png" width="50" height="37" alt="sable-studios-logo"/><!-- InstanceEndEditable --> >_Sable Studios 50 </a> 51 52 <!--mobile toggle menu --> 53 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 54 <span id="mobile-menu" class="navbar-toggler-icon"></span> 55 </button> 56 57 <!--nav menu --> 58 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 59 <ul class="navbar-nav ms-auto mb-2 mb-lg-0 text-center"> 60 <li class="nav-item"> 61 <a class="nav-link active" aria-current="page" href="index.html">Home</a> 62 </li> 63 <li class="nav-item dropdown"> 64 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Games </a> 65 <ul class="dropdown-menu nav-bg" aria-labelledby="navbarDropdown"> 66 <div> 67 <li><a id="dditem-marmotia" class="dropdown-item text-white text-center" href="games/elders-of-marmotia.html">Elders of Marmotia</a></li> 68 </div> 69<!-- 70 <li> 71 <hr class="dropdown-divider"></li> 72--> 73 </ul> 74 </li> 75 <li class="nav-item"> 76 <a class="nav-link" href="about-us.html">About<br> 77 </a> 78 </li> 79 <li class="nav-item"> 80 <a class="nav-link" href="contact.html">Contact<br></a> </li> 81 </ul> 82</div> 83 </div> 84</nav> 85<!--End NavBar --><!-- InstanceBeginEditable name="main-content" --> 86<main class="overflow-x-hidden bg-black"> 87 88 <!--Hero--> 89 <div id ="hero" class ="mobile-hero-height hero-index hero-height"> 90 <div class="container-fluid h-100 d-flex justify-content-center align-items-center"> 91 <h1 class="text-white text-wrap justify-content-center">We are <span class="text-purple-superlight">Sable Studios</span> </h1> 92 93 94 95 </div></div> 96 97 <div id="sections"> 98 <!--Section1--> 99 <div id="index-section1" class="container-fluid bg-dark"> 100 <div id="row1" class="row bg-dark border-top-purple border-bot-purple flex-column-reverse flex-md-row"> 101 <div id="index-section1-col1" class="col-xs-12 col-md-6 ps-3 pt-3 pb-3 "> 102 <h5 class="text-white">Introducing</h5> 103 <h5 class="text-purple-light fs-3"> <strong>Elders of Marmotia</strong></h5> 104 <p class="text-white">The universe is vast, but only one planet has sentient marmots â and itâs in grave danger. Marmotia, a civilization born from an ancient Artifact faces a crisis of galactic proportions. A beacon answered by twisted beings, the Elders, arrive with a fleet of familiar space marine marmots harboring an insidious secret... 105 <br><br>Sable Studios presents Elders of Marmotia, the next gen Sci-fi Fantasy Hero Shooter video game. Check it out,
105chirp! </p> 106 <div class="justify-content-md-start justify-content-center d-flex"><a href="games/elders-of-marmotia.html" class="btn btn-index">Read more</a> </div> 107 </div> 108 <div id="index-section1-col2" class="col-xs-12 mx-auto col-md-6 mobile-img-height p-0 object-fit-top cp-diag-e-bot cp-mobile-none"> <img src="images/characters/roger-web.png" class="img-fluid img-fill mobile-img-top" alt="corrupted alien elder marmot with tentacles"> </div> 109 </div> 110 </div> 111 112 <!--Section2--> 113 <div id="index-section2" class="container-fluid"> 114 <div class="row bg-dark border-bot-purple"> 115 <div id="index-section2-col1" class="col-xs-12 col-md-6 d-flex p-0"> <img src="images/backgrounds/robot-artifact-reach.png" class="img-fluid img-fill mobile-img-height mobile-img-top cp-diag-s-bot cp-mobile-none" alt="huge robot marmot beside a plateau overlooking the glowing artifact"> </div> 116 <div id="index-section2-col2" class="col-xs-12 col-md-6 ps-3 pt-3 pb-3"> 117 <h5 class="text-white fs-3"> <strong>Support Us</strong></h5> 118 <p class="text-white">Ease the burden of our tendrils and support us! We're an extremely small indie game studio with big aspirations. We want to give back to the world, our fans, and the creators that make this studio possible. Help make our debut video game Elders of Marmotia a reality!</p> 119 <div class="d-flex justify-content-md-end justify-content-center pe-3"> 120 <ul class="d-flex gap-3 list-unstyled"> 121 <li><a id="index-patreon" target="_blank" href="https://www.patreon.com/posts/one-time-pledge-139295622" class="btn btn-index">Patreon</a></li> 122 <li><a id="index-tipjar" target="_blank" href="https://tiptopjar.com/sablestudios" class="btn btn-index">Tip Jar</a></li> 123 </ul> 124 125 </div> 126 127 <p class="text-green fs-5"><br><br>Or better yet...</p> 128 </div> 129 </div> 130 </div> 131 132 133 <!--Section3--> 134 <div id="index-section3" class="container-fluid "> 135 <div id="index-section3-row" class="row border-bot-purple flex-md-row"> 136 <div id="index-section3-body" class="d-flex flex-column col-xs-12 col-md-6 ps-3 pt-3 pb-3"> 137 138 <h5 class="text-white fs-3"> <strong>Support the <span class="text-green"> planet!</span> </strong></h5> 139 <p class="text-white">Help those fighting the good fight and support their conservation efforts. Preserve the land and restore nature... chirp!</p> 140 <div class="mt-auto fs-5 text-green"> 141 <p>Marmot Approved!</p></div> 142 143 </div> 144 <div id="index-section3-char1" class="col-xs-12 col-md-3 ps-3 pt-3 pb-3"> 145 146 <h5 class="text-white charity-header"> <strong>Capitol Land Trust </strong></h5> 147 <p class="text-white"><a class="text-decoration-none" href="https://capitollandtrust.org/" target="_blank" >Capitol Land Trust</a> is building a web of conserved lands that, combined with everything from State Parks to working forests, provide havens for wildlife and an improved quality of life.</p> 148 <div class="d-flex justify-content-md-start justify-content-center"> 149 <a class="btn btn-charity text-white-half" href="https://capitollandtrust.org/donate/" target="_blank" >MAKE A DONATION</a> 150 </div> 151 152 153 </div> 154 <div id="index-section3-char2" class="col-xs-12 col-md-3 ps-3 pt-3 pb-3"> 155 156 <h5 class="text-white charity-header"> <strong>Rocky Mountain Wild</strong></h5> 157 <p class="text-white"><a class="text-decoration-none" href="https://rockymountainwild.org/" target="_blank">Rocky Mountain Wild</a> works to protect, connect, and restore wildlife and wild lands in the Southern Rocky Mountain region.</p> 158 <div class="d-flex justify-content-md-start justify-content-center"> 159 <a href="https://www.coloradogives.org/donate/RMW-co" target="_blank" class="btn btn-charity text-white-half">MAKE A DONATION </a> 160 </div> 161 162 </div> 163 </div> 164 </div> 165 </div> 166 167</main> 168<!-- InstanceEndEditable --> 169<footer class="fs-5 bg-black text-secondary flex-wrap justify-content-between align-items-center py-md-4 py-1 "> 170 171 172<!-- footer icon copyright--> 173 <div class="container-fluid"> 174 <div class=" row mb-md-5 mt-3"> 175 <div class="col-md-12 d-flex flex-wrap justify-content-center align-items-center align-content-center"> 176 <!-- InstanceBeginEditable name="footer-logo" --> 177 <a href="/index.html" class="mb-3 me-2 mb-md-0 text-decoration-none lh-1" aria-label="Sable Studios"> <img src="images/logos/logo-purple-dark.png" alt="logo-image" style="width:70px; height:45px;"></a> 178 <!-- InstanceEndEditable --> 179 <p class="mb-3 mb-md-0 text-center">©Sable Studios</p> 180 </div> 181 </div> 182 183 </div> 184 185 <!--footer nav bar--> 186 <ul class="nav col-md-12 justify-content-center list-unstyled d-flex"> 187 <li class="ms-3 darken"><a class="nav-link active footer-nav-color" aria-current="home" href="index.html">Home</a></li> 188 <li class="nav-item dropdown "> 189 <a class="nav-link dropdown-toggle footer-navbar-dropdown footer-nav-color darken" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Games </a> 190 <ul class="dropdown-menu nav-bg" aria-labelledby="games navbarDropdown"> 191 <li><a class="dropdown-item footer-nav-color darken text-white" href="games/elders-of-marmotia.html">Elders of Marmotia</a></li> 192<!-- <li><hr class="dropdown-divider "></li>--> 193 </ul></li> 194 <li class="ms-3 darken "> <a class="nav-link footer-nav-color" href="about-us.html">About Us<br></a> </li> 195 <li class="ms-3 darken "><a class="nav-link footer-nav-color" href="contact.html">Contact<br></a></li> 196 197 </ul> 198 199 <!--footer social icons row --> 200 <ul id="social-icons" class="pt-md-2 col-md-12 justify-content-center list-unstyled d-flex"> 201 <li class="ms-3 darken"> 202 <a class="text-body-secondary" href="https://www.instagram.com/sable_studios_/" aria-label="Instagram" target="_blank"> 203 <img src="images/social-icons/social-instagram.png" width="25" alt="instagram-logo" ></a></li> 204 <li class="ms-3 pe-2 darken"> 205 <a class="text-body-secondary" href="mailto:[email protected]" target="_blank" aria-label="email-sable-studios"> 206 <img src="images/social-icons/social-gmail.png" width="25" alt="gmail-logo"></a></li> 207 </ul> 208 209</footer> 210<!--End Footer--> 211 212 213<!--recaptcha javascript-->
vendor: 80 bytes, lines 213-215
213 214 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 215
216<!--JS Bundle including Popper -->
217<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
217 218</body> 219<!-- InstanceEnd --></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.