1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 6 <meta name="description" content="" /> 7 <meta name="author" content="Bicho Raro" /> 8 <title>Bicho Raro</title> 9 <!-- Favicon--> 10 <link rel="icon" type="image/x-icon" href="assets/bichoraro.ico" /> 11 <!-- Font Awesome icons (free version)--> 12
12<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 13 <!-- Google fonts--> 14 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> 15 <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" /> 16 <!-- Core theme CSS (includes Bootstrap)--> 17 <link href="css/styles.css" rel="stylesheet" /> 18 </head> 19 20 <body id="page-top"> 21 <!-- Navigation--> 22 <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> 23 <div class="container"> 24 <a class="navbar-brand" href="index.html"><img src="assets/img/BRcoop2.png" alt="Home" /></a> 25 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> 26 Menu 27 <i class="fas fa-bars ms-1"></i> 28 </button> 29 <div class="collapse navbar-collapse" id="navbarResponsive"> 30 <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> 31 <li class="nav-item"><a class="nav-link" href="services.html">SERVICES</a></li> 32 <li class="nav-item"><a class="nav-link" href="#team">TEAM</a></li> 33 <li class="nav-item"><a class="nav-link" href="clients.html">PORTFOLIO</a></li> 34 <li class="nav-item"><a class="nav-link" href="news.html">NEWS</a></li> 35 <li class="nav-item"><a class="nav-link" href="index.html#contact">CONTACT</a></li> 36 </ul> 37 <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> 38 <a href="index_es.html" class="img-link"> 39 <img src="assets/img/icon_lang_ING.png" alt="[ES]" aria-label="[ES]" style="width:30px;height: 30px"/> 40 </a> 41 </ul> 42 </div> 43 </div> 44 </nav> 45 46 <!-- Team--> 47 <section class="page-section bg-light" id="team"> 48 <div class="container"> 49 <div class="text-center"> 50 <br /><h2 class="section-heading text-uppercase">The team</h2> 51 <h3 class="section-subheading text-muted">We are professionals with a lot of experience and a large number of published games in different genres for numerous well-known national and international clients. 52 </h3> 53 </div> 54 <div class="row"> 55 <div class="col-lg-3"> 56 <div class="team-member"> 57 <img class="mx-auto rounded-circle" src="assets/img/team/ale.jpg" alt="Alejandra Bruno" /> 58 <h4>Alejandra </br>Bruno</h4> 59 <p class="text-muted">Game & Narrative Designer / Producer</p> 60 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/alecopilaia/" aria-label="Alejandra Bruno Instagram Profile" target=â_blankâ><i class="fab fa-instagram"></i></a> 61 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/alejandra.bruno.73/" target=â_blankâ aria-label="Alejandra Bruno Facebook Profile"><i class="fab fa-facebook-f"></i></a> 62 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/alejandrabruno/" target=â_blankâ aria-label="Alejandra Bruno LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 63 </div> 64 </div> 65 66 <div class="col-lg-3"> 67 <div class="team-member"> 68 <img class="mx-auto rounded-circle" src="assets/img/team/kurara.png" alt="M. Clara Cattaneo Esnaola" /> 69 <h4>M. Clara Cattaneo Esnaola</h4> 70 <p class="text-muted"></br>UI/UX Designer / 2D Artist</p> 71 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/myprofanity/" aria-label="M. Clara Cattaneo Esnaola Instagram Profile" target=â_blankâ><i class="fab fa-instagram"></i></a> 72 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/kurarahimura" target=â_blankâ aria-label="M. Clara Cattaneo Esnaola Twitter Profile"><i class="fab fa-twitter"></i></a> 73 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/claracattaneo/" target=â_blankâ aria-label="M. Clara Cattaneo Esnaola LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 74 </div> 75 </div> 76 77 <div class="col-lg-3"> 78 <div class="team-member"> 79 <img class="mx-auto rounded-circle" src="assets/img/team/vale.jpg" alt="Valeria Colombo" /> 80 <h4>Valeria </br>Colombo</h4> 81 <p class="text-muted"></br>Programmer</p> 82 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/valezumzum" aria-label="Valeria Colombo Instagram Profile" target=â_blankâ><i class="fab fa-instagram"></i></a> 83 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/valezumzum" target=â_blankâ aria-label="Valeria Colombo Twitter Profile"><i class="fab fa-twitter"></i></a> 84 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/vccolombo/" target=â_blankâ aria-label="Valeria Colombo
84LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 85 </div> 86 </div> 87 88 <div class="col-lg-3"> 89 <div class="team-member"> 90 <img class="mx-auto rounded-circle" src="assets/img/team/chu.jpg" alt="Silvina Lemos Hoffmann" /> 91 <h4>Silvina Lemos Hoffmann</h4> 92 <p class="text-muted"></br>Lawyer / Producer / QA</p> 93 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/chuchu.357" aria-label="Silvina Lemos Hoffmann Instagram Profile" target=â_blankâ><i class="fab fa-instagram"></i></a> 94 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/Chuchu_357" target=â_blankâ aria-label="Silvina Lemos Hoffmann Twitter Profile"><i class="fab fa-twitter"></i></a> 95 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/silvina-lemos" target=â_blankâ aria-label="Silvina Lemos Hoffmann LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 96 </div> 97 </div> 98 99 <div class="col-lg-4"> 100 <div class="team-member"> 101 <img class="mx-auto rounded-circle" src="assets/img/team/pablo.png" alt="Pablo Quarta" > 102 <h4>Pablo Quarta</h4> 103 <p class="text-muted">Narrative Designer</p> 104 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/pfquarta" aria-label="Pablo Quarta Instagram Profile" target="_blank"><i class="fab fa-instagram"></i></a> 105 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/PfQuarta" target="_blank" aria-label="Pablo Quarta Twitter Profile"><i class="fab fa-twitter"></i></a> 106 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/pablo-f-quarta/" target="_blank" aria-label="Pablo Quarta LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 107 </div> 108 </div> 109 110 <div class="col-lg-4"> 111 <div class="team-member"> 112 <img class="mx-auto rounded-circle" src="assets/img/team/fede.png" alt="Fede Nessi" > 113 <h4>Fede Nessi</h4> 114 <p class="text-muted">Animator & Technical Artist</p> 115 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/fedenessi" aria-label="Fede Nessi Instagram Profile" target="_blank"><i class="fab fa-instagram"></i></a> 116 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/FedeNessi19" target="_blank" aria-label="Fede Nessi Twitter Profile"><i class="fab fa-twitter"></i></a> 117 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/fedenessi/" target="_blank" aria-label="Fede Nessi LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a> 118 </div> 119 </div> 120 121 </div> 122 </div> 123 </section> 124 125 <section class="page-section" id="friends"> 126 <div class="container"> 127 <div class="text-center"> 128 <h3 class="section-heading text-uppercase">COLLABORATORS</h3> 129 <br><br> 130 </div> 131 <div class="row"> 132 <div class="col-lg-13"> 133 <div class="friends-member"> 134 <img class="mx-auto rounded-circle" src="assets/img/team/vir.jpg" alt="Virginia Arienti" style="width: 120px;height: 120px"/> 135 <h4>Virginia Arienti</h4> 136 <p class="text-muted">Music</p> 137 </div> 138 </div> 139 <div class="col-lg-13"> 140 <div class="friends-member"> 141 <img class="mx-auto rounded-circle" src="assets/img/team/ayu.png" alt="Ayelen GarcÃa" style="width: 120px;height: 120px"/> 142 <h4>Ayelen GarcÃa</h4> 143 <p class="text-muted">2D Art</p> 144 </div> 145 </div> 146 <div class="col-lg-13"> 147 <div class="friends-member"> 148 <img class="mx-auto rounded-circle" src="assets/img/team/meli.png" alt="Melisa Stasiak" style="width: 120px;height: 120px"/> 149 <h4>Melisa Stasiak</h4> 150 <p class="text-muted">Sound Design</p> 151 </div> 152 </div> 153 <div class="col-lg-13"> 154 <div class="friends-member"> 155 <img class="mx-auto rounded-circle" src="assets/img/team/dario.png" alt="DarÃo Georges" style="width: 120px;height: 120px"/> 156 <h4>DarÃo </br>Georges</h4> 157 <p class="text-muted">2D Art & Animation</p> 158 </div> 159 </div> 160 <div class="col-lg-13"> 161 <div class="friends-member"> 162 <img class="mx-auto rounded-circle" src="assets/img/team/juan_pablo.jpeg" alt="Juan Pablo Amato" style="width: 120px;height: 120px"/> 163 <h4>Juan Pablo Amato</h4> 164 <p class="text-muted">Programming</p> 165 </div> 166 </div> 167 <div class="col-lg-13"> 168 <div class="friends-member"> 169 <img class="mx-auto rounded-circle" src="assets/img/team/maria.jpeg" alt="MarÃa Forteza" style="width: 120px;height: 120px"/> 170 <h4>MarÃa </br>Forteza</h4> 171 <p class="text-muted">Pedagogical advise</p> 172 </div> 173 </div> 174 <div class="col-lg-13"> 175 <div class="friends-member"> 176 <img class="mx-auto rounded-circle" src="assets/img/team/ara.png" alt="Mariam Trejo" style="width: 120px;height: 120px"/> 177 <h4>Mariam Trejo</h4> 178 <p class="text-muted">2D Art</p> 179 </div> 180 </div> 181 <div class="col-lg-13"> 182 <div class="friends-member"> 183 <img class="mx-auto rounded-circle" src="assets/img/team/ana.png" alt="Ana naranjo" style="width: 120px;height: 120px"/> 184 <h4>Ana naranjo</h4> 185 <p class="text-muted">2D Art</p> 186 </div> 187 </div>
188 </div> 189 </div> 190 </section> 191 192 <section class="page-section bg-light" id="values"> 193 <div class="container"> 194 <div class="text-left"> 195 <h2 class="section-heading text-uppercase">OUR MISSION</h2> 196 <h3 class="section-subheading2 text-muted"> 197 As passionate women creators, we strive to craft innovative and meaningful digital experiences. </br>We are dedicated to elevating video games as a powerful medium of cultural expressionâone that fosters creativity, diversity, and promotes deep reflection. 198 </h3> 199 <h2 class="section-heading text-uppercase">OUR VALUES</h2> 200 <h3 class="section-subheading2 text-muted"> 201 <b>Quality and Excellence:</b> We are dedicated to producing projects that set the standard for excellence in design, art, and technology.<br /><br /> 202 <b>Diversity:</b> We celebrate it in all its forms, in the games we create and within our studio. Inclusion and representation are fundamental to building authentic experiences. <b>We are co-founders and prominent members of Women in Games Argentina (WIGAr)</b>, a community that brings together women, trans, and non-binary people in this industry.<br /><br /> 203 <b>Innovation:</b> We are at the forefront of innovation in video game development, exploring new ideas, technologies, and narratives to offer unique and exciting moments to our players.<br /><br /> 204 <b>Social Commitment:</b> We believe in the power of video games to address sensitive personal and social issues. We tell stories that entertain and generate meaningful conversations.<br /><br /> 205 <b>Cooperativism and Growth:</b> We establish alliances with other organizations and professionals in the sector to improve the conditions of the video game industry and promote its growth. 206 </div> 207 </div> 208 </section> 209 210 <section class="page-section" id="institutions"> 211 <div class="py-4"> 212 <div class="row"> 213 <div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Institutions that support us</p></div> 214 </div> 215 <div class="container"> 216 <div class="container"> 217 <div class="row align-items-center"> 218 <div class="col-md-12 my-3"> 219 <img class="img-fluid img-brand2 d-block mx-auto" src="assets/img/logos/logo_wigar.png" alt="Women in Games Argentina" aria-label="Women in Games Argentina" style="width: 406px;height: 175px"> 220 </div> 221 <!--<div class="col-md-6 my-3"> 222 <img class="img-fluid img-brand2 d-block mx-auto" src="assets/img/logos/logo_imagecampus.png" alt="IMAGE Campus" aria-label="IMAGE Campus" style="width: 406px;height: 175px"> 223 </div>--> 224 </div> 225 </div> 226 </div> 227 </div> 228 </section> 229 230 <!-- Footer--> 231 <footer class="footer py-4 bg-light" id="contact"> 232 <div class="container"> 233 <div class="col-lg-12 my-5 my-lg-0"> 234 <h2 class="section-heading text-uppercase">CONTACT US</h2> 235 </div> 236 <div class="col-lg-8 mx-auto text-center"><p class="fs-4 text-muted">For inquiries, please contact us at <b>[email protected]</b> or find us on social media.</p></div> 237 <div class="col-lg-12 my-5 my-lg-0"> 238 <a class="btn btn-dark btn-social mx-2" href="mailto:[email protected]" target=â_blankâ aria-label="e-mail"><i class="fas fa-envelope"></i></a> 239 <a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/company/bichorarocoop" target=â_blankâ aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 240 <a class="btn btn-dark btn-social mx-2" href="https://twitter.com/BichoRaroGames" target=â_blankâ aria-label="Twitter"><i class="fab fa-twitter"></i></a> 241 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/profile.php?id=61550996575398" target=â_blankâ aria-label="Facebook"><i class="fab fa-facebook-f"></i></a> 242 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/bichoraro.games" target=â_blankâ aria-label="Instagram"><i class="fab fa-instagram"></i></a> 243 </div> 244 <br /><br /> 245 <div class="row align-items-center"> 246 <div class="col-lg-4 text-lg-start">
246Copyright © Bicho Raro Games</div> 247 <div class="col-lg-4 my-3 my-lg-0"></div> 248 <div class="col-lg-4 text-lg-end"></div> 249 </div> 250 </div> 251 </footer> 252 253 <!-- Bootstrap core JS--> 254
254<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
254 255 <!-- Core theme JS--> 256
256<script src="js/scripts.js"></script>
256 257 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 258 <!-- * * SB Forms JS * *--> 259 <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *--> 260 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 261
261<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
261 262 <!-- MDB --> 263
263<script type="text/javascript" src="js/mdb.umd.min.js"></script>
263 264 </body> 265</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.