:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/finartindia.com/trash/temp/**
:: Editing File: about.php
<?php include"header.php"; include 'db.php'; ?> <div class="header-overlay close_cart-init"></div> <!-- header end --> <!-- section --> <div class="content-section parallax-section hero-section hidden-section" data-scrollax-parent="true"> <div class="bg par-elem " data-bg="uploads/slider.png" data-scrollax="properties: { translateY: '30%' }"></div> <div class="overlay"></div> <div class="container"> <div class="section-title"> <h4 style="color:#fff">Welcome to Fine Art India – A Warm Greeting to All Art Lovers!</h4> <h2>About Our Story</h2> <div class="section-separator"><span><i class="fa-thin fa fa-paint-brush"></i></span></div> </div> </div> <div class="hero-section-scroll"> <div class="mousey"> <div class="scroller"></div> </div> </div> <div class="dec-corner dc_lb"></div> <div class="dec-corner dc_rb"></div> <div class="dec-corner dc_rt"></div> <div class="dec-corner dc_lt"></div> </div> <!-- section end --> <!--content--> <div class="content"> <!-- breadcrumbs-wrap --> <div class="breadcrumbs-wrap"> <div class="container"> <a href="index.php">Home</a> <a href="about.php"><i class="fa-light fa-arrow-right-long" aria-hidden="true" style="color:#c4a676"></i></a> <span>About Us</span> </div> </div> <!--breadcrumbs-wrap end --> <!-- section --> <div class="content-section"> <div class="section-dec"></div> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="section-title text-align_left" style="margin-top: 50px;"> <h4>Welcome to Fine Art India – A Warm Greeting to All Art Lovers!</h4> <h2>About Our Story</h2> </div> <div class="text-block tb-sin"> <p class="has-drop-cap text-justify">Fine Art India is one of the most unique and special online marketplaces for art enthusiasts in India. Through this platform, you will discover various traditional and contemporary Indian art forms, and have the opportunity to purchase original artworks, digital prints, and other art-related products of your choice. </p> <p class="text-justify">With just a few clicks, of different print-on-demand products, and then instantly sell those products to a Indian audience of online, mobile, and real-world buyers. Fine Art india fulfills each order on behalf of the artists - taking care of the printing, framing, matting, packaging, shipping, collecting payments from the buyers, and sending profits to the artists.</p> <p class="text-justify"><b style="color:#c4a676">Mr. Sachin Kute,</b> a renowned artist and designer, has been working as a freelance artist since 2015. He has participated in numerous art exhibitions and has delivered concept designs, murals, and paintings across various cities in India. Fine Art India was born out of his vision to bring authentic art closer to people. <div class="dc_dec-item_left"><span></span></div> </div> </div> <div class="col-lg-6"> <div class="image-collge-wrap"> <div class="main-iamge"> <img src="logo/about.jpg" class="respimg" alt=""> <div class="video_link image-popup" id="html5-videos" data-html="#video1"> <i class="fas fa-play"></i><span>Play Story Presentation Video</span></div> </div> <div class="dc_dec-item_right"><span></span></div> <div class="about-img-hotifer dark-bg"> <div class="about-img-hotifer-wrap"> <!-- <p>Every canvas is a journey all its own</p>--> <h4>Sachin. M. Kute</h4> <h5>Fine Art India</h5> </div> </div> <div style="display:none;" id="video1" class="popup_video" data-videolink="video/1.mp4"> <video class="lg-video-object lg-html5" controls preload="none"> <source src="video/1.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <style> /* ======= How It Works Section ======= */ .howitworks-section{ background:#fff; text-align:center; position:relative; overflow:hidden; } .how-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; max-width:1000px; margin:0 auto; position:relative; z-index:2; } .how-step{ background:#fffefc; padding:30px 20px; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,0.05); transition:transform .4s ease, box-shadow .4s ease; position:relative; } .how-step:hover{ transform:translateY(-8px); box-shadow:0 12px 24px rgba(0,0,0,0.1); } .how-step img{ width:130px; height:130px; object-fit:contain; margin-bottom:16px; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1)); } .how-step h4{ margin:10px 0 8px; color: var(--main-color); font-size: 2.2em; font-weight: 500; } .how-step p{ font-size:16px; color:#555; line-height:1.6; padding:0 8px; text-align: center; } /* Decorative Animation */ .circle-bg{ position:absolute; width:160px; height:160px; border-radius:50%; background:rgba(196,126,58,0.08); animation:float 6s ease-in-out infinite alternate; } .circle-bg.one{ top:20%; left:5%; } .circle-bg.two{ bottom:10%; right:8%; width:200px; height:200px; } @keyframes float{ from{ transform:translateY(0); } to{ transform:translateY(20px); } } </style> <br><br><br> <div class="section-title" style="margin-top: 50px;"> <h4 style="font-size: 40px;">How It Works</h4> </div> <div class="circle-bg one"></div> <div class="circle-bg two"></div> <div class="how-grid"> <div class="how-step"> <img src="logo/hicon/Artist-Collaboration.png" alt="Collaboration icon"> <h4>Artist Collaboration</h4> <p>We partner with artists, photographers, and designers to create unique art and print-on-demand products.</p> </div> <div class="how-step"> <img src="logo/hicon/Seamless-Shopping.png" alt="Shopping icon"> <h4>Seamless Shopping</h4> <p>Customers can explore and purchase artworks easily online, on mobile, desktop or at curated exhibitions.</p> </div> <div class="how-step"> <img src="logo/hicon/Production-Packaging.png" alt="Printing icon"> <h4>Production & Packaging</h4> <p>Every order is printed, framed, and packed at our global production centers with the highest quality standards.</p> </div> <div class="how-step"> <img src="logo/hicon/Delivery-Guarantee.png" alt="Shipping icon"> <h4>Delivery & Guarantee</h4> <p>Orders are shipped ready-to-hang and come with a 30-day money-back guarantee for customer satisfaction.</p> </div> </div> <div class="sc-dec" style="left: -220px; bottom: -100px;"></div> </div> <div class="content-dec2 fs-wrapper"></div> <div class="content-dec"><span></span></div> </div> <!-- section end --> <!-- section --> <style> .inline-facts { width: 33.33%; } </style> <div class="content-section parallax-section hidden-section dark-bg" data-scrollax-parent="true"> <div class="bg par-elem" data-bg="images/bg/14.jpg" data-scrollax="properties: { translateY: '30%' }"></div> <div class="overlay overlay-bold"></div> <div class="container"> <!-- inline-facts --> <div class="inline-facts-wrap"> <div class="inline-facts two-col-mobile"> <div class="milestone-counter"> <div class="stats animaper"> <img src="logo/hicon/free-shipping.png" width="100px"> </div> </div> <h6>Free Shipping</h6> </div> <div class="inline-facts two-col-mobile"> <div class="milestone-counter"> <div class="stats animaper"> <img src="logo/hicon/flexible-payment.png" width="100px"> </div> </div> <h6>Flexible Payment</h6> </div> <!--<div class="inline-facts two-col-mobile"> <div class="milestone-counter"> <div class="stats animaper"> <img src="logo/hicon/14-day-return.png" width="100px"> </div> </div> <h6>14-Days Return</h6> </div> --> <div class="inline-facts two-col-mobile"> <div class="milestone-counter"> <div class="stats animaper"> <!--<div class="num1"><i class="fa fa-headset"></i></div>--> <img src="logo/hicon/support.png" width="100px"> </div> </div> <h6>Premium Support</h6> </div> <!-- inline-facts end --> <!-- inline-facts -- <div class="inline-facts"> <div class="milestone-counter"> <div class="stats animaper"> <div class="num" data-content="0" data-num="12168">12168</div> </div> </div> <h6>Happy Customers Every Year</h6> </div> <!-- inline-facts end --> <!-- inline-facts -- <div class="inline-facts"> <div class="milestone-counter"> <div class="stats animaper"> <div class="num" data-content="0" data-num="172">172</div> </div> </div> <h6>Won Awards</h6> </div> <!-- inline-facts end -- <!-- inline-facts -- <div class="inline-facts"> <div class="milestone-counter"> <div class="stats animaper"> <div class="num" data-content="0" data-num="732">732</div> </div> </div> <h6>Weekly Deliveries</h6> </div> --> </div> <!-- inline-facts end --> </div> <div class="dec-corner dc_lb"></div> <div class="dec-corner dc_rb"></div> <div class="dec-corner dc_rt"></div> <div class="dec-corner dc_lt"></div> </div> <!-- section end --> <!-- section --> <div class="content-section"> <div class="container"> <div class="section-title"> <h4>We aim to inspire creativity and appreciation for art in everyone we reach.</h4> <h2>Mission | Vision | Core Values</h2> <div class="section-separator"><span><i class="fa-thin fa fa-paint-brush"></i></span></div> </div> <div class="team-container"> <div class="dec-container"> <div class="text-block"> <div class="row"> <div class="col-lg-4"> <!-- team-item --> <div class="team-box"> <div class="team-photo"> <img src="logo/Mision.jpg" alt="" class="respimg"> <div class="overlay"></div> </div> <div class="team-info fl-wrap"> <h3> Mission</h3> <p>To make diverse artworks by renowned and emerging Indian artists available in one place, and to help enhance the aesthetic appeal of homes, hotels, offices, and other spaces through the power of art.</p> </div> </div> </div> <!-- team-item end--> <!-- team-item --> <div class="col-lg-4"> <div class="team-box"> <div class="team-photo"> <img src="logo/vision.jpg" alt="" class="respimg"> <div class="overlay"></div> </div> <div class="team-info fl-wrap"> <h3> Vision </h3> <p>To be a leading art agency recognized for artistic excellence, innovation, and a commitment to making art accessible and meaningful for everyone, everywhere. </p> </div> </div> </div> <!-- team-item end --> <!-- team-item --> <div class="col-lg-4"> <div class="team-box"> <div class="team-photo"> <img src="logo/Core-Values.jpg" alt="" class="respimg"> <div class="overlay"></div> </div> <div class="team-info fl-wrap"> <h3> Corevalues </h3> <p>Creativity, authenticity, integrity, collaboration, and customer-centricity drive everything we do. We are committed to supporting artists, preserving cultural heritage and delivering artworks that inspire.</p> </div> </div> </div> <!-- team-item end --> </div> </div> <div class="dc_dec-item_left"><span></span></div> <div class="dc_dec-item_right"><span></span></div> </div> </div> <div class="sc-dec" style="left: -220px; bottom: -100px;"></div> <div class="sc-dec2" style="right: -220px; top: -100px;"></div> </div> <div class="content-dec2 fs-wrapper"></div> </div> <!-- section end --> </div> <?php include"footer.php"?>