Fitcker Fitness Tracker only for iOS<style>@import url('animate.css'); @import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap); html { -webkit-font-smoothing: antialiased; } body { font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.8; color: #909090; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { cursor: pointer; background: #ff4057; } ::selection { background-color: #ff4057; color: #fff; } -webkit-::selection { background-color: #ff4057; color: #fff; } ::-moz-selection { background-color: #ff4057; color: #fff; } /* 1.2 Loader */ .loader { position: fixed; overflow: hidden; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: #fff; color: #4b4b4b; text-align: center; } .spinner { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #ff4057; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* 1.3 Typography */ h1, .h1 { font-family: 'Montserrat', sans-serif; font-size: 4rem; line-height: 1.2; font-weight: 700; color: #4B4B4C; } h2, .h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #4B4B4C; } h3, .h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #4B4B4C; } h4, .h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #4B4B4C; } h5, .h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #4B4B4C; } h6, .h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #4B4B4C; } .pf { font-family: 'Playfair Display', serif; } a { color: #ff4057; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; } a:hover, a:focus { color: #ff4057; outline: none; } a:focus { text-decoration: none; } /* 1.4 Forms */ .form-control, textarea.form-control { color: #9F9F9F; border-radius: 0.5rem; padding-left: 22px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; } .form-control:focus { border-color: #ff4057; outline: 0; -webkit-box-shadow: none; box-shadow: none; } textarea.form-control { height: 120px; padding-top: 14px; resize: none; } .form-control::-moz-placeholder { color: #9F9F9F; opacity: 1; } .form-control:-ms-input-placeholder { color: #9F9F9F; } .form-control::-webkit-input-placeholder { color: #9F9F9F } .input-group .form-control { border-radius: 30px 0 0 30px; } label.error { display: block; text-align: left; font-size: 12px; font-weight: 400; margin: 10px 20px 0; color: #111; } label.error .fa { margin-right: 4px; } /* 1.5 Buttons */ .btn { position: relative; display: inline-block; cursor: pointer; background: #ff4057; border: 2px solid #ff4057; padding: 1rem 3rem 1rem; border-radius: 30px; text-decoration: none; font-size: 12px; color: #fff; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase; -webkit-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; } .btn:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; } .btn:hover, .btn:focus { border-color: #ff4057; background-color: transparent; color: #ff4057; } .btn .fa { font-size: 1.1rem; margin-right: 5px; color: #fff; } .btn:hover .fa, .btn:focus .fa { color: #ff4057; } .btn-b-white { color: #fff; border-color: #fff; background: transparent; } .btn-b-white:hover, .btn-b-white:focus { border-color: #fff; background-color: #fff; color: #ff4057; } .btn-b-gray { border-color: #ececec; background: #ececec; color: #1f1f1f; } /* 1.6 Icons */ .fa { display: inline-block; color: #ff4057; } a.fa:hover, a.fa:focus { text-decoration: none; } /* 1.7 Utilities */ .section { padding-top: 5rem; padding-bottom: 5rem; } .section-title { margin: 0 0 1rem 0; } .section-title + p { margin-bottom: 0; } .section-body { margin-top: 8rem; } .masked { position: relative; } .masked:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .rel-1 { position: relative; z-index: 1; } .text-primary { color: #ff4057 !important; } .bg-primary { background: #ff4057 !important; } /*------------------------------------------------------------------------------- 2. Header -------------------------------------------------------------------------------*/ /* 2.1 Navbar */ #privacy_button { color: #fff; } .navbar-fixed #privacy_button { color: #3b3b3b; } .navbar { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; margin: 0; border: 0; padding-top: 2rem; padding-bottom: 1rem; border-radius: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .navbar-toggler { padding: 0; cursor: pointer; margin-top: 0.5rem; } .navbar-toggler:focus { outline: none; } .navbar-toggler-icon { display: block; height: 2px; margin-bottom: 3px; background: #fff; margin-bottom: 0.3rem; } /* 2.2 Brand */ .navbar-brand { font-weight: 700; color: #fff; font-size: 1.7rem; line-height: 1; display: inline-block; padding: 0; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; color: #fff; } /* 2.4 Navigation */ .navbar-nav { /*color: #3b3b3b;*/ padding-top: 1rem; } .navbar-nav .nav-item { margin-bottom: 1px; } .navbar-nav .nav-link { color: #fff; padding-left: 1rem; padding-right: 1rem; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: #ff4057; background: #ff4057; color: #fff; } /* 2.4 Navbar Fixed*/ .hand { cursor: pointer; } .navbar-fixed { position: fixed; top: 0; padding-top: 1rem; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .navbar-fixed .navbar-brand { color: #ff4057; } .navbar-fixed .navbar-toggler-icon { background: #4B4B4C; } .navbar-fixed .nav-link { color: #3b3b3b; } /*------------------------------------------------------------------------------- 3. Home -------------------------------------------------------------------------------*/ .masthead { background: url(/webImages/background.jpg) 50% no-repeat; background-size: cover; } .opener { color: #fff; padding: 7rem 0; height: 100vh; display: table-cell; vertical-align: middle; width: 1%; } .lead-text { opacity: 0.7; color: #e7e2e3; } .btn-lead:hover, .btn-lead:focus { color: #fff; border-color: #fff; } /* 3.1 Magnific popup */ .mfp-zoom-out-cur { padding-right: 0; } .mfp-figure { box-shadow: none; } .mfp-iframe-scaler { overflow: visible; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { padding: 0; margin-top: -10px; font-family: inherit; font-size: 40px; font-weight: 300; line-height: 0; } img.mfp-img { min-height: 250px; } .mfp-bottom-bar { margin-top: -30px; letter-spacing: 0.1em; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 0.9em; letter-spacing: 0.2em; text-transform: uppercase; } .mfp-title { padding-right: 5em; } .mfp-bg { background-color: #141414; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { display: none; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { display: none; } .mfp-wrap .mfp-content { -webkit-perspective: 1300px; perspective: 1300px } .mfp-wrap .mfp-figure, .mfp-wrap .mfp-iframe-scaler { opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0) rotateY(60deg); -o-transform: scale(0) rotateY(60deg); transform: scale(0) rotateY(60deg); } .mfp-bg { opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .mfp-wrap .mfp-figure, .mfp-wrap .mfp-iframe-scaler { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); -o-transform: rotateX(-60deg); transform: rotateX(-60deg); } .mfp-bg { opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .mfp-wrap.mfp-ready .mfp-figure, .mfp-wrap.mfp-ready .mfp-iframe-scaler { opacity: 1; -webkit-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .mfp-ready.mfp-bg { opacity: 0.8; } .mfp-wrap.mfp-removing .mfp-figure, .mfp-wrap.mfp-removing .mfp-iframe-scaler { opacity: 0; -webkit-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); -o-transform: rotateX(-60deg); transform: rotateX(-60deg); } .mfp-removing.mfp-bg { opacity: 0; } /* ------------------------------------------------------------------------------- */ /* 4. Partners /* ------------------------------------------------------------------------------- */ .partners { text-align: center; padding: 5rem 0; } .partner { opacity: 0.6; } /* 4.1 Owl carousel */ .owl-carousel .owl-item img { width: auto; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ff4057; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 3rem; } /* ------------------------------------------------------------------------------- */ /* 5. Features /* ------------------------------------------------------------------------------- */ .features .media h1 { width: 6rem; } .chart { display: inline-block; margin: 0 20px; position: relative; color: #4d606f; } .chart-content { position: absolute; top: 28px; left: 40px; right: 40px; text-align: center; } .chart-title { font-weight: 400; margin-bottom: 0.5rem; } .chart-number { font-size: 2.5rem; line-height: 1; font-weight: 700; color: #323c46; } .line { display: block; width: 3rem; margin: 0.5rem auto; border-radius: 3px; border-top: 3px solid #ff4057; } .chart-type { font-size: 0.9rem; font-weight: 600; } /*------------------------------------------------------------------------------- 6. Reviews -------------------------------------------------------------------------------*/ .review img { border-radius: 50%; display: block; margin: 0 auto; } /*------------------------------------------------------------------------------- 7. Banner -------------------------------------------------------------------------------*/ .banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ff4057; } /*------------------------------------------------------------------------------- 8. Prices -------------------------------------------------------------------------------*/ .col-price { display: inline-block; } .pricing { background: #f8f8f8; text-align: center; padding: 3.25em 3.25em 3.25em 3.25em; } .pricing-dollar { font-family: 'Montserrat', sans-serif; vertical-align: top; font-size: 1.2rem; font-weight: 700; color: #3b3b3b; } .pricing-price { margin-bottom: 1.625em; } .pricing h6 { font-size: 0.8rem; opacity: 0.7; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } .pricing ul li { margin-bottom: 0.5rem; } .pricing .btn { margin-top: 1rem; } .lead-price .pricing { border: 1px solid #cacaca; } /* ------------------------------------------------------------------------------- */ /* 9. Footer /* ------------------------------------------------------------------------------- */ .footer { padding: 60px 0 40px; } .social a { display: inline-block; padding: 1px; margin: 0 15px; color: #C2C2C2; } .social a:hover { color: #ff4057; } .copy { margin-top: 10px; } /* ------------------------------------------------------------------------------- */ /* 8. Modals /* ------------------------------------------------------------------------------- */ .modal-header { display: block; } /* ------------------------------------------------------------------------------- */ /* 11. Responsive styles /* ------------------------------------------------------------------------------- */ /* 11.1 Min width 768px */ @media (min-width: 768px) { /* 11.2 Min width 992px */ @media (min-width: 992px) { /* Navigation */ .navbar-nav { padding-top: 0; } .navbar-expand-lg .navbar-nav .nav-link { padding: 0; } .navbar-nav .nav-item { margin-left: 2rem; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: #ff4057; background: none; } } } </style>

Statistics

By exercise, by muscle, by training... Discover everything your workouts provide you with

Routines

Create your personalized routine or use the creation assistant if you prefer. Share your routines

Community

The best tips for each exercise contributed and valued by the community

Showing multi series mode while do workout

Plan your workouts

Face your last workouts

Add your data and compare it with your previous records, or add friends and compare data while you train

Calculate your RM and your training volume

Independent planning by exercise and objective, add data in real time or add all series at once at the end of the exercise

Compare exercises

Need to change the planned exercise at the last minute? Check how many times you have used the other related exercises and change it to the one that suits you best

Some features

No registration process

Log in quickly and securely with your Apple account, ensuring your privacy while enjoying a personalized fitness experience

Progress monitoring by muscle

Analyze your evolution by muscle and exercise to reach your fitness goals faster

Join our community

Share and learn with other fitness enthusiasts

Completely free!

Enjoy unlimited cloud workouts

Stats by exercise

Evaluate your performance and improve your results in each exercise.

Exclusively for iOS

Experience optimized integration on iPhone and Apple Watch.

Simple and Powerful

Track your fitness progress,create routines, set goals and much more!

Discover your training diary only available on the App Store.