Basic Fit
* {
box-sizing: border-box
}
body,
.body,
.wrapper {
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 !important;
background: #eaeaea;
font: 400 17px/1.5 'Archivo', Helvetica, sans-serif
}
body,
div,
td,
th,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
font: inherit;
font-weight: normal;
font-style: normal;
text-size-adjust: none;
-webkit-text-size-adjust: none
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: bold
}
table {
border-spacing: 0;
border-collapse: collapse;
border: 0
}
td {
vertical-align: top
}
img {
vertical-align: middle;
border: 0;
background-color: transparent !important
}
ul,
ol,
li {
margin: 5px 0 5px 5px
}
ul,
ol {
padding: 0 0 0 10px
}
a,
a:link,
a:visited,
a:hover {
color: #DA291C;
text-decoration: underline
}
a.txt-lnk:hover {
color: #DA291C;
text-decoration: underline !important
}
a.phonenumber {
pointer-events: none;
cursor: default;
color: inherit
}
.btn-primary,
.btn-secondary,
.btn-text {
white-space: nowrap
}
.btn-primary,
.btn-primary a {
transition: all 250ms linear;
}
.btn-primary:hover,
.btn-primary a:hover {
background-color: #9a3324 !important;
border-color: #9a3324 !important
}
@media screen {
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: 500 !important
}
}
/* Archivo-ext */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 800;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Heading Pro Treble';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
src: url(https://mbf-frontend.basic-fit.com/static/media/Heading-Pro-Treble-Heavy.ccbfebd4.woff2) format('woff');
}
@media only screen and (max-width: 600px) {
.w100pc {
width: 100% !important;
display:block !important;
max-width: 100% !important
}
.w100vw {
width: 100vw !important;
max-width: 100vw !important
}
.maxw100vw {
max-width: 100vw !important
}
.maxw360 {
max-width: 360px !important
}
.btn,
.btn a,
.btn-primary,
.btn-secondary {
width: 100% !important;
box-sizing: border-box !important
}
.height-auto {
height: auto !important;
max-height: none !important
}
.hide-on-mobile {
display: none !important
}
.border-dotted {
border-bottom:4px dotted #D5D5D5 !important;
border-right:none !important
}
.show-on-mobile {
display: block !important;
width: auto !important;
max-height: inherit !important;
overflow: visible !important;
float: none !important
}
a.phonenumber {
pointer-events: auto !important;
cursor: auto !important
}
.head {
display: table-header-group !important
}
.foot {
display: table-footer-group !important
}
.inline {
display: inline !important
}
.block {
display: block !important
}
.inline-block {
display: inline-block !important
}
.align-left {
text-align: left !important
}
.align-center {
text-align: center !important
}
.align-right {
text-align: right !important
}
.valign-top {
vertical-align: top !important
}
.valign-middle {
vertical-align: middle !important
}
.valign-bottom {
vertical-align: bottom !important
}
.float-left {
float: left !important
}
.float-center {
margin: 0 auto !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
.table-center {
margin: 0 auto !important
}
.rtl {
direction: ltr !important
}
.p0 {
padding: 0 !important
}
.pt0 {
padding-top: 0 !important
}
.pr0 {
padding-right: 0 !important
}
.pb0 {
padding-bottom: 0 !important
}
.pl0 {
padding-left: 0 !important
}
.p10 {
padding: 10px !important
}
.pt10 {
padding-top: 10px !important
}
.pr10 {
padding-right: 10px !important
}
.pb10 {
padding-bottom: 10px !important
}
.pl10 {
padding-left: 10px !important
}
.p20 {
padding: 20px !important
}
.pt20 {
padding-top: 20px !important
}
.pr20 {
padding-right: 20px !important
}
.pb20 {
padding-bottom: 20px !important
}
.pl20 {
padding-left: 20px !important
}
.nowrap {
white-space: nowrap !important
}
.wrap {
white-space: normal !important
}
}
@media only screen and (max-width: 480px){
.emailButton{
max-width:600px !important;
width:100% !important;
}
.emailButton a{
display:block !important;
font-size:18px !important;
}
}
:root {
color-scheme: light dark
}
@media (prefers-color-scheme: dark) {
.darkmode:not([class^="x_"]),
.darkmode:not([class^="x_"]) .bg-white:not([class^="x_"]) {
background-color: #181a1b !important;
background-image: linear-gradient(#181a1b, #181a1b) !important
}
.darkmode:not([class^="x_"]) .bg-light-biscuit:not([class^="x_"]) {
background-color: #1e1c15 !important;
background-image: linear-gradient(#1e1c15, #1e1c15) !important
}
.darkmode:not([class^="x_"]) .bg-biscuit:not([class^="x_"]) {
background-color: #343024 !important;
background-image: linear-gradient(#343024, #343024) !important
}
.darkmode:not([class^="x_"]) .bg-teal:not([class^="x_"]) {
background-color: #009CA6 !important;
background-image: linear-gradient(#009CA6, #009CA6) !important
}
.darkmode:not([class^="x_"]) .bg-red:not([class^="x_"]) {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important
}
.darkmode:not([class^="x_"]).bg-plum:not([class^="x_"]) {
background-color: #9A3324 !important;
background-image: linear-gradient(#9A3324, #9A3324) !important
}
.darkmode:not([class^="x_"]) .bg-mustard:not([class^="x_"]) {
background-color: #c28700 !important;
background-image: linear-gradient(#c28700, #c28700) !important
}
.darkmode:not([class^="x_"]) h2,
.darkmode:not([class^="x_"]) h3,
.darkmode:not([class^="x_"]) a {
color: #d3cfc9 !important;
-webkit-text-fill-color: #d3cfc9 !important
}
.darkmode:not([class^="x_"]) .red:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]) a {
color: #DA291C !important;
-webkit-text-fill-color: #DA291C !important
}
.darkmode:not([class^="x_"]) .header:not([class^="x_"]),
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]),
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]),
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]) .bg-red:not([class^="x_"]) {
background-color: #DA291C !important;
background-image: linear-gradient(#DA291C, #DA291C) !important
}
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]) .bg-red:not([class^="x_"]) a,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) h2,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) p,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) td {
color: #fff !important;
-webkit-text-fill-color: #fff !important
}
.darkmode:not([class^="x_"]) .btn-primary:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-primary:not([class^="x_"]) a {
background-color: #DA291C !important;
background-image: linear-gradient(#ae2116, #DA291C) !important;
border-color: #DA291C !important
}
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]) a {
background-color: #d3cfc9 !important;
background-image: linear-gradient(#d3cfc9, #d3cfc9) !important;
border-color: #d3cfc9 !important
}
.darkmode:not([class^="x_"]) .logo:not([class^="x_"]) img {
visibility: hidden
}
.darkmode:not([class^="x_"]) .logo:not([class^="x_"]) {
background: url('URL VOOR LOGO') no-repeat center !important;
background-size: contain
}
}
[data-ogsb] .darkmode,
[data-ogsb] .bg-white {
background-color: #181a1b !important;
background-image: linear-gradient(#181a1b, #181a1b) !important
}
[data-ogsb] .bg-light-biscuit {
background-color: #1e1c15 !important;
background-image: linear-gradient(#1e1c15, #1e1c15) !important
}
[data-ogsb] .bg-biscuit {
background-color: #343024 !important;
background-image: linear-gradient(#343024, #343024) !important
}
[data-ogsb] .bg-teal {
background-color: #007d85 !important;
background-image: linear-gradient(#007d85, #007d85) !important
}
[data-ogsb] .bg-red {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important
}
[data-ogsb] .bg-plum {
background-color: #7b291d !important;
background-image: linear-gradient(#7b291d, #7b291d) !important
}
[data-ogsb] .bg-mustard {
background-color: #c28700 !important;
background-image: linear-gradient(#c28700, #c28700) !important
}
[data-ogsb] .darkmode h2,
[data-ogsb] .darkmode h3,
[data-ogsb] .darkmode p,
[data-ogsb] .darkmode td,
[data-ogsb] .darkmode a {
color: #d3cfc9 !important;
-webkit-text-fill-color: #d3cfc9 !important
}
[data-ogsb] .red,
[data-ogsb] .btn-secondary a {
color: #e64539 !important;
-webkit-text-fill-color: #e64539 !important
}
[data-ogsb] .header,
[data-ogsb] .footer,
[data-ogsb] .hero,
[data-ogsb] .hero .bg-red {
background-color: #DA291C !important;
background-image: linear-gradient(#DA291C, #DA291C) !important
}
[data-ogsb] .hero .bg-red a,
[data-ogsb] .footer h2,
[data-ogsb] .footer p,
[data-ogsb] .footer td {
color: #fff !important;
-webkit-text-fill-color: #fff !important
}
[data-ogsb] .btn-primary,
[data-ogsb] .btn-primary a {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important;
border-color: #ae2116 !important
}
[data-ogsb] .btn-secondary,
[data-ogsb] .btn-secondary a {
background-color: #d3cfc9 !important;
background-image: linear-gradient(#d3cfc9, #d3cfc9) !important;
border-color: #d3cfc9 !important
}
[data-ogsb] .logo {
background: url('URL VOOR LOGO') no-repeat center !important;
background-size: contain
}
[data-ogsb] .logo img {
visibility: hidden
}
[data-ogsc] .bodytxt {
color: #ffffff !important
}
[data-ogsc] .bodytxt_Orange {
color: #FE7000 !important
}
[data-ogsc] .bodytxt_black {
color: #919191 !important
}
.bodytxt {
color: #ffffff !important;
}
.bodytxt_Orange {
color: #FE7000 !important;
}
.bodytxt_black {
color: #919191 !important;
}
a[x-apple-data-detectors],
#root [x-apple-data-detectors=true],
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
u+.body a {
color: inherit;
text-decoration: inherit
}
u+.body h1,
u+.body h1 *,
u+.body h2,
u+.body h2 *,
u+.body h3,
u+.body h3 *,
u+.body h4,
u+.body h4 *,
u+.body h5,
u+.body h5 *,
u+.body h6,
u+.body h6 * {
font-weight: bold !important
}
.& .wrapper,
.& .yahoo-fix-height {
display: grid
}
.& h1,
.& h1 *,
.& h2,
.& h2 *,
.& h3,
.& h3 *,
.& h4,
.& h4 *,
.& h5,
.& h5 *,
.& h6,
.& h6 * {
font-weight: bold !important
}
@media screen and (max-width: 384px) {
.mail-message-content {
width: 414px !important
}
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: bold\0/ !important
}
96
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­
­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
VIEW ONLINE
Hi Jsnf,
Wij hebben jouw online inschrijving ontvangen, superleuk dat je bij ons komt sporten. Je contract ontvang je binnen een paar minuten via een andere e-mail.
Hoe werkt de QR code
In deze mail leggen we je uit hoe je de QR code in de Basic-Fit app kunt gebruiken om bij jouw favoriete club(s) naar binnen te gaan. Zo kun je altijd met je telefoon op zak de club binnen, dat is makkelijk toch?! 🤩
Haal je sporttas op
Als je een jaarlidmaatschap hebt, ligt er ook een mooie sporttas voor je klaar in de club. Als je er bij de balie naar vraagt, ontvang je hem van onze medewerker. Go For It!
Check jouw video
1. Download de app
Download de app 👉 IOS 👉 ANDROID
Klik op login en maak een account aan. Registreer je met jouw e-mailadres Surj11@withoutemail.com
Stel je wachtwoord in via de e-mail die je van ons ontvangt
Login
Personaliseer je fitness informatie
> Ontdek de app
2. Activeer je QR code
Klik op het QR code teken links bovenin ↖️ op het beginscherm
Om je QR code te activeren, klik op de paarse button 'Activeer QR code'
Je kan je QR-code maar op 1 telefoon tegelijkertijd gebruiken
3. Gebruik je QR code
Klik op de QR code button onderin ⬇️ op het beginscherm.
Houd de QR code op +- 20 centimeter afstand.
Gebruik je QR ook voor de massagestoelen*, body analyzer, de Kiosk of de YANGA machine** in de club
Lees meer">> Lees meer
Premium of Ultimate? Zo werkt het 👇
1. Voeg je vriend toe aan je vriendenlijst:
Log in op de Basic-Fit app, klik op het home tabblad op 'nodig een vriend uit'. Klik vervolgens op de pagina 'nodig een vriend uit' op 'voeg vrienden toe aan je lijst' en deel de link met je vriend.
2. Vraag een QR-code aan:
Je vriend(in) moet het formulier invullen met zijn/haar gegevens en krijgt dan direct zijn/haar persoonlijke QR code link die geldig is zolang hij/zij een geregistreerde vriend(in) is.
3. Train samen:
Nadat je de club bent binnengegaan kan je vriend(in) ook dezelfde club binnengaan met zijn/haar persoonlijke QR code. Houd er rekening mee dat ze binnen 15 minuten na binnenkomst van jou binnen moeten zijn.
Ga naar de app
*Ontspannen in de massagestoelen kan alleen met een Premium of Ultimate lidmaatschap (of als je dit als Extra hebt toegevoegd).
**Het scannen van de QR code werkt alleen op de YANGA machine als je YANGA hebt toegevoegd aan je lidmaatschap of als je een Ultimate lidmaatschap hebt.
Let op: jouw QR code wordt continue vernieuwd in de app. Een screenshot maken van de QR code werkt dus niet.
Wil of kun je geen gebruik maken van de QR-code in de app om naar binnen te gaan? Check dan de Kiosk (het grote oranje apparaat bij de ingang) voor andere opties (€20,-).
Contact
Politique de confidentialité
© Basic-Fit France
Contact
Politique de confidentialité
© Basic-Fit France
