This is a Flutter Web contact section that I created to be embedded as an iframe in my existing portfolio website. It provides a clean, responsive contact form for visitors to get in touch.
- Responsive design that works on all devices
- Clean, modern UI with Material Design components
- Form validation for email and required fields
- Easy integration via iframe embedding
- Lightweight and fast loading
To run this project locally:
# Clone the repository
git clone https://github.com/znissou/portfolio_contact.git
# Navigate to the project directory
cd portfolio_contact
# Get dependencies
flutter pub get
# Run the app
flutter run -d chromeThis contact section is designed to be embedded in your existing portfolio website using an iframe:
<iframe src="https://your-domain.com/contact" width="100%" height="600px" frameborder="0"></iframe>- Flutter Web - For cross-platform web development
- Dart - Programming language
- Material Design - UI components and styling
- URL Launcher - For handling external links
- HTTP - For form submission
lib/
βββ main.dart # Entry point
βββ constants.dart # App constants and themes
βββ views/ # UI components
β βββ home_screen.dart
β βββ contact_section/
β βββ contact_section.dart
β βββ components/
βββ models/ # Data models
The project is ready to be deployed as a standalone web app or embedded in your existing portfolio.