From 521bb212bad7ea14321e292c72d40d3dbff1c518 Mon Sep 17 00:00:00 2001 From: dharshib Date: Wed, 26 Jun 2024 21:04:59 +0530 Subject: [PATCH 1/3] created about page --- about/about.css | 183 +++++++++++++++++++++++++++++++ about/about.html | 276 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 459 insertions(+) create mode 100644 about/about.css create mode 100644 about/about.html diff --git a/about/about.css b/about/about.css new file mode 100644 index 0000000..b689abb --- /dev/null +++ b/about/about.css @@ -0,0 +1,183 @@ +@import url('https://fonts.googleapis.com/css2?family=Aclonica&display=swap'); + +* { + padding: 0; + margin: 0; + box-sizing: border-box; + text-decoration: none; + font-weight: 400; + outline: none; + list-style-type: none; + font-family: 'Poppins', Verdana, Geneva, Tahoma, sans-serif, Georgia, 'Times New Roman', Times, serif; +} + +:root { + --main-color:rgb(192, 223, 100); +} + +.hero { + position: relative; + width: 100%; + min-height: 100dvh; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + color: white; + font-size: 90%; +} + + +.hero-video { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + object-fit: cover; + transform: translate(-50%, -50%); + z-index: -1; +} + +.hero::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); /* Optional: darken the background image */ +} + +.hero-content { + position: relative; + z-index: 1; + display: flex; + padding: 0 5%; + height: 100%; + gap: 25px; +} +.hero-content .left { + width: 50%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; +} +.hero-content .right { + width: 50%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + padding-left: 7%; +} + +.hero-title { + text-align: left; + font-size: 7em; + width: 100%; + border-left: 7px solid var(--main-color); + padding-left: 20px; +} + +.hero-subtitle { + font-size: 2em; + width: 100%; + max-width: 700px; + margin: 25px 0; + text-align: left; +} + +.hero-btn { + display: inline-block; + font-size: 1.7em; + background-color: var(--main-color); + border: 2px solid var(--main-color); + border-radius: 0.3em; + padding: 10px 20px; + transition: background-color 0.3s, color 0.3s; + width: max-content; + color: #064b10;; +} + +.hero-btn:hover { + background-color: transparent; + color: var(--main-color); +} +.right h3 { + font-size: 3em; + margin-bottom: 15px; + color: var(--main-color); +} +.right .cards-wrapper { + display: flex; + flex-direction: column; + gap: 25px; +} +.right .card { + display: flex; + align-items: center; + gap: 25px; +} +.right .card i { + font-size: 40px; + color: var(--main-color); +} +.right .card h4 { + font-weight: 600; + font-size: 2em; +} +.right .card small { + color: rgb(232, 232, 232); + font-size: 1.5em; +} +@media all and (max-width: 1200px) { + .hero-content { + flex-direction: column; + align-items: center; + justify-content: center; + padding: 20vh 5% 25px; + } + .hero-content .left { + padding: 0 15px; + width: 100%; + height: max-content; + justify-content: center; + align-items: center; + } + .hero-content .right { + padding: 0 15px; + width: 100%; + height: max-content; + justify-content: center; + align-items: center; + } + .hero-title { + text-align: center; + font-size: 3em; + width: 100%; + border: none; + } + + .hero-subtitle { + font-size: 1.5em; + width: 100%; + max-width: 100%; + margin: 25px 0; + text-align: center; + } + .right .cards-wrapper { + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + } + .right .card { + width: 300px; + flex-direction: column; + gap: 10px; + } + .service-content { + text-align: center; + } +} \ No newline at end of file diff --git a/about/about.html b/about/about.html new file mode 100644 index 0000000..b6ba34b --- /dev/null +++ b/about/about.html @@ -0,0 +1,276 @@ + + + + + + + About Us | AgriLearnNetwork + + + + + + + + + + +
+ logo + + + + +
+ + +
+ + + + + +
+ + +
+ + +
+
+

About Us

+

In Agrilearn Network, we're dedicated to empowering farmers with the knowledge + and tools they need to thrive in today's agricultural landscape. From expert guidance on + cutting-edge farming techniques to comprehensive insights into seed varieties and efficient tool + usage, we're here to support every step of your farming journey. Whether you're looking to enhance + your harvest methods or optimize farm management practices, Agrilearn Network is your trusted + partner for success in modern agriculture.

+ Learn More +
+
+

What we do

+
+
+ +
+

Agriculture Techniques Guidance

+ From soil management to irrigation strategies, farmers gain comprehensive knowledge + to optimize their farming practices. +
+
+
+ +
+

Tool Usage Recommendations

+ Agrilearn Network advises farmers on the optimal usage of agricultural tools and + machinery. +
+
+
+ +
+

Seed Variety Knowledge

+ Make farmers informed decisions about selecting the right seeds for their specific + crops and environmental conditions. +
+
+
+ +
+

Harvesting and Farm Management

+ Focusing on streamlined harvesting methods and effective farm management + practices. +
+
+
+
+
+ +
+ + +
+ +
+
+
+ + + + + + + + + + + + \ No newline at end of file From a908e6f9d53f1914cc33da0ea2f25f1866415888 Mon Sep 17 00:00:00 2001 From: dharshib Date: Wed, 26 Jun 2024 21:05:34 +0530 Subject: [PATCH 2/3] update about link in other files --- blogpage.html | 4 ++-- buy_products.html | 4 ++-- faqpage.html | 4 ++-- index.html | 36 ++---------------------------------- login.html | 4 ++-- 5 files changed, 10 insertions(+), 42 deletions(-) diff --git a/blogpage.html b/blogpage.html index f4c8784..60ddcc8 100644 --- a/blogpage.html +++ b/blogpage.html @@ -43,7 +43,7 @@ Home - About + About Blogs @@ -436,7 +436,7 @@

Quick Links

Home
  • -

    About Us

     +

    About Us

  • Blogs

     diff --git a/buy_products.html b/buy_products.html index a4a5aa0..955e4f7 100644 --- a/buy_products.html +++ b/buy_products.html @@ -33,7 +33,7 @@
  • -

    About Us

     +

    About Us

  • Blogs

     diff --git a/faqpage.html b/faqpage.html index 2f95a18..1359f92 100644 --- a/faqpage.html +++ b/faqpage.html @@ -33,7 +33,7 @@

    AgriLearnNetwork

  • - +

    About Us
    • diff --git a/index.html b/index.html index 7865126..a852d44 100644 --- a/index.html +++ b/index.html @@ -72,7 +72,7 @@ Home - About + About Blogs @@ -130,38 +130,6 @@

    -
    - -
    -
    - -
    -
    -
    -

    About AgriLearnNetwork

    -

    - 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. -

    -
    -
    -
    -

    Resource Library


    @@ -483,7 +451,7 @@

    Quick Links

    Home
  • -

    About Us

     +

    About Us

  • Blogs

     diff --git a/login.html b/login.html index 581a897..1a47fe8 100644 --- a/login.html +++ b/login.html @@ -40,7 +40,7 @@ Home - About @@ -171,7 +171,7 @@

    Quick Links

    Home
  • -

    About Us

     +

    About Us

  • Blogs

     From 23b598528661f60e35e0eca86e7679dd000e36da Mon Sep 17 00:00:00 2001 From: dharshib Date: Thu, 27 Jun 2024 08:19:00 +0530 Subject: [PATCH 3/3] added curser --- about/about.css | 4 +++- about/about.html | 28 +++++++++++++++++++++++----- 2 files changed, 26 insertions(+), 6 deletions(-) diff --git a/about/about.css b/about/about.css index b689abb..dcbb266 100644 --- a/about/about.css +++ b/about/about.css @@ -118,11 +118,13 @@ .right .card { display: flex; align-items: center; - gap: 25px; + gap: 30px; } .right .card i { font-size: 40px; color: var(--main-color); + width: 40px; + height: 40px } .right .card h4 { font-weight: 600; diff --git a/about/about.html b/about/about.html index b6ba34b..8a3f2e1 100644 --- a/about/about.html +++ b/about/about.html @@ -4,18 +4,27 @@ - About Us | AgriLearnNetwork - + + + + + + + + + + About Us | AgriLearnNetwork +
    logo @@ -45,6 +54,7 @@

    AgriLearnNetwork

    +
    +