EVOLUTION-NINJA
Edit File: AboutUs.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ashwini Agrotech</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/allpagestyles.css"> <!-- Bootstrap JS --> <script src="./js/bootstrap.bundle.min.js"></script> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Grand+Hotel&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+Kannada:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> <!-- owlcarosal --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <style> .ourTeam { background-image: url(../images/ourteam.jpg); background-size: cover; background-repeat: no-repeat; padding: 31px; } .teamCard { padding: 7px 6px !important; } .teamTitle { color: #458B00; background-color: rgba(82, 163, 0, 0.07); padding: 6px 16px; width: max-content; border-radius: 8px; } .teamPosition { color: #512D00; font-weight: 500; } .teamDetail { font-size: 14px; } </style> </head> <body> <script src="./js/header.js"></script> <!-- banner --> <div class="="> <div class="text-center"> <img src="images/abtBanner.jpg" alt="" class="banners"> </div> </div> <!-- banner end--> <!-- about us --> <section class=" mt-4" style="background-color: beige;padding: 24px 4px;"> <h1 class="text-center" style="color:#603500;font-weight: 600;"><span style="color:#3E7C00">About</span> Us </h1> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 abtcontent d-flex flex-column justify-content-center align-items-center mt-auto"> <p> <span style="color:#6BD700;font-weight: 600;">ASWINI AGROTECH</span> is a 32 years old firm, established and managed by a team of professionals, manufacturing different varieties of cocopeat substrates and plant treatment products under the registered brand name of 'AWIN'. The manufacturing facilities are spread across 3 locations in Karnataka & Tamil Nadu. </p> <p>• We are a business enterprise with over three decades of experience, registered with all relevant government agencies. The business is established and managed by a team of professionals.</p> <p>• We manufacture various types of cocopeat and plant treatment products.</p> <p>• Our facilities are located in — at Maddur in Karnataka (near Bangalore) and at Pollachi in Tamil Nadu (near Coimbatore). </p> </div> <div class="col-lg-6 col-md-6 col-sm-12 d-flex flex-column justify-content-center align-items-center"> <img src="images/plant2.png" alt="" class="abtplant"> </div> </div>Excellent </div> </section> <!-- about us end --> <!-- our team --> <h1 class="text-center mt-3 mb-3" style="color:#603500;font-weight:600;"> Our <span style="color:#3E7C00">Team</span> </h1> <section class="ourTeam "> <div class="container"> <div class="row g-4 justify-content-center"> <!-- member 1 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team1.jpg" class="card-img-top" alt="Sekhar Rao"> <div class="card-body"> <h5 class="card-title teamTitle">Sekhar Rao</h5> <p class="card-text mb-1 teamPosition">Founder & Business Head</p> <p class="card-text teamDetail">As the Business Head, Sekhar is the heart and soul of the firm. An engineer by profession, it is his vision that has always taken the firm to the next level.</p> </div> </div> </div> <!-- member 2 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team2.jpg" class="card-img-top" alt="Savitha"> <div class="card-body"> <h5 class="card-title teamTitle">Savitha</h5> <p class="card-text mb-1 teamPosition">Co-Founder & Finance Head</p> <p class="card-text teamDetail">As the Head of finance and administration, Savitha keeps the firm running in a smooth & trouble free manner.</p> </div> </div> </div> <!-- member 3 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team3.jpg" class="card-img-top" alt="Karthikeyan"> <div class="card-body"> <h5 class="card-title teamTitle">Karthikeyan</h5> <p class="card-text mb-1 teamPosition">Manufacturing</p> <p class="card-text teamDetail">An engineer by profession, Karthikeyan is the Head of manufacturing with decades of shop floor experience, and is constantly achieving excellent quality.</p> </div> </div> </div> <!-- member 4 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team4.jpg" class="card-img-top" alt="Chitra"> <div class="card-body"> <h5 class="card-title teamTitle">Chitra</h5> <p class="card-text mb-1 teamPosition">Research & Development</p> <p class="card-text teamDetail">A biotechnology engineer, Chitra is the Head of R&D, developing new innovative products.</p> </div> </div> </div> <!-- member 5 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team5.jpg" class="card-img-top" alt="Krishna Kumar"> <div class="card-body"> <h5 class="card-title teamTitle">Krishna Kumar</h5> <p class="card-text mb-1 teamPosition">Marketing & Sales</p> <p class="card-text teamDetail">With years of experience in marketing and sales, Krishna Kumar has been successfully taking this activity forward.</p> </div> </div> </div> <!-- member 6 --> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card teamCard h-100 shadow-sm border-0"> <img src="images/team6.jpg" class="card-img-top" alt="Sri Vidya"> <div class="card-body"> <h5 class="card-title teamTitle">Sri Vidya</h5> <p class="card-text mb-1 teamPosition">Finance Head</p> <p class="card-text teamDetail">With an MBA in finance, Sri Vidya has been effectively leading the accounting and financial activities of the firm.</p> </div> </div> </div> </div> </div> </section> <!-- our team end --> <!-- our brands --> <h1 class="text-center mt-5 mb-3" style="color:#3E7C00;font-weight:600;"> Our <span style="color:#603500">Brands</span> </h1> <section class="container"> <div class="row"> <div class="col-lg-6"> <div class="card mb-3 brandCards" > <div class="row "> <div class="col-md-4 d-flex justify-content-center align-items-center"> <img src="images/awinLogo.png" class="img-fluid rounded-start" alt="Awin Logo"> </div> <div class="col-md-8"> <div class="card-body"> <!-- <h5 class="card-title">Card title</h5> --> <p class="card-text" style="margin-bottom: 20px;">AWIN is an exclusive trademark registered brand for different types of growing media (substrates) for professional growers.</p> </p> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="card mb-3 brandCards" > <div class="row "> <div class="col-md-4 d-flex justify-content-center align-items-center"> <img src="images/happyGarden.png" class="img-fluid rounded-start" alt="AHappy Garden Logo"> </div> <div class="col-md-8"> <div class="card-body"> <!-- <h5 class="card-title">Card title</h5> --> <p class="card-text" style="margin-bottom: 0px;">HAPPY GARDEN is a trademark registered brand dedicated for hobby gardening / providing gardening solutions. </p> <p class="card-text"><small class="text-body-secondary">Visit our online store : www.happygarden.in</small> </p> </div> </div> </div> </div> </div> </section> <!-- products silder --> <div class="silder-products mt-4"> <h1 class="text-center mt-5 mb-1" style="color:#3E7C00;font-weight:600;"> Awards </h1> <div class="text-center"><img src="images/Line 2.png" alt=""></div> <div class="carousel-wrap"> <div class="owl-carousel"> <div class="item prod-items"> <div class="prod-img"> <img src="images/award1.png" alt=""></div> <!-- <div class="prod-det"></div> --> </div> <div class="item prod-items"> <div class="prod-img"> <img src="images/award2.png" alt=""></div> <!-- <div class="prod-det"></div> --> </div> <div class="item prod-items"> <div class="prod-img"> <img src="images/award3.png" alt=""></div> <!-- <div class="prod-det"></div> --> </div> <div class="item prod-items"> <div class="prod-img"> <img src="images/award4.png" alt=""></div> <!-- <div class="prod-det"></div> --> </div> </div> </div> </div> <!-- products silder end--> <!-- footer --> <div id="footer"></div> <script src="./js/footer.js"></script> <!-- footer end --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script> $('.owl-carousel').owlCarousel({ loop: true, margin: 10, nav: true, navText: [ '<svg xmlns="http://www.w3.org/2000/svg" style="color:#513300" width="26" height="26" fill="currentColor" class="bi bi-caret-left-fill" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg>', '<svg xmlns="http://www.w3.org/2000/svg" style="color:#513300" width="26" height="26" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16"><path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg>' ], autoplay: true, autoplayHoverPause: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1000: { items: 3 }, 1380: { items: 5 } } }) </script> </body> </html>