1<!DOCTYPE html> 2<html data-bs-theme="light" lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> 7 <title>Jocyf Home</title> 8 <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> 9 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap"> 10 <link rel="stylesheet" href="assets/css/bss-overrides.css"> 11</head> 12 13<body> 14 <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav"> 15 <div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><img class="aspect-ratio-1x1" src="assets/img/products/MrJocyf%20Games%20Logo%20v2.png" width="90" height="90"><span>Jocyf Games</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> 16 <div class="collapse navbar-collapse" id="navcol-1"> 17 <ul class="navbar-nav mx-auto"> 18 <li class="nav-item"><a class="nav-link active" href="/index.html">Home</a></li> 19 <li class="nav-item"><a class="nav-link" href="/games.html">Games</a></li> 20 <li class="nav-item"><a class="nav-link" href="/previews.html">Previews</a></li> 21 <li class="nav-item"><a class="nav-link" href="/contacts.html">Contacts</a></li> 22 </ul><a class="btn btn-primary disabled shadow" role="button" href="signup.html" style="background: var(--bs-body-bg);color: var(--bs-gray-900);border-style: none;opacity: 0;">Sign up</a> 23 </div> 24 </div> 25 </nav> 26 <header class="bg-dark" style="border-style: none;"> 27 <div class="container pt-4 pt-xl-5"> 28 <div class="row pt-5"> 29 <div class="col-md-8 col-xl-6 text-center text-md-start mx-auto"> 30 <div class="text-center"> 31 <p class="fw-bold text-success mb-2">Jocyf Games</p> 32 <h1 class="fw-bold">We make games!</h1> 33 </div> 34 </div> 35 <div class="col-12 col-lg-10 mx-auto"> 36 <div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;"> 37 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.8" src="assets/img/products/Prudence%20512%20-%20Rounded.png"></div> 38 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.4" src="assets/img/products/coche_icon_fin%20512.png"></div> 39 <div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.25" src="assets/img/mow/ICONO%20MOW%20Final%20Android.png" loading="eager"></div> 40 </div> 41 </div> 42 </div> 43 <div class="row pt-5"> 44 <div class="col-12 col-lg-10 mx-auto"> 45 <div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;"> 46 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);"><img class="img-fluid" width="1024" height="1024" data-bss-parallax="" data-bss-parallax-speed="0.4" src="assets/img/products/Basket%20Kid%201024px%20Rounded.png" loading="eager"></div> 47 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"><img class="img-fluid" width="1024" height="1024" data-bss-parallax="" data-bss-parallax-speed="0.8" src="assets/img/products/LOGO%20DoD%20Android%201024p.png" loading="eager"></div> 48 <div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.5" src="assets/img/products/ICONO%2
480HUEVO%201024%20Android.png" loading="eager"></div> 49 </div> 50 </div> 51 </div> 52 <div class="row pt-5"> 53 <div class="col-12 col-lg-10 mx-auto"> 54 <div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;"> 55 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.4" src="assets/img/products/Invaders%20Icon%20v2%20512x512.png" loading="eager"></div> 56 <div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.7" src="assets/img/products/logo_crayon.png" loading="eager"></div> 57 <div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"><img class="img-fluid" width="512" height="512" data-bss-parallax="" data-bss-parallax-speed="0.3" src="assets/img/products/Fast%20Logo%20(psd).png" loading="eager"></div> 58 </div> 59 </div> 60 </div> 61 </div> 62 </header> 63 <section class="py-5"> 64 <div class="container text-center py-5"> 65 <p class="mb-4" style="font-size: 1.6rem;">Making games for Android, iOS & Steam.</p><a href="#"> </a><a href="#"> <img class="m-3" src="assets/img/brands/google%20play.png" width="216" height="70"></a><a href="#"> <img class="m-3" src="assets/img/brands/app-store.png" width="180" height="49"></a><a href="#"> <img class="m-3" src="assets/img/brands/steam.png" width="148" height="73"></a><a href="#"> </a> 66 </div> 67 </section> 68 <footer class="bg-dark"> 69 <div class="container py-4 py-lg-5"> 70 <hr> 71 <div class="text-muted d-flex justify-content-between align-items-center pt-3"> 72 <p class="mb-0">Copyright © 2025 Jocyf Games</p> 73 </div> 74 </div> 75 </footer> 76
76<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
76 77
77<script src="assets/js/bold-and-dark.js"></script>
77 78</body> 79 80</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.