index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Art Investment platform that democratises access to Contemporary Art. Join now." />
        <meta name="keywords" content="KnowArt" />
        <meta name="author" content="KnowArt" />
        <meta property="og:url"         content="https://knowart.co" />
        <meta property="og:type"        content="article" />
        <meta property="og:title"       content="KnowArt.co Anyone can become an Art Collector!" />
        <meta property="og:description" content="Art Investment platform that democratises access to Contemporary Art. Join now." />
        <meta property="og:image"       content="https://knowart.co/images/logo/logo-square-KnowArt.jpg" />
        <meta property="og:locale"      content="en_US" />
        <title>KnowArt.co</title>

        <!-- Site favicon -->
        <link rel="shortcut icon" href="images/favicon.jpg">

        <!-- Bootstrap core CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

        <!-- MFP Css -->
        <link rel="stylesheet" href="css/magnific-popup.css">

        <!-- Material Icon -->
        <link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css" />

        <!-- Pe7 Icon -->
        <link rel="stylesheet" type="text/css" href="css/pe-icon.css">

        <!-- Custom -->
        <link rel="stylesheet" type="text/css" href="css/style.css?rev=7" />

        <!-- generated from https://icomoon.io/app/ -->
        <link rel="stylesheet" type="text/css" href="images/icons/style.css">

    </head>
    <body>

        <!--Navbar Start-->
        <nav class="navbar navbar-expand-lg fixed-top custom-nav sticky">
            <div class="container">
                <!-- LOGO -->
                <a class="logo navbar-brand" href="index.html">
                    <img src="images/logo/LOGO_BLANC.png" alt="" class="img-fluid logo-light">
                    <img src="images/logo/LOGO_NOIR.png" alt="" class="img-fluid logo-dark">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="mdi mdi-menu"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <ul class="navbar-nav ml-auto navbar-center" id="mySidenav">
                        <li class="nav-item active">
                            <a href="#home" class="nav-link">Home</a>
                        </li>
                        <!--
                        <li class="nav-item">
                            <a href="#features" class="nav-link">Features</a>
                        </li>
                        -->
                        <li class="nav-item">
                            <a href="#how-it-works" class="nav-link">How It Works?</a>
                        </li>
                        <!--
                        <li class="nav-item">
                            <a href="#price" class="nav-link">Pricing</a>
                        </li>
                        -->
                        <li class="nav-item">
                            <a href="faq.html#faq" class="nav-link">FAQ</a>
                        </li>
                        <li class="nav-item">
                            <a href="#contact" class="nav-link">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Navbar End -->

        <!--Start Home-->
        <section class="home-half" id="home">
            <div class="bg-overlay">
              <div>
                <video autoplay muted loop id="myVideo">
                  <source src="images/short-video.mp4" type="video/mp4">
                  Your browser does not support the video tag.
                </video>
              </div>
            </div>
            <div class="home-table">
                <div class="home-table-center">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-12">
                                <div class="text-white text-center">
                                    <h1 class="header_title mb-0 mt-4">
                                      We believe art should be for everyone<br>and we make it happen!
                                    </h1>
                                    <p class="header_subtitle pt-4 text-white mx-auto">Start Art Collecting by buying and trading shares of all the artworks you love.
                                      <br>Support artists, private collections, museums and institutions by visiting exhibitions,
                                      <br>curated with the artworks you own.</p>
                                    <div class="header_btn">
                                        <button type="button" class="btn btn-custom btn-rounded mt-4" data-toggle="modal" data-target="#modalGetStarted" style="margin-bottom: 50px;">
                                          Get started
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Home-->

        <!-- Start How It Work -->
        <section class="section bg-light" id="how-it-works">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">How It <span class="font-weight-bold">Works?</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">You could easily own a bit of Facebook by buying some of their shares on the stock market. We do the same, for artworks.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <!-- Graphs -->
                    <div style="padding-top: 30px;">
                      <nav class="nav nav-tabs justify-content-center">
                        <a class="nav-item nav-link active" href="#tab1" data-toggle="tab">Collector</a>
                        <a class="nav-item nav-link" href="#tab2" data-toggle="tab">Investor</a>
                        <a class="nav-item nav-link" href="#tab3" data-toggle="tab">Gallery</a>
                        <a class="nav-item nav-link" href="#tab4" data-toggle="tab">Trusted third Party </a>
                        <a class="nav-item nav-link" href="#tab5" data-toggle="tab">Family office</a>
                        <a class="nav-item nav-link" href="#tab6" data-toggle="tab">Fine Art Market</a>
                      </nav>
                      <div class="tab-content">
                        <!-- default tab: collector -->
                        <div class="tab-pane fade show active row" id="tab1" style="padding: 10px 10px 0px 10px;">
                          <div class="row">
                            <div class="col-lg-4">
                              <img src="images/schemas/collector-04.png" class="img-fluid" />
                            </div>
                            <div class="col-lg-8" style="padding: 20px;">
                              <p>
                                Kanye is a Contemporary Art collector who would like to acquire a new Lee Ufan worth £400K.
                              </p>
                              <p>
                                Instead of selling pieces from his collection, or getting an expensive loan, or releasing another album, Kanye gets the required funding by either :
                                <br>
                                - listing 20% of one his flagship pieces of art
                                <br>
                                - submitting the artwork to KnowArt’s experts and buying it with our investors.
                              </p>
                              <p>
                              Kanye keeps his collection intact and raise the needed capital at a much lower rate.
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- tab : investor -->
                        <div class="tab-pane fade" id="tab2" style="padding: 10px 10px 0px 10px;">
                          <div class="row">
                            <div class="col-lg-4">
                              <img src="images/schemas/investor-03.png" class="img-fluid" />
                            </div>
                            <div class="col-lg-8" style="padding: 20px;">
                              <p>
                                Steve would like to diversify his portfolio and start investing in art.
                              </p>
                              <p>
                                Auctionneers would charge him with a 20% fee in buyers’ premium, which would make the investment considerably expensive.
                              </p>
                              <p>
                                With KnowArt, Steve can invest in a number of pieces of art that he can choose on the platform for free.
                              </p>
                              <p>
  He can also buy shares with his card, check the performance of his portfolio and trade his shares with other users anytime.
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- tab: gallery -->
                        <div class="tab-pane fade" id="tab3" style="padding: 10px 10px 0px 10px;">
                          <div class="row">
                            <div class="col-lg-4">
                              <img src="images/schemas/gallery-01.png" class="img-fluid" />
                            </div>
                            <div class="col-lg-8" style="padding: 20px;">
                              <p>Anywhere Gallery has met a very interesting Collector at ArtBasel.</P>
                              <p>MR DOB would like to acquire an extraordinay new painting by Takashi Murakami but the artwork's price is above his financial possibilities.</p>
                              <p>
                                Anywhere Gallery, who has a partnership with KnowArt, offers to MR DOB to submit the artwork to the platform and acquire it with other investors.
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- tab: Trusted third Party-->
                        <div class="tab-pane fade" id="tab4" style="padding: 10px 10px 0px 10px;">
                          <div class="row">
                            <div class="col-lg-4">
                              <img src="images/schemas/gallery-01.png" class="img-fluid" />
                            </div>
                            <div class="col-lg-8" style="padding: 20px;">
                              <p>Elon loves to acquire Fine Arts with his friends : Mary J., Beyonce, Pharrell and Sean P.</P>
                                <p>KnowArt acts as trusted third party make sure that everyone’s interest is protected and secured.</p>
                            </div>
                          </div>
                        </div>
                        <!-- tab : familiy_office -->
                        <div class="tab-pane fade" id="tab5" style="padding: 10px 10px 0px 10px;">
                          <div class="row">
                            <div class="col-lg-4">
                              <img src="images/schemas/familiy_office-02.png" class="img-fluid" />
                            </div>
                            <div class="col-lg-8" style="padding: 20px;">
                              <p>
                                Kate & William would like to start investing in art.<P/>
                              <P>Their capital is too small for a Fine Art Fund and auctionneers would charge her with a 20% fee in buyers’ premium, which would make the investment considerably expensive.
                              </p>
                              <p>
                                KnowArt allows Kate & William to invest in a number of pieces of art that they can choose on the platform for free.
                              <p>
                            </div>
                          </div>
                        </div>
                        <!-- tab : img -->
                        <div class="tab-pane fade" id="tab6" style="padding: 20px 20px 0px 20px;">
                          <div class="row">
                            <div class="col-lg-12">
                              <div class="text-center">
                                <p class="text-muted sec_subtitle mx-auto mt-2" style="padding: 10px;">
                                  Performance of fine art compared to other asset classes
                                </p>
                              </div>
                              <img src="images/chart_2017.png" class="img-fluid" />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- End Graphs -->
                  </div>
                </div>
            </div>
        </section>
        <!-- End How It Work -->

        <!-- START CTA -->
        <section class="section home-bg-img">
            <div class="bg-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center text-white">
                            <h2 class="font-weight-bold">Collector? New or Confirmed...</h2>
                            <p class="mx-auto cta-desc mt-4 pt-2">
                              Collecting art and supporting artists should be easy.
                              <br>With KnowArt everyone can become art collector!
                            </p>
                            <div class="mt-4 pt-3">
                              <a class="typeform-share button" href="https://knowart.typeform.com/to/kcrQLB" data-mode="popup" data-submit-close-delay="0" target="_blank">Submit Artworks</a>
                              <!--
                                <a href="signup-mailchimp.html" target="_blank" class="btn btn-custom btn-rounded mt-4">Submit Artworks</a>
                              -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END CTA -->

        <!-- Start Features -->
        <!--
        <section class="section" id="features">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">Best <span class="font-weight-bold">Features</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4 vertical-content">
                    <div class="col-lg-6">
                        <div class="mt-3">
                            <div>
                                <h2 class="features-heading">Create Something Totally & Amazing Professional Features.</h2>
                                <div class="main-title-border"></div>
                            </div>
                            <div class="features">
                                <div class="features-icon features-left">
                                    <i class="mdi mdi-check"></i>
                                </div>
                                <div class="features-desc">
                                    <h3 class="features-title font-weight-bold">Clean & Minimal Design</h3>
                                    <p class="features-sub-title pt-2 text-muted">You want customer to your store. Easily publish your coupans and when a user has manage to catch one of your coupens.</p>
                                </div>
                            </div>

                            <div class="features">
                                <div class="features-icon features-left">
                                    <i class="mdi mdi-check"></i>
                                </div>
                                <div class="features-desc">
                                    <h3 class="features-title font-weight-bold">Planing & Strategy</h3>
                                    <p class="features-sub-title pt-2 text-muted">You want customer to your store. Easily publish your coupans and when a user has manage to catch one of your coupens.</p>
                                </div>
                            </div>

                            <div class="features">
                                <div class="features-icon features-left">
                                    <i class="mdi mdi-check"></i>
                                </div>
                                <div class="features-desc">
                                    <h3 class="features-title font-weight-bold">Elegant & Modern Design</h3>
                                    <p class="features-sub-title pt-2 text-muted">You want customer to your store. Easily publish your coupans and when a user has manage to catch one of your coupens.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mt-3">
                            <iframe width="600" height="450" src="https://www.youtube.com/embed/shNEhFG5_-M"></iframe>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4 vertical-content">
                    <div class="col-lg-6">
                        <div class="mt-3">
                            <img src="images/features-2.png" class="img-fluid mx-auto d-block" alt="" title="Features">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mt-3">
                            <div>
                                <h2 class="features-heading">A digital web studio creating stunning & engaging online experiences.</h2>
                                <div class="main-title-border"></div>
                            </div>
                            <div class="features">
                                <div class="features-icon features-left">
                                    <i class="mdi mdi-check"></i>
                                </div>
                                <div class="features-desc">
                                    <h3 class="features-title font-weight-bold">Clean & Minimal Design</h3>
                                    <p class="features-sub-title pt-2 text-muted">You want customer to your store. Easily publish your coupans and when a user has manage to catch one of your coupens.</p>
                                </div>
                            </div>

                            <div class="features">
                                <div class="features-icon features-left">
                                    <i class="mdi mdi-check"></i>
                                </div>
                                <div class="features-desc">
                                    <h3 class="features-title font-weight-bold">Elegant & Modern Design</h3>
                                    <p class="features-sub-title pt-2 text-muted">You want customer to your store. Easily publish your coupans and when a user has manage to catch one of your coupens.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!-- End Features -->

        <!-- Start Services -->
        <!--
        <section class="section" id="services">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">Best <span class="font-weight-bold">Services</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4">
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-display2 text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Graphic Design</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-paint text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Unlimited Color</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-graph1 text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Media Marketing</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-signal text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Unlimited Wifi</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-phone text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Responsive Design</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="services_boxes text-center mt-3">
                            <div class="services_icon">
                                <i class="pe-7s-tools text-custom"></i>
                            </div>
                            <div class="services_desc mt-4">
                                <h5 class="font-weight-bold">Easy to customize</h5>
                                <p class="mt-3 text-muted mb-0">The standard chunk of Lorem Ipsum used since the is reproduced below for those interested.</p>
                                <a href="#" class="text-custom mt-3 d-inline-block">Read More <i class="mdi mdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!-- End Services -->

        <!-- Start Video -->
        <!--
        <section class="section bg-video" id="video">
            <div class="bg-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize text-white">Watch The <span class="font-weight-bold">Video</span></h3>
                            <div class="main-title-border mx-auto"></div>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4">
                    <div class="col-lg-12">
                        <div class="video-btn-white text-center">
                            <a href="http://vimeo.com/99025203" class="play-btn-white video_play mx-auto">
                                <i class="mdi mdi-play"></i><span>Watch Intro Video</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!-- End Video -->

        <!-- Start Client -->
        <section class="section bg-light" id="client">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize"><span class="font-weight-bold">Discover</span>, Learn & <span class="font-weight-bold">Understand</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">
                              Every week KnowArt creates and publishes short educational videos to help you discover, learn and understand Contemporary Art.
                            </p>
                        </div>
                    </div>
                </div>
              </div>
              <div class="container">
                <div class="row mt-4 pt-4">
                    <!-- video 1 -->
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" style="padding-top: 30px;">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/shNEhFG5_-M?rel=0" allowfullscreen></iframe>
                      </div>
                    </div>
                    <!-- video 2 -->
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" style="padding-top: 30px;">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/3z5ecuKgV5Y?rel=0" allowfullscreen></iframe>
                      </div>
                    </div>
                    <!-- video 3 -->
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" style="padding-top: 30px;">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/SVmiJPM39QI?rel=0" allowfullscreen></iframe>
                      </div>
                    </div>
                </div>
              </div>
        </section>
        <!-- End Client -->

        <!-- Start Great People -->
        <section class="section bg-light" id="partners">
            <div class="container">
              <!-- added : title -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">Our <span class="font-weight-bold">Partners</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">We are thankful to our partners for their great support!</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://www.lacantine.co/membres/knowart/">
                            <img src="images/clients/Logo-La-Cantine-Nantes.png" alt="La Cantine (Nantes)" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>

                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://twitter.com/maia_mater?lang=en">
                            <img src="images/clients/maiamater/maiamater.jpg" alt="Maia Mater" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://www.thefamily.co/">
                            <img src="images/clients/the-family/thefamily-logo-edited.png" alt="The Family" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://museedartsdenantes.nantesmetropole.fr">
                            <img src="images/clients/nantes-art-museum/art-museum_400x400.jpg" alt="Art museum of Nantes" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://www.centrepompidou.fr/en">
                            <img src="images/clients/centre-pompidou/centre-pompidou-logo-300x200.jpg" alt="Centre Beaubourg—Georges-Pompidou" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="logo_img">
                          <a href="https://www.startupschool.org/">
                            <img src="images/clients/Startupschool.png" alt="Startup School" class="mx-auto img-fluid d-block">
                          </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Great People -->

        <!-- Start Price -->
        <!--
        <section class="section bg-light" id="price">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">Our <span class="font-weight-bold">Pricing</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4">
                    <div class="col-lg-4">
                        <div class="mt-3 price_box rounded bg-white">
                            <div class="price_name text-center">
                                <h4 class="mb-0 font-weight-bold">Single Use</h4>
                            </div>
                            <div class="plan_price text-center">
                                <h1 class="mb-0 text-custom">$29</h1>
                                <h6 class="text-muted font-weight-bold">Per Month</h6>
                            </div>
                            <div class="price_divider"></div>
                            <div class="price_features">
                                <p><i class="mdi mdi-check icon-success"></i> Bandwidth: <span class="font-weight-bold">1GB</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Onlinespace: <span class="font-weight-bold">500MB</span></p>
                                <p><i class="mdi mdi-close icon-danger"></i> Support: <span class="font-weight-bold">No</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Domain: <span class="font-weight-bold">1</span></p>
                                <p><i class="mdi mdi-close icon-danger"></i> Hidden Fees: <span class="font-weight-bold">No</span></p>
                            </div>
                            <div class="text-center mt-5">
                                <a href="#" class="btn btn-outline-custom">Join Now</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="mt-3 price_box rounded bg-white">
                            <div class="price_name text-center">
                                <h4 class="mb-0 font-weight-bold">Multiple Use</h4>
                            </div>
                            <div class="plan_price text-center">
                                <h1 class="mb-0 text-custom">$39</h1>
                                <h6 class="text-muted font-weight-bold">Per Month</h6>
                            </div>
                            <div class="price_divider"></div>
                            <div class="price_features">
                                <p><i class="mdi mdi-check icon-success"></i> Bandwidth: <span class="font-weight-bold">2GB</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Onlinespace: <span class="font-weight-bold">1GB</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Support: <span class="font-weight-bold">Yes</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Domain: <span class="font-weight-bold">3</span></p>
                                <p><i class="mdi mdi-close icon-danger"></i> Hidden Fees: <span class="font-weight-bold">No</span></p>
                            </div>
                            <div class="text-center mt-5">
                                <a href="#" class="btn btn-custom">Join Now</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="mt-3 price_box rounded bg-white">
                            <div class="price_name text-center">
                                <h4 class="mb-0 font-weight-bold">Extended Use</h4>
                            </div>
                            <div class="plan_price text-center">
                                <h1 class="mb-0 text-custom">$49</h1>
                                <h6 class="text-muted font-weight-bold">Per Month</h6>
                            </div>
                            <div class="price_divider"></div>
                            <div class="price_features">
                                <p><i class="mdi mdi-check icon-success"></i> Bandwidth: <span class="font-weight-bold">3GB</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Onlinespace: <span class="font-weight-bold">2GB</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Support: <span class="font-weight-bold">Yes</span></p>
                                <p><i class="mdi mdi-check icon-success"></i> Domain: <span class="font-weight-bold">Unlimited</span></p>
                                <p><i class="mdi mdi-close icon-danger"></i> Hidden Fees: <span class="font-weight-bold">No</span></p>
                            </div>
                            <div class="text-center mt-5">
                                <a href="#" class="btn btn-outline-custom">Join Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!-- End Price -->

        <!-- START CTA -->
        <section class="section home-bg-img">
            <div class="bg-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center text-white">
                            <h2 class="font-weight-bold">Ready to start building your art portfolio?</h2>
                            <p class="mx-auto cta-desc mt-4 pt-2">
                              Investing in art and supporting artists should be available to anyone.
                              <br>With KnowArt everyone can become art collector!
                            </p>
                            <div class="header_btn">
                                <button type="button" class="btn btn-custom btn-rounded mt-4" data-toggle="modal" data-target="#modalGetStarted" style="margin-bottom: 50px;">
                                  Get started
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END CTA -->

        <!-- Start Contact -->
        <section class="section" id="contact">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h3 class="mb-0 text-capitalize">Get In <span class="font-weight-bold">Touch</span></h3>
                            <div class="main-title-border mx-auto"></div>
                            <p class="text-muted sec_subtitle mx-auto mt-2">
                              KnowArt is here to provide you with more information, answer any questions you may have and create an effective solution for you to start collecting art.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 pt-4">
                    <div class="col-lg-4">
                        <div class="text-center mt-3">
                            <div>
                                <i class="pe-7s-call text-custom h2"></i>
                            </div>
                            <div class="mt-2">
                                <p class="mb-0 font-weight-bold">Call Us On</p>
                                <p class="text-muted">
                                  <a href="tel:+33671576705" class="text-custom">+33 6 71 57 67 05</a>
                                </p>
                            </div>
                        </div>
                        <div class="text-center mt-3">
                            <div>
                                <i class="pe-7s-mail text-custom h2"></i>
                            </div>
                            <div class="mt-2">
                                <p class="mb-0 font-weight-bold">Email Us At</p>
                                <p class="text-muted">
                                  <a href="mailto:welcome@knowart.co" class="text-custom">welcome@knowart.co</a>
                                </p>
                            </div>
                        </div>
                        <div class="text-center mt-3">
                            <div>
                                <i class="pe-7s-map text-custom h2"></i>
                            </div>
                            <div class="mt-2">
                                <p class="mb-0 font-weight-bold">Visit Office</p>
                                <p class="text-muted">
                                   Place du 51e Régiment d'Artillerie<br>44 000 Nantes
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="contact_form">
                            <div id="message"></div>
                            <form method="post" action="php/contact.php" name="contact-form" id="working_form">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group mt-2">
                                            <input name="name" id="name" type="text" class="form-control" placeholder="Your name..." autocomplete="name" />
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mt-2">
                                            <input name="email" id="email" type="email" class="form-control" placeholder="Your email..." autocomplete="email" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group mt-2">
                                            <input type="text" class="form-control" id="subject" placeholder="Your Subject.." />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group mt-2">
                                            <textarea name="comments" id="comments" rows="4" class="form-control" placeholder="Your message..."></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 text-center">
                                        <input type="submit" id="submit" name="send" class="submitBnt btn btn-custom" value="Send Message">
                                        <div id="simple-msg"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Contact -->

        <!-- Start Footer -->
        <footer class="footer_detail">
            <div class="container">
                <div class="row pt-5 pb-5">
                    <div class="col-lg-12" style="padding: 20px;background-color: #fff; opacity: 0.5;">
                        <div class="text-center">
                            <img src="images/logo/LOGO_NOIR.png" class="mx-auto img-fluid d-block footer_logo" alt="">
                        </div>
                        <div class="footer_menu">
                            <ul class="mb-0 list-inline text-center mt-4">
                                <li class="list-inline-item mr-0"><a href="#" class="text-muted">Terms &amp; Condition</a></li>
                                <li class="list-inline-item mr-0"><a href="#" class="text-muted">Privacy Policy</a></li>
                                <li class="list-inline-item mr-0"><a href="#" class="text-muted">Contact Us</a></li>
                            </ul>
                        </div>
                        <div class="float-left float_none">
                            <p class="copy-rights text-muted mb-0">2018 &copy; KnowArt.</p>
                        </div>
                        <div class="float-right float_none" style="padding: 20px;background-color: #fff;">
                            <ul class="list-inline fot_social mb-0">
                                <li class="list-inline-item"><a href="https://www.facebook.com/KnowArt-2110829735797231/" target="_blank" class="social-icon text-muted"><i class="mdi mdi-facebook"></i></a></li>
                                <li class="list-inline-item"><a href="https://twitter.com/weareknowart" target="_blank" class="social-icon text-muted"><i class="mdi mdi-twitter"></i></a></li>
                                <li class="list-inline-item"><a href="https://www.linkedin.com/company/knowart/" target="_blank" class="social-icon text-muted"><i class="mdi mdi-linkedin"></i></a></li>
                                <li class="list-inline-item"><a href="https://www.youtube.com/channel/UCKNDkABLJJ-fBGhfokxEaOw?view_as=subscriber" target="_blank" class="social-icon text-muted"><i class="mdi mdi-youtube"></i></a></li>
                                <li class="list-inline-item"><a href="https://www.instagram.com/weareknowart/" target="_blank" class="social-icon text-muted"><i class="mdi mdi-instagram"></i></a></li>
                                <li class="list-inline-item"><a href="https://vimeo.com/knowart" target="_blank" class="social-icon text-muted"><i class="mdi mdi-vimeo"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- End Footer -->

        <!-- Javascript -->
        <script src="js/jquery.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.easing.min.js"></script>
        <script src="js/scrollspy.min.js"></script>

        <!-- CONTACT JS -->
        <script src="js/contact.js"></script>

        <!-- MFP JS -->
        <script src="js/jquery.magnific-popup.min.js"></script>

        <!-- Custom Js   -->
        <script src="js/custom.js"></script>

        <script src="js/tchat.js"></script>

        <script src="js/embed.typeform.com/embed.js"></script>

        <!-- modal -->
        <div class="modal fade" id="modalGetStarted">
          <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mb-0 font-weight-bold" id="exampleModalLongTitle">
                      Sign up to receive our guide:<br>
                        " First steps into contemporary art investing "<br>
                        and get noticed when our platform is ready!
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                        </button>
                </div>
                <div class="modal-body">
                  <form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"
                        action="https://knowart.us19.list-manage.com/subscribe/post?u=7c4550158acf480e1a5e73742&amp;id=d658701597">
                      <div class="form-group">
                          <input type="text" class="form-control" name="FNAME" placeholder="First Name" aria-required="true">
                      </div>
                      <div class="form-group">
                          <input type="text" class="form-control" name="LNAME" placeholder="Last Name" aria-required="true">
                      </div>
                      <div class="form-group">
                          <input type="email" class="form-control" name="EMAIL" placeholder="Email" aria-required="true">
                      </div>
                      <div id="mce-responses" class="clear">
                          <div class="response" id="mce-error-response" style="display:none"></div>
                          <div class="response" id="mce-success-response" style="display:none"></div>
                      </div>
                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                      <div style="position: absolute; left: -5000px;" aria-hidden="true">
                        <input type="text" name="b_7c4550158acf480e1a5e73742_d658701597" tabindex="-1" value="">
                      </div>
                      <div>
                          <button class="btn btn-custom w-100">Sign Up</button>
                      </div>
                      <script type='text/javascript' src="js/mc-validate.js"></script>
                      <script type='text/javascript'>
                        (function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));
                        var $mcj = jQuery.noConflict(true);
                      </script>
                  </form>
                </div>
              </div>
            </div>
        </div>
        <!-- End modal -->

        <!-- tracking -->
        <script src="js/mixpanel-snippet.js"></script>

        <script type="text/javascript">
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-123373097-1']);
          _gaq.push(['_trackPageview']);

          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();
        </script>
    </body>
</html>