Skip to content

Commit

Permalink
Page separated
Browse files Browse the repository at this point in the history
  • Loading branch information
@Prachurya-Ray
Prachurya-Ray committed May 26, 2024
1 parent 697758f commit d20469d
Show file tree
Hide file tree
Showing 5 changed files with 1,039 additions and 335 deletions.
207 changes: 207 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AgriLearnNetwork</title>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="style.css" />

<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7972082263222296"
crossorigin="anonymous"></script>

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!-- <link rel="icon" href="./agriculture-icon-png-2804.png" type="'image/png"> -->
</head>

<body>

<header class="header">
<img src="images/favicon.png" alt="logo" style="height:50px; width:50px; margin-right:10px;" >
<a href="#" class="logo" style="margin-inline-end:auto;"><h3>AgriLearnNetwork</h3> </a>


<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">

<a href="index.html" class="active"><i class="fa-solid fa-house"></i> Home</a>
<a href="#about"><i class="fa-solid fa-circle-info"></i> About</a>
<a href="blogs.html"> <i class="fa-solid fa-blog"></i> Blogs</a>
<a href="library.html"><i class="fa-solid fa-book"></i> Resource Library</a>
<a href="contact.html" id="nav--contact"><i class="fa-solid fa-phone"></i> Contact</a>

</nav>
</header>

<br><br><br><br><br><br><br>
<br><br><br>



<section class="about" id="about">
<!-- <div class="about-img">
<img src="images/png-transparent-farmer-agriculture-wheat-straw-agriculture-fictional-character-cartoon-thumbnail-fotor-bg-remover-2023122619381.png" alt="MY-IMAGE" />
</div> -->
<div class="video-wrapper">
<div class="video-overlay"></div>
<video class="background-video" autoplay muted loop id="aboutVideo">
<source src="Agriculturevideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="overlay">
<div class="about-content">

<br><br><br>
<h2 class="heading">About <span>AgriLearnNetwork</span></h2>
<p>Agrilearn Network serves as an indispensable resource, offering farmers a holistic platform enriched with essential insights spanning the diverse landscape of agriculture. Delving into the core of farming practices, our platform provides detailed guidance on agriculture techniques, in-depth knowledge on seed varieties, recommendations for optimal tool usage, streamlined harvesting methods, best practices for sowing, and strategic farm management approaches. By encompassing a wide spectrum of topics, Agrilearn Network aims to empower farmers with the comprehensive understanding needed to navigate the complexities of modern agriculture successfully.
<br><br>
Our commitment to farmers extends beyond mere information dissemination. Agrilearn Network is designed to be an interactive and dynamic hub where farmers can exchange experiences, seek advice, and build a community. We understand that the agricultural sector is constantly evolving, with new challenges and opportunities emerging regularly. Hence, our platform is continuously updated with the latest research, trends, and technological advancements to ensure that our users are always ahead of the curve.
<br><br>
In addition to practical farming tips, Agrilearn Network offers valuable resources on sustainable practices and environmental stewardship. We emphasize the importance of eco-friendly techniques that not only boost productivity but also preserve the natural ecosystem. By integrating sustainable methods, we help farmers reduce their carbon footprint and contribute to global efforts in combating climate change.

<br><br>
Join Agrilearn Network today and become part of a thriving community dedicated to advancing agriculture through knowledge, innovation, and sustainability. Together, we can sow the seeds of a brighter, more sustainable future for all.
</p>

<br><br><br>
</div>
</div>
</section>


<!-- Modal -->
<div id="modal" class="modal">
<div class="modal-content">
<span class="close">&times;</span>
<h2>Feedback Form</h2>
<form id="feedback-form">
<input type="text" placeholder="Full Name" required>
<input type="email" placeholder="Email Address" required>
<textarea cols="30" rows="5" placeholder="Your Feedback" required></textarea>


<div class="rating">
<h2>rate us:</h2>
<i class="rating__star far fa-star"></i>
<i class="rating__star far fa-star"></i>
<i class="rating__star far fa-star"></i>
<i class="rating__star far fa-star"></i>
<i class="rating__star far fa-star"></i>
</div>


<button type="submit">Submit Feedback</button>
</form>
</div>
</div>

<footer class="footer">
<div class="footer-grid">
<div class="footer-title">
<h2>AgriLearnNetwork</h2>
</div>
<div class="footer-icons">
<p><b>Follow us on our socials:</b></p>
<div class="socialIcons">
<a href="mailto:[email protected]" class="email-link" data-tooltip="[email protected]"><i class="fas fa-envelope"></i></a>
<a href="https://www.instagram.com/your_username_here" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/your_username_here" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.facebook.com/your_page_or_profile_here" target="_blank"><i class="fab fa-facebook"></i></a>
</div>
</div>
<div class="footer-iconTop">
<a href="#home"><i class='bx bx-up-arrow-alt'></i></a>
</div>
</div>
<div class="quick-links">
<h2>Quick Links</h2>
<ul>
<li><a href="#home"><p>Home</p></a></li>
<li><a href="#about"><p>About Us</p></a></li>
<li><a href="#Farm Management"><p>Blogs</p></a></li>
<li><a href="#Resource Library"><p>Resource Library</p></a></li>
<li><a href="#contact"><p>Contact Us</p></a></li>
</ul>
</div>
<div class="footer-text footer-right">
<p style="font-weight: 600; font-size: 15px;">Copyright &copy; <script>document.write(new Date().getFullYear())</script> by AgriLearnNetwork | All Rights Reserved.</p>
</div>
</footer>




<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>

<script src="script.js"></script>
<!-- <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/1cfb7415-d4fc-4477-8d00-3717d30c975b/webchat/config.js" defer></script> -->

<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>

<script>
document.addEventListener("DOMContentLoaded", function() {
const slideGroup = document.querySelector('.slide_group');
let currentSlide = 0;
const images = ['./images/carousel-img-2.jpg', './images/carousel-img-1.jpg', './images/carousel-img-3.jpg', './images/carousel-img-4.jpg'];

function showSlide(n) {
slideGroup.style.left = `${-n * 100}%`; // Adjust left property based on current slide
currentSlide = n;
}

function nextSlide() {
currentSlide = (currentSlide + 1) % images.length; // Move to the next slide
showSlide(currentSlide);
}

setInterval(nextSlide, 2000); // Automatically change slide every 2 seconds

// Preload images for smoother transition
images.forEach(src => {
const img = new Image();
img.src = src;
});
});

// mobile no validation @dhruv8433
const mobileNumberInput = document.getElementById('mobileNumber');

mobileNumberInput.addEventListener('input', () => {
const maxLength = 10;
const value = mobileNumberInput.value;

if (value.length > maxLength) {
mobileNumberInput.value = value.slice(0, maxLength);
}
});
</script>
<!-- <script src="https://mediafiles.botpress.cloud/43c4d3ec-a251-474f-8cce-3d8737805a57/webchat/config.js" defer></script> -->
<script type="text/javascript">
(function(d, t) {
var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
v.onload = function() {
window.voiceflow.chat.load({
verify: { projectID: '664632efd181ce0921d32ed5' },
url: 'https://general-runtime.voiceflow.com',
versionID: 'production'
});
}
v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s);
})(document, 'script');
</script>
</body>

</html>
Loading

0 comments on commit d20469d

Please sign in to comment.