EVOLUTION-NINJA
Edit File: index.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> </style> </head> <body> <script src="./js/header.js"></script> <!-- banner --> <div class="mb-3"> <div class="text-center"> <img src="images/homebanner.jpg" alt="" class="banners"> </div> </div> <!-- banner end--> <!-- about us --> <section class=" mt-5" style="background-color: beige;padding: 24px 4px;position: relative; z-index: -1;"> <h1 class="text-center" style="font-weight: 600;"> <span style="color:#3E7C00">Home</span> </h1> <div class="container"> <div class="row"> <!-- <div class="col-lg-6 col-md-6 col-sm-12 d-flex flex-column justify-content-center align-items-center"> <img src="images/plant1.png" alt="" class="abtplant"> </div> --> <div class="col-lg-12 col-md-12 col-sm-12 abtcontent mt-auto position-relative"> <img src="images/leaf.png" alt="" class="abtLeaf"> <p>1. We are A thirty year old business enterprise, registered with all relavant government agencies, located in Karnataka. The business is set up and managed by a team of professionals. </p> <p>2. We Manufacture different varieties of cocopeat & plant treatment products.</p> <p>3. We are Located in the coconut belt of southern India, at Maddur in Karnataka (near Bangalore) and also at Pollachi in Tamilnadu (near Coimbatore).</p> </div> </div> </div> </section> <!-- about us end --> <div class="mt-5 overflow-hidden"> <div class="row"> <div class="col-sm-8 "> <div class="row row-gap-5 d-flex align-items-center brandimg" style="box-shadow: rgba(21, 122, 12, 0.2) 0px 7px 29px 0px;"> <div class="col-sm-6 d-flex align-items-center justify-content-center"><img src="images/awinLogo.png" alt=""></div> <div class="col-sm-6 d-flex align-items-center justify-content-center"><img src="images/happyGarden.png" alt=""></div> </div> </div> <div class="col-sm-4 d-flex align-items-center justify-content-center"> <h1 class="text-center mt-3 mb-3" style="font-weight:600;"> <span style="color:#3E7C00">Brands</span> </h1> </div> </div> </div> <!-- our team --> <h1 class="text-center mt-5 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 & Customer Care</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 & Accounts</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="">AWIN is a registered trademark and an exclusive brand for different types of growing media (substrates) and treatment products 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 registered trademark brand dedicated to hobby gardening and providing gardening solutions.</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--> <!-- Gallery --> <h1 class="text-center mt-5 mb-3" style="font-weight:600;"> <span style="color:#603500">Gallery</span> </h1> <div class="container"> <div class="row row-gap-3 galblock"> <div class="col-sm-4"><img src="images/agro1.png" alt=""></div> <div class="col-sm-4"><img src="images/agro2.png" alt=""></div> <div class="col-sm-4"><img src="images/agro3.png" alt=""></div> <div class="col-sm-4"><img src="images/agro4.png" alt=""></div> <div class="col-sm-4"><img src="images/agro5.png" alt=""></div> <div class="col-sm-4"><img src="images/agro6.png" alt=""></div> </div> </div> <!-- footer --> <div id="footer"></div> <!-- slider --> <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> <script src="./js/footer.js"></script> <!-- footer end --> </body> </html>