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 <!-- InstanceBeginEditable name="doctitle" --> 7 <title>Contact Sable Studios | Get In Touch</title> 8 9 <!--Canonical Tag--> 10 <link rel="canonical" href="https://www.sablestudios.net/contact"/> 11 12 <!--Description Tag--> 13 <meta name="description" content="Have a question for Sable Studios? Contact us regarding business inquiries, support for Elders of Marmotia, or general feedback." /> 14 15 <!-- InstanceEndEditable --> 16<!--overtracking --> 17
17<script defer src="https://cdn.overtracking.com/t/tuvVBdl9vZ4WrW3sP/"></script>
17 18<!--bootstrap plugin--> 19 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> 20 <link href="css/styles.css" rel="stylesheet" type="text/css"> 21 <link rel="icon" type="image/png" href="/path/to/your-icon.png"> 22 23<!-- Favicons--> 24 <!-- For modern browsers (high-resolution, scaleable SVG) --> 25<link rel="icon" href="/images/favicon/favicon-32.svg" type="image/svg+xml"> 26 27<!-- For desktop browsers (high-resolution PNG) --> 28<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32.png"> 29<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16.png"> 30 31<!-- For Apple devices (iPhone, iPad) --> 32<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png"> 33<!-- InstanceBeginEditable name="head" --> 34<!-- InstanceEndEditable --> 35 36<!--Styles Override --> 37<!-- InstanceBeginEditable name="style-override" --> 38 <link href="css/contact.css" rel="stylesheet" type="text/css"> 39<!-- InstanceEndEditable --> 40<!-- Styled Override End--> 41</head> 42<body class="bg-dark"> 43<!--NavBar--> 44<nav class="navbar fixed-top navbar-expand-lg navbar-dark navbar-color"> 45 <div class="container-fluid"> 46 <a class="navbar-brand text-wrap" href="index.html"> 47 <!-- InstanceBeginEditable name="logo-image" --> 48 <img src="images/logos/logo-gold.png" width="50" height="37px" alt="sable studios logo"/><!-- InstanceEndEditable --> >_Sable Studios 49 </a> 50 51 <!--mobile toggle menu --> 52 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 53 <span id="mobile-menu" class="navbar-toggler-icon"></span> 54 </button> 55 56 <!--nav menu --> 57 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 58 <ul class="navbar-nav ms-auto mb-2 mb-lg-0 text-center"> 59 <li class="nav-item"> 60 <a class="nav-link active" aria-current="page" href="index.html">Home</a> 61 </li> 62 <li class="nav-item dropdown"> 63 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Games </a> 64 <ul class="dropdown-menu nav-bg" aria-labelledby="navbarDropdown"> 65 <div> 66 <li><a id="dditem-marmotia" class="dropdown-item text-white text-center" href="games/elders-of-marmotia.html">Elders of Marmotia</a></li> 67 </div> 68<!-- 69 <li> 70 <hr class="dropdown-divider"></li> 71--> 72 </ul> 73 </li> 74 <li class="nav-item"> 75 <a class="nav-link" href="about-us.html">About<br> 76 </a> 77 </li> 78 <li class="nav-item"> 79 <a class="nav-link" href="contact.html">Contact<br></a> </li> 80 </ul> 81</div> 82 </div> 83</nav> 84<!--End NavBar --><!-- InstanceBeginEditable name="main-content" --> 85<main> 86 <!--Hero--> 87 <div id ="hero" class ="mobile-hero-height hero-contact hero-height "> 88 <div class="container-fluid h-100 d-flex justify-content-center align-items-center"> 89 <h1 class="text-white"><Let's <span class="text-gold">Connect></span></h1> 90 </div> 91 </div> 92<!-- END HERO--> 93 94 <div id="sections"> 95 96 <!--Contact Us Form --> 97 <div id="contact-section1" class="bg-dark container-fluid text-white border-b border-t"> 98 <div class="row m-5"> 99 <h2 class="text-center">Get in <span class="text-white">touch</span> with us</h2> 100 <p class="text-center mb-5"></p> 101 102 <div id="contact-form-col1" class="col-md-5"> 103 <form action="https://api.web3forms.com/submit" method="POST"> 104 <input type="hidden" name="access_key" value="83c509fc-ebb2-42bf-8672-fc7049556dc3"> 105 <input type="hidden" name="redirect" value="https://sablestudios.net/thank-you.html"> 106 107 <p>Fill out this form or email us: <br> [email protected]</p> 108 <div class="form-group mb-3"> 109 <!--Name--> 110 <label for="nameInput" class="form-label">Your Name</label> 111 <input name="name" type="text" class="form-control" id="nameInput" aria-describedby="name" placeholder="Enter name"> 112 </div> 113 <!--Email Address--> 114 <div class="form-group"> 115 <label for="emailInput">Email address</label> 116 <input id="emailInput" name="email" type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email" required> 117 <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> 118 </div> 119 <!--Message--> 120 <div class="form-group mt-1 mb-4"> 121 <label for="messageInput">Your message</label> 122 <textarea id="messageInput" class="form-control" name="message" rows="6" required></textarea> 123 </div> 124 <!-- repcatcha--> 125 <!-- <div class="form-group mb-3"> 126 <div class="g-recaptcha" data-sitekey="6LdGOdgrAAAAADP05gfpdoQnJ-sKIwrc27HRLQCd"></div> 127 </div> --> 128 129 <button type="submit" class="btn btn-outline-light">Send message</button> 130 131 </form> 132 </div> 133 134 <div id="contact-form-col2" class="col-md-7 d-flex flex-column"> 135 <img id="contact-form-img" class="amobile-img-top ms-3" src="images/characters/ana-web.png" style="object-position: center; object-fit: cover;" alt="Heroic lioness spellbinder with a hovering spellbook"> 136 </div> 137
138 </div> 139 </div> 140 </div> 141 142 143 144</main> 145<!-- InstanceEndEditable --> 146<footer class="fs-5 bg-black text-secondary flex-wrap justify-content-between align-items-center py-md-4 py-1 "> 147 148 149<!-- footer icon copyright--> 150 <div class="container-fluid"> 151 <div class=" row mb-md-5 mt-3"> 152 <div class="col-md-12 d-flex flex-wrap justify-content-center align-items-center align-content-center"> 153 <!-- InstanceBeginEditable name="footer-logo" --> 154 <a href="/index.html" class="mb-3 me-3 mb-md-0 text-decoration-none" aria-label="logo-img"> <img src="images/logos/logo-gold.png" alt="sable studios logo" style=" width: 70px; height: 45px;"> </a> 155 156 <!-- InstanceEndEditable --> 157 <p class="mb-3 mb-md-0 text-center">©Sable Studios</p> 158 </div> 159 </div> 160 161 </div> 162 163 <!--footer nav bar--> 164 <ul class="nav col-md-12 justify-content-center list-unstyled d-flex"> 165 <li class="ms-3 darken"><a class="nav-link active footer-nav-color" aria-current="home" href="index.html">Home</a></li> 166 <li class="nav-item dropdown "> 167 <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> 168 <ul class="dropdown-menu nav-bg" aria-labelledby="games navbarDropdown"> 169 <li><a class="dropdown-item footer-nav-color darken text-white" href="games/elders-of-marmotia.html">Elders of Marmotia</a></li> 170<!-- <li><hr class="dropdown-divider "></li>--> 171 </ul></li> 172 <li class="ms-3 darken "> <a class="nav-link footer-nav-color" href="about-us.html">About Us<br></a> </li> 173 <li class="ms-3 darken "><a class="nav-link footer-nav-color" href="contact.html">Contact<br></a></li> 174 175 </ul> 176 177 <!--footer social icons row --> 178 <ul id="social-icons" class="pt-md-2 col-md-12 justify-content-center list-unstyled d-flex"> 179 <li class="ms-3 darken"> 180 <a class="text-body-secondary" href="https://www.instagram.com/sable_studios_/" aria-label="Instagram" target="_blank"> 181 <img src="images/social-icons/social-instagram.png" width="25" alt="instagram-logo" ></a></li> 182 <li class="ms-3 pe-2 darken"> 183 <a class="text-body-secondary" href="mailto:[email protected]" target="_blank" aria-label="email-sable-studios"> 184 <img src="images/social-icons/social-gmail.png" width="25" alt="gmail-logo"></a></li> 185 </ul> 186 187</footer> 188<!--End Footer--> 189 190 191<!--recaptcha javascript-->
vendor: 80 bytes, lines 191-193
191 192 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 193
194<!--JS Bundle including Popper -->
195<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
195 196</body> 197<!-- 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.