Furrow - Agriculture Crowdfunding HTML Template

Furrow is a complete front end for agriculture crowdfunding, farm finance and agritech platforms. It is built around one idea that runs through every page: one plot, one grower, one season. Investors fund the working costs of a single named field, the crop goes to a buyer contracted before the listing opened, and the season closes with a payout. The template covers both halves of that business - a public site that explains and sells the model, and a private dashboard where an investor manages their money.

Thirty-six pages ship in total, hand-coded in plain HTML, CSS and JavaScript. There is no build step, no framework and no npm install: open a file, edit it, upload it. The design pairs Bricolage Grotesque display headlines with Instrument Sans for body and interface text and a Caveat signature accent, over a deep field-green palette driven entirely by CSS variables, so re-theming the whole template is a single block of edits.

Public Site - 19 Pages

Home with a live plot slider, a track-record strip and an interactive return calculator; About with a timeline and team; Open Plots with stage and region filters plus grid and list views; Plot Detail with the offtake terms, grower profile, field reports and a sticky invest panel; Track Record; Closed Seasons; Blog with topic filtering; Blog Post; Contact with a validated form and office directory; Sign In, Sign Up, Forgot Password and Reset Password; Terms, Privacy, Cookies, Risk Statement and Complaints; and a 404 page.

Investor Dashboard - 17 Pages

Dashboard Overview with balance, portfolio split and payout timeline; My Plots; Plot Position; Invest; Watchlist; Transactions; Deposit; Withdraw; Payment Methods; Field Reports; Statements and Tax; Support Tickets; Ticket Detail; Profile; Security with two-factor screens; Identity Verification; and Notifications. Every page shares one sidebar, one top bar with a wallet panel, and one set of components.

Built to Be Edited

The stylesheet is a single commented file with a numbered table of contents at the top, so you can find the header, the plot cards or the footer without hunting. Colours, fonts, radii and spacing are CSS custom properties in one :root block. Many screens carry a small preview switcher that lets you see their empty, pending and success states in the browser without touching the code - useful when you are wiring the template to a real backend.

Credits

Bootstrap 5.3.3, Remix Icon (subset web font), Flaticon flat icons, Google Fonts (Bricolage Grotesque, Instrument Sans, Caveat). No jQuery and no other JavaScript dependency.

Note

All photographs are used for preview purposes only and are NOT included in the download package - they are replaced with neutral placeholders at the correct dimensions, so every layout stays intact until you drop in your own pictures. Logos, icons, fonts and brand artwork are included. Icon and font files load locally; the only external requests are Google Fonts.

Features

• 36 hand-coded HTML pages - 19 public + 17 dashboard
• A complete investor dashboard, not just a marketing site
• Bootstrap 5.3.3 with a 1350px container and a tuned breakpoint ladder
• No build tools, no framework, no npm - pure HTML, CSS and JavaScript
• No jQuery dependency
• CSS-variable design tokens - re-theme the whole template from one block
• Fully responsive, checked on every page from 360px to 1920px
• Semantic, SEO-friendly markup with a correct heading outline
• Accessibility built in - keyboard focus states, ARIA labels, skip link, 24px+ tap targets
• prefers-reduced-motion support for motion-sensitive visitors
• Zero console errors on every page
• Remix Icon subset web font - only the glyphs used, under 4 KB
• Interactive state previews - see empty, pending and success screens in the browser
• Live return calculator with fee breakdown and insured-downside figure
• Amount fields with balance checks, shortfall warnings and live totals
• Filterable plot listings with grid and list views
• Toast notifications, custom select menus, OTP inputs and two-factor screens
• Contact and auth forms with live front-end validation and success states
• Blog layout with topic filtering and a full article page
• Cookie consent banner with per-category preferences
• Legal pack included - terms, privacy, cookies, risk statement, complaints
• Cross-browser - Chrome, Firefox, Safari and Edge
• Well-commented code with a numbered CSS table of contents
• Documentation folder included

Requirements

• Any modern browser - Chrome, Firefox, Safari or Edge
• A code editor to customise the HTML, CSS and JavaScript
• Any web server or hosting able to serve static files - the pages are plain HTML
• No PHP, database, Node or build tooling required
• An internet connection for Google Fonts, or host the font files locally instead
• A backend or form service of your own if you want the contact, sign-up and payment forms to submit - they validate in the browser but do not post anywhere

Instructions

1. Unzip the download and open the furrow folder.
2. Open index.html in a browser to preview the public site, or dashboard.html to preview the investor dashboard. No server is needed.
3. Edit the page content directly in the HTML files - every page is self-contained and readable.
4. Change brand colours, fonts, radii and spacing in the :root block at the top of assets/css/style.css. The numbered table of contents above it maps each section of the file.
5. Replace the placeholder images in assets/img with your own, keeping the same file names and aspect ratios so the layouts stay intact.
6. Connect the contact, sign-up and payment forms to your own backend or form service - they currently validate in the browser and show a success state without posting.
7. Upload the files to any hosting. Full details, a page map and customisation notes are in the included Documentation folder.