HTMLify

main_desktop.dart
Views: 15 | Author: cody
import 'package:flutter/material.dart';
import 'package:my_portfolio/constants/colors.dart';
import 'package:my_portfolio/widgets/custom_button.dart';

class MainDesktop extends StatelessWidget {
  const MainDesktop({super.key});
  @override
  Widget build(BuildContext context) {
    final screenSize = MediaQuery.of(context).size;
    final screenWidth = screenSize.width;
    final screenHeight = screenSize.height;
    return Container(
      margin: EdgeInsets.symmetric(horizontal: 20.0),
      height: screenHeight / 1.2,
      constraints: BoxConstraints(minHeight: 350.0),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // intro message
              Text(
                "Hi,\nI'm Rohit Kumar\nA Flutter Developer",
                style: TextStyle(
                  fontSize: 30.0,
                  height: 1.5,
                  fontWeight: FontWeight.bold,
                  color: CustomColor.whitePrimary,
                ),
              ),
              const SizedBox(height: 15),
              // contact btn
              SizedBox(
                width: 250,
                height: 40,
                child: CustomButton(
                  text: "Get In Touch",
                  onPressed: (){},
                ),
              ),
            ],
          ),
          Image.asset("assets/my_flutter_avatar.png", width: screenWidth / 2),
        ],
      ),
    );
  }
}

Comments