First Commit from Locofy Builder

Ridtz08 · Aug 5, 2023 · 36801fa · 36801fa
1 parent 1537e7c
commit 36801fa
Show file tree

Hide file tree

Showing 314 changed files with 15,103 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1 +1,10 @@
-# HackHERS2
+
+  # HackHERS
+
+  Note: Please ensure you have installed <code><a href="https://nodejs.org/en/download/">nodejs</a></code>
+
+  To preview and run the project on your device:
+  1) Open project folder in <a href="https://code.visualstudio.com/download">Visual Studio Code</a>
+  2) In the terminal, run `npm install`
+  3) Run `npm start` to view project in browser
+
diff --git a/about-us.css b/about-us.css
@@ -0,0 +1,59 @@
+.left-arrow {
+  cursor: pointer;
+  border: 0;
+  padding: 0;
+  background-color: transparent;
+  position: relative;
+  width: 96px;
+  height: 96px;
+  background-image: url(./public/leftarrow@3x.png);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: top;
+}
+.about-us3 {
+  position: relative;
+  font-size: var(--font-size-29xl);
+  color: var(--color-darkolivegreen-200);
+}
+.text4 {
+  align-self: stretch;
+  position: relative;
+  font-weight: 500;
+  transform: rotate(0.02deg);
+  transform-origin: 0 0;
+}
+.text-wrapper {
+  width: 2065px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.the-khetmart-website {
+  margin: 0;
+}
+.the-khetmart-website-container {
+  align-self: stretch;
+  position: relative;
+  font-weight: 500;
+  white-space: pre-wrap;
+  transform: rotate(0.02deg);
+  transform-origin: 0 0;
+}
+.about-us2 {
+  position: relative;
+  background-color: var(--color-white);
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 50px 30px;
+  box-sizing: border-box;
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  font-size: var(--font-size-17xl);
+  color: var(--color-olivedrab);
+  font-family: var(--font-inter);
+}
diff --git a/about-us.html b/about-us.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <link rel="stylesheet" href="./global.css" />
+    <link rel="stylesheet" href="./about-us.css" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Dangrek:wght@400&display=swap"
+    />
+  </head>
+  <body>
+    <div class="about-us2">
+      <button class="left-arrow" id="leftArrow"></button>
+      <b class="about-us3">About us</b>
+      <div class="text-wrapper">
+        <div class="text4"></div>
+      </div>
+      <div class="the-khetmart-website-container">
+        <p class="the-khetmart-website">
+          The Khetmart website, from farm to table means a direct relationship
+          between the farmer and the consumer or corporation.
+        </p>
+        <p class="the-khetmart-website">
+          This website provides farmers with an online presence, making it
+          easier for potential customers, suppliers, and partners to find them.
+          This visibility can lead to increased inquiries.
+        </p>
+        <p class="the-khetmart-website">
+          Farmers can use this website to showcase their products, services, and
+          farming practices. This acts as a powerful marketing tool, helping
+          attract customers and increase sales.
+        </p>
+        <p class="the-khetmart-website">
+          We also provide quality checked products from trusted and assured
+          farmers.
+        </p>
+        <p class="the-khetmart-website">
+          With an e-commerce feature on the website, farmers can sell their
+          produce directly to consumers, cutting out middlemen and potentially
+          earning higher profits. Restaurants and other hotels can approach this
+          website to make bulk orders. We only provide bulk orders.
+        </p>
+        <p class="the-khetmart-website">
+          This website allows farmers to reach customers beyond their local
+          area. This opens up new market opportunities and customer bases.
+        </p>
+        <p class="the-khetmart-website">
+          This website provide different government schemes for farmers and
+          information about modern technologies for farmers to upskill their
+          agriculture methods.
+        </p>
+        <p class="the-khetmart-website">&nbsp;</p>
+        <p class="the-khetmart-website">&nbsp;</p>
+        <p class="the-khetmart-website">&nbsp;</p>
+      </div>
+    </div>
+
+    <script>
+      var leftArrow = document.getElementById("leftArrow");
+      if (leftArrow) {
+        leftArrow.addEventListener("click", function (e) {
+          window.location.href = "/";
+        });
+      }
+      </script>
+  </body>
+</html>
diff --git a/account-circle.css b/account-circle.css
@@ -0,0 +1,18 @@
+.vector-icon66 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  max-width: 100%;
+  overflow: hidden;
+  max-height: 100%;
+}
+.account-circle {
+  position: relative;
+  width: 100%;
+  height: 96px;
+  overflow: hidden;
+}
diff --git a/account-circle.html b/account-circle.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <link rel="stylesheet" href="./global.css" />
+    <link rel="stylesheet" href="./account-circle.css" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Dangrek:wght@400&display=swap"
+    />
+  </head>
+  <body>
+    <div class="account-circle">
+      <img
+        class="vector-icon66"
+        alt=""
+        src="./public/keyboard-arrow-down.svg"
+      />
+    </div>
+  </body>
+</html>