<div class="container-fluid content">
    <div class="row karts" style="background: #000; padding: 0;">
        <div class="col-md-4 kart adulte">
            <a href="/en/kart-rent">
                <p style="color: #FDBC58">ADULTS</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </a>
        </div>
        <div class="col-md-4 kart enfant">
            <a href="/en/kart-rent">
            <p style="color: #4EBBDE">CHILDREN</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </a>
        </div>
        <div class="col-md-4 kart groupe">
            <ns-link href="/en/kart-renting-groups">
            <p style="color: #7EB620">GROUPS</p>
            <img style="width: 100%;" src="/medias/groupes.png" alt="kart-groupe">
            </ns-link>
        </div>
    </div>
</div>
<style>
    .home .content .karts .kart {
        position: relative
    }

.home .row {
 margin-right: 0 !important; margin-left: 0 !important;
}

    .home .content .karts .kart:hover {
        transform: scale(1.1);
    }

    .home .content .kart p {
        position: absolute;
        font-family: 'Oswald';
        color: #fff;
        left: 39%;
        bottom: -10px;
        transform: translateY(-50%);
        font-size: 25px;
        margin: 0;
    }

</style>

<div class="acceuil-2 layer">
    <div class="content acceuil-2">
        <h3>ONE OF THE BIGGEST IN EUROPE</h3>
        <p style="margin-bottom: 50px; font-weight: 300;">Only 30 minutes away from Cannes, Nice or Antibes, Fun-Kart is the only karting activity in the Alpes Maritimes. Equipped with an electronic timer, european safety norms gear, mechanical assistance and a food service on site, we also have a child-reserved road (4,25 ft minimum).</p>
        <div class="row images">
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/karting.png" alt="40 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">40</p>
                    <p style="font-weight: 300; font-size: 23px;">karts</p>
                    <hr>
                    <ul>
                        <li>20 390cc Karts</li>
                        <li>16 270cc Karts</li>
                        <li>4 Karts for children</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/barsurloup.png" alt="4 pistes"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">4</p>
                    <p style="font-weight: 300; font-size: 23px;">pistes</p>
                    <hr>
                    <ul>
                        <li>1 184, 650, 350 mètres </li>
                        <li>A road for children</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/piste.png" alt="8 hectares"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">8</p>
                    <p style="font-weight: 300; font-size: 23px;">hectares</p>
                    <hr>
                    <ul>
                        <li>At the heart of a nature reserve</li>
                        <li>30 min away from Nice, Cannes and Antibes</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/go-kart-2959778.png" alt="200 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">180</p>
                    <p style="font-weight: 300; font-size: 23px;">events</p>
                    <hr>
                    <p>Lots of events all year</p>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/food-3219833.png" alt="Restauration"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">1</p>
                    <p style="font-weight: 300; font-size: 23px;">restaurant</p>
                    <hr>
                    <p>Have something to eat between 2 races</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .acceuil-2.layer {
        padding: 70px 0;
        background-image: url(/medias/O9ZJK60.png);
        background-size: cover;
        background-position: center;
    }

    .acceuil-2.layer .content {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .acceuil-2 .images .image {
        transform: skewX(-10deg);
margin: 0 -20px;
    }

    .acceuil-2 .images {
        display: flex;
        justify-content: center;
    }

    .acceuil-2 .row.images img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        transform: skewX(10deg);
    }

    .acceuil-2 p,
    .acceuil-2 h3 {
        color: #fff;
        font-family: 'Oswald', sans-serif;
        text-align: center;
    }

    .acceuil-2 .infos {

        width: 80%;
    }

    .acceuil-2 .row .infos p {

        margin: 0;
    }

    .acceuil-2 hr {

        border-color: #FDBC58;
    }

    .acceuil-2 ul {
        padding-left: 20px;
        margin-top: 0;
    }

    .acceuil-2 ul li,
    .acceuil-2 ul li p {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 300;
    }

    .acceuil-2 ul li::before {

        content: " ";
        color: #FDBC58;
    }

</style>

<div class="acceuil-3">
    <div class="content">
        <h2>THEY PAID US A VISIT</h2>
             <ns-gallery ns-code="gallery_accueil"></ns-gallery>
    </div>
</div>
<style>
    .acceuil-3 .content {

        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }

    .acceuil-3 h2 {

        color: #FDBC58;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        margin: 20px 0;
        position: relative;
        background: #000;
    }

</style>

<div class="home">
<div id="sliderWrapper">
    <ns-slider ns-code="accueil-en"></ns-slider>
</div>
<div class="container-fluid content">
    <div class="row karts" style="background: #000; padding: 0;">
        <div class="col-md-4 kart adulte">
            <a href="/en/kart-rent">
                <p style="color: #FDBC58">ADULTS</p>
                <img style="width: 100%;" src="/medias/adulte.png" alt="kart-adulte">
            </a>
        </div>
        <div class="col-md-4 kart enfant">
            <a href="/en/kart-rent">
            <p style="color: #4EBBDE">CHILDREN</p>
            <img style="width: 100%;" src="/medias/enfant.png" alt="kart-enfant">
            </a>
        </div>
        <div class="col-md-4 kart groupe">
            <ns-link href="/en/kart-renting-groups">
            <p style="color: #7EB620">GROUPS</p>
            <img style="width: 100%;" src="/medias/groupes.png" alt="kart-groupe">
            </ns-link>
        </div>
    </div>
</div>
<style>
    .home .content .karts .kart {
        position: relative
    }

.home .row {
 margin-right: 0 !important; margin-left: 0 !important;
}

    .home .content .karts .kart:hover {
        transform: scale(1.1);
    }

    .home .content .kart p {
        position: absolute;
        font-family: 'Oswald';
        color: #fff;
        left: 39%;
        bottom: -10px;
        transform: translateY(-50%);
        font-size: 25px;
        margin: 0;
    }

</style>
<div class="acceuil-2 layer">
    <div class="content acceuil-2">
        <h3>ONE OF THE BIGGEST IN EUROPE</h3>
        <p style="margin-bottom: 50px; font-weight: 300;">Only 30 minutes away from Cannes, Nice or Antibes, Fun-Kart is the only karting activity in the Alpes Maritimes. Equipped with an electronic timer, european safety norms gear, mechanical assistance and a food service on site, we also have a child-reserved road (4,25 ft minimum).</p>
        <div class="row images">
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/karting.png" alt="40 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">40</p>
                    <p style="font-weight: 300; font-size: 23px;">karts</p>
                    <hr>
                    <ul>
                        <li>20 390cc Karts</li>
                        <li>16 270cc Karts</li>
                        <li>4 Karts for children</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/barsurloup.png" alt="4 pistes"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">4</p>
                    <p style="font-weight: 300; font-size: 23px;">pistes</p>
                    <hr>
                    <ul>
                        <li>1 184, 650, 350 mètres </li>
                        <li>A road for children</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/piste.png" alt="8 hectares"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">8</p>
                    <p style="font-weight: 300; font-size: 23px;">hectares</p>
                    <hr>
                    <ul>
                        <li>At the heart of a nature reserve</li>
                        <li>30 min away from Nice, Cannes and Antibes</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/go-kart-2959778.png" alt="200 karts"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">180</p>
                    <p style="font-weight: 300; font-size: 23px;">events</p>
                    <hr>
                    <p>Lots of events all year</p>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="image"><img src="/medias/food-3219833.png" alt="Restauration"></div>
                <div class="infos">
                    <p style="color: #FDBC58; font-size: 30px;">1</p>
                    <p style="font-weight: 300; font-size: 23px;">restaurant</p>
                    <hr>
                    <p>Have something to eat between 2 races</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .acceuil-2.layer {
        padding: 70px 0;
        background-image: url(/medias/O9ZJK60.png);
        background-size: cover;
        background-position: center;
    }

    .acceuil-2.layer .content {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .acceuil-2 .images .image {
        transform: skewX(-10deg);
margin: 0 -20px;
    }

    .acceuil-2 .images {
        display: flex;
        justify-content: center;
    }

    .acceuil-2 .row.images img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        transform: skewX(10deg);
    }

    .acceuil-2 p,
    .acceuil-2 h3 {
        color: #fff;
        font-family: 'Oswald', sans-serif;
        text-align: center;
    }

    .acceuil-2 .infos {

        width: 80%;
    }

    .acceuil-2 .row .infos p {

        margin: 0;
    }

    .acceuil-2 hr {

        border-color: #FDBC58;
    }

    .acceuil-2 ul {
        padding-left: 20px;
        margin-top: 0;
    }

    .acceuil-2 ul li,
    .acceuil-2 ul li p {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 300;
    }

    .acceuil-2 ul li::before {

        content: " ";
        color: #FDBC58;
    }

</style>
<div class="acceuil-3">
    <div class="content">
        <h2>THEY PAID US A VISIT</h2>
             <ns-gallery ns-code="gallery_accueil"></ns-gallery>
    </div>
</div>
<style>
    .acceuil-3 .content {

        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }

    .acceuil-3 h2 {

        color: #FDBC58;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        margin: 20px 0;
        position: relative;
        background: #000;
    }

</style>
</div>

<style>
#sliderWrapper{
margin-top:61px;
}

 @media screen and (max-width:900px){
     #sliderWrapper{
         margin-top:70px;
     }
}

</style>

Fun-Kart | Home Page

Français

Karts & Circuits

Pictures and videos

Kart Renting

Kart owners

Schedule

Group

Opening hours

Homepage-en

<div class="schedules">
    <div class="layer">
        <div class="content" style="padding: 70px 0;">
            <p class="title margin" style="color: #FDBC58">Hours</p>
            <p>Open everyday, all year from 9:30am to 8:00pm (until night during winter).</p>
            <p class="light-font">Can be exceptionally closed (tournaments for example).</p>
            <p class="margin">Closed on mondays and tuesdays from november to march.</p>
        </div>
    </div>
</div>
<div class="bar">
    <div class="content">
        <div class="logo">
            <img src="/medias/logo_fka.png" alt="Fun-Kart" style="width:72px;height:72px">
        </div>
        <div class="company block">
            <p class="title">FUN KART</p>
            <p class="light-font" style="margin: 0;">Plateau de la Sarrée, route de Gourdon</p>
            <p class="light-font" style="margin: 0;">06620 Bar sur Loup • FRANCE</p>
        </div>
        <div class="contact block">
            <p class="phone" style="color: #FDBC58;"> T. +33 (0)4 93 42 48 08</p>
            <p class="light-font">Phone: +33 (0)6 07 72 92 36&nbsp;<span style="color: #FDBC58;">//</span> Fax : +33 (0)4 93 42 72 27</p>
        </div>
        <div class="social-networks block">
            <div>DON'T MISS OUR NEWS ON<br></div>
            <div class="icons">
                <div class="icon">
                    <a target="_blank" href="https://www.facebook.com/pages/Fun-Kart/177575932294617"><img src="/medias/facebook.png" alt="Fun-Kart sur Facebook" style="width: 34px; height: 34px"><span>Facebook</span></a>
                </div>
            </div>
        </div>
        <div class="contact block">
            <div><a href="/en/contact" style="height: 50px; color: rgb(255, 255, 255); line-height: 50px; display: block; text-align: center;">Contact us</a></div>
        </div>
        <ns-gotopbutton></ns-gotopbutton>
    </div>
</div>
<div class="partenaires">
    <div class="content">
        <div>
             <img src="/medias/sms-timing.png" alt="sms-timing">
        </div>
        <div>
            <img src="/medias/logo-ville-de-nice.png" alt="ville-de-nice">
        </div>
        <div>
            <img src="/medias/logo-groupenicematin%20copy.png" alt="nice-matin">
        </div>
        <div>
             <img src="/medias/ffsa%20copy.png" alt="ffsa">
        </div>
    </div>
</div>
<div class="licence">
    <div class="content">
        <p><a href="/en/legal-notices">Legal notices</a></p>
        <p>2018 created by&nbsp;<a href="https://www.nextsourcia.com/" target="blank">NEXTSOURCIA</a>&nbsp;- All rights reserved. Conditions of use.</p>
    </div>
</div>

<style>
    footer {
        height: 445px;
    }

    footer .schedules {
        background: url(/medias/go-kart-1263686.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        position: relative;
        height: 350px;
    }

    footer .layer {

        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .content {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        height: inherit;
    }

    footer .schedules p:not(.margin) {
        margin: 0;
    }

    footer .schedules .content p {

        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-size: 24px;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    footer .schedules .title {
        color: #FDBC58;
        text-transform: uppercase;
    }

    footer p.light-font {

        font-weight: 300;
        font-size: 18px;
    }

    footer .bar {

        background-color: #000;
        width: 100%;
        height: 122px;

    }

    footer .bar .content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        height: 122px;
    }

    @media screen and (max-width: 990px) {
        footer .bar .content {
            flex-direction: column;

        }
    }

    footer .bar .content>div {

        flex: 1 1 auto;
    }

    footer .bar .content>.block+.block {
        border-left: solid 1px white;
    }

    footer .bar p {
        text-align: center;
        color: #fff;
    }

    footer .bar .content .logo img {

        margin: 0 auto;
        display: block;

    }

    footer .goTopButton {

        position: absolute;
        top: -10px;
        right: 10px;
    }

    footer .social-networks {
        padding-left: 10px;
        color: #fff;
    }

    footer .social-networks>div {

        display: inline-block;
    }

    footer .bar .content p,
    footer .bar .social-networks div {

        font-family: 'Oswald', sans-serif;
    }

    footer .bar .social-networks .icon a {

        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0 10px;
    }

    footer .bar .social-networks .icon {
        display: flex;
        flex-direction: row;
    }

    footer .bar .social-networks .icon a span {
        font-size: 10px;
        color: #fff;
        text-decoration: none;
    }

    footer .partenaires {
        background-color: rgba(150, 150, 150, 0.17);
    }

    footer .partenaires .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 103px;
        width: 90%;
    }

    footer .licence {}

    footer .licence .content {

        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }

    footer .licence .content p {

        margin: 0 10px;
        color: #9B9B9B;
        font-size: 15px;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
    }

    footer a {
        text-decoration: none;
        color: #9b9b9b;
    }

    @media screen and (max-width: 990px) {
        footer .content {
            flex-direction: column;
            height: auto !important;
        }
        footer,
        footer>div,
        footer>div>div:not(.schedules) {

            height: auto !important;
        }
        footer .bar .content>div {

            border: 0 !important;
        }
        footer .schedules .content p {
font-size: 16px;
    }   
footer .schedules .content p.title {
font-size: 20px;
    }

</style>

<div class="content">
    <a href="/en"><img src="/medias/logo_fka.png" alt="logo_fka" class="logo" /></a>
    <div class="div-menu">
        <ns-menu ns-code="fka-header-menu-16"></ns-menu>
    </div>
    
</div>
<style jsx="true">
    header {
        z-index: 999;
        position: fixed;
        width: 100vw;
top: 0;
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
        background-color: #000;
        height: 61px;
    }

    header .content {
        height: 61px;
        display: flex;
        flex-direction: row;
        position: relative;
        margin: 0 auto;
        max-width: 1440px;
    }

    header .sub-menu {
        width: 90px;
        padding: 0;
        display: flex;
        align-content: center;
        list-style: none;
        flex-direction: row;
        float: right;
        margin: 0;
    }

    header .sub-menu li {
        width: calc(100% / 3);
        text-align: center;
        vertical-align: middle;
        height: 61px;
        line-height: 40px;
        margin: 0;
    }
header .sub-menu li a {
height: 60px;
}

    header .sub-menu li a img {
vertical-align: bottom;
        height: 20px;
    }

    header .sub-menu li:hover {
        background-color: #fdbc58;
        cursor: pointer;
    }

    header .sub-menu [data-prefix*="fa"] {
        color: #ddd;
        width: 10px;
        margin-left: 5px;
    }

    header .div-menu {
        float: right;
        width: calc(100% - (50% - 150px));
        margin-left: calc(100% - (50% + 150px));
    }

    header .content .logo {
        position: absolute;
        left: 50px;
        top: 10px;
        width:100px;
    }

    header {
        z-index: 101;
    }

    @media (max-width: 900px) {

        .menu,
        header .content,
        header,
        div-menu {
            height: 70px;
            -moz-transition: height 0.5s ease;
            -webkit-transition: height 0.5s ease;
            -o-transition: height 0.5s ease;
            transition: height 0.5s ease;
        }
        header .div-menu {
            height: 70px;
            width: 100%;
margin: 0;
        }
    }

</style>