font-family: "Fredoka", sans-serif;

#FDBD27
#442A18

<a href="#"><i class="ri-facebook-fill"></i></a>
                        <a href="#"><i class="ri-instagram-fill"></i></a>

                        <div class="footer_bar">
                            Copyright © 2025 CODEpro,All right reserved.
                        </div>


                        <button class="btns active" data-id="TableauPersonnalise">Tableau Personnalisée</button>
                        <button class="btns" data-id="ImpressionVinyle">Impression Vinyle</button>
                        <button class="btns" data-id="CoverPersonnalisée">Cover Personnalisée</button>
                        <button class="btns" data-id="Impression casquette">Impression casquette</button>
                        <button class="btns" data-id="TassePersonnalisée">Tasse Personnalisée</button>  
                        <button class="btns" data-id="CarteVisite">Carte de Visite</button>     
                        <button class="btns" data-id="logo">Création Logo</button>
                        <button class="btns" data-id="Boderie">Boderie sur Maillot</button> 
                        <button class="btns" data-id="Flyer">Flyer</button>          
                       </div>

                       <div id="TableauPersonnalise" class="tab_content active">
                        <div class="deals_card">
                            <img src="image/PAUH8264.JPG" alt="deals">
                           
                            <h4>Tableau Personnalisée</h4>              
                            <hr>
                            <div class="deals_card_footer">
                                <button class="btns"><a href="#">
                                    Commander
                                    <span><i class="ri-arrow-right-line"></i></span>
                                </a>
                            </button>
                            </div>
                        </div>
                        <div class="deals_card">
                            <img src="image/MRYR7218.JPG" alt="deals">
                           
                            <h4>Tableau Personnalisée</h4>              
                            <hr>
                            <div class="deals_card_footer">
                                <button class="btns"><a href="#">
                                    Commander
                                    <span><i class="ri-arrow-right-line"></i></span>
                                </a>
                            </button>
                            </div>
                        </div>
                        <div class="deals_card">
                            <img src="image/TableauPersonnalise.JPG" alt="deals">
                           
                            <h4>Tableau Personnalisée</h4>              
                            <hr>
                            <div class="deals_card_footer">
                                <button class="btns"><a href="#">
                                    Commander
                                    <span><i class="ri-arrow-right-line"></i></span>
                                </a>
                            </button>
                            </div>
                        </div>
                       </div>  
                       
                        <div id="ImpressionVinyle" class="tab_content ">
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                           
                           <div id="CoverPersonnalisée" class="tab_content ">
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                           
                           <div id="Impressioncasquette" class="tab_content ">
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                            <div class="deals_card">
                                <img src="image/ImpressionMaillot.JPG" alt="deals">
                               
                                <h4>Tableau Personnalisée</h4>              
                                <hr>
                                <div class="deals_card_footer">
                                    <button class="btns"><a href="#">
                                        Commander
                                        <span><i class="ri-arrow-right-line"></i></span>
                                    </a>
                                </button>
                                </div>
                            </div>
                           <div id="Flyer" class="tab_content ">
                            <div class="deals_card">
                               <img src="image/Flyer.JPG" alt="deals">
                              
                               <h4>Flyer</h4>
                               </div>
                               <hr>
                               <div class="deals_card_footer">
                                   <button class="btns"><a href="#">
                                       Commander
                                       <span><i class="ri-arrow-right-line"></i></span>
                                   </a>
                               </button>
                               </div>
                           </div>
                           <div id="TassePersonnalisée" class="tab_content ">
                            <div class="deals_card">
                               <img src="image/tassePersonnalise.png" alt="deals">
                              
                               <h4>Tasse Personnalisée</h4>
                               </div>
                               <hr>
                               <div class="deals_card_footer">
                                   <button class="btns"><a href="#">
                                       Commander
                                       <span><i class="ri-arrow-right-line"></i></span>
                                   </a>
                               </button>
                               </div>
                           </div>
                           <div id="CarteVisite" class="tab_content ">
                            <div class="deals_card">
                               <img src="image/carteDeVisite.png" alt="deals">
                              
                               <h4>Carte de Visite</h4>
                               </div>
                               <hr>
                               <div class="deals_card_footer">
                                   <button class="btns"><a href="#">
                                       Commander
                                       <span><i class="ri-arrow-right-line"></i></span>
                                   </a>
                               </button>
                               </div>
                           </div>
                           <div id="logo" class="tab_content ">
                            <div class="deals_card">
                               <img src="image/logoBlanc.png" alt="deals">
                              
                               <h4>Création Logo</h4>
                               </div>
                               <hr>
                               <div class="deals_card_footer">
                                   <button class="btns"><a href="#">
                                       Order Now
                                       <span><i class="ri-arrow-right-line"></i></span>
                                   </a>
                               </button>
                               </div>
                           </div>
                           <div id="Boderie" class="tab_content ">
                            <div class="deals_card">
                               <img src="image/Boderie.png" alt="deals">
                              
                               <h4>Boderie sur Maillot</h4>
                               </div>
                               <hr>
                               <div class="deals_card_footer">
                                   <button class="btns"><a href="#">
                                       Commander
                                       <span><i class="ri-arrow-right-line"></i></span>
                                   </a>
                               </button>
                               </div>
                           </div>
                    </div>