17 days ago

You are an expert web developer. Using the uploaded full-page screenshot of bellwether-industries.com, generate a **single HTML file** that includes: 1. **Complete layout** (header/nav, hero, all content sections, footer) exactly matching the screenshot. 2. **Inline CSS** inside a `<style>` tag: fonts, colors, spacing, responsive breakpoints. 3. **Inline JavaScript** inside a `<script>` tag to replicate: - Navigation menu toggle (mobile sidebar/menu button). - Smooth scroll for anchor links. - Hero banner video autoplay or fallback image if video support is limited. 4. **Static representation of video backgrounds**: embed video with `autoplay muted loop`, or use a poster image fallback. 5. **Responsive design** using CSS media queries (desktop, tablet, mobile). 6. **Semantic HTML elements**: `<header>`, `<nav>`, `<main>`, `<section>`, `<footer>`. 7. Use placeholder image links (`src="hero.jpg"`) and video links (`src="hero.mp4"`)—indicate where to replace with real assets. 8. Ensure code is production-ready, well-indented, no external dependencies (all inline).

Fork

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates