Cow to Create a simple and nice looking form using Html and Css

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Simple Form</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            background-color: #f4f4f4;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100vh;

            margin: 0;

        }

        .form-container {

            background: white;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

            width: 300px;

        }

        .form-container h2 {

            text-align: center;

            margin-bottom: 20px;

        }

        .form-group {

            margin-bottom: 15px;

        }

        .form-group label {

            display: block;

            margin-bottom: 5px;

        }

        .form-group input, .form-group textarea {

            width: 100%;

            padding: 8px;

            border: 1px solid #ccc;

            border-radius: 5px;

        }

        .form-group textarea {

            resize: vertical;

        }

        .submit-btn {

            width: 100%;

            padding: 10px;

            border: none;

            background: #28a745;

            color: white;

            font-size: 16px;

            border-radius: 5px;

            cursor: pointer;

            transition: background 0.3s;

        }

        .submit-btn:hover {

            background: #218838;

        }

    </style>

</head>

<body>

    <div class="form-container">

        <h2>Contact Us</h2>

        <form>

            <div class="form-group">

                <label for="name">Name</label>

                <input type="text" id="name" name="name" required>

            </div>

            <div class="form-group">

                <label for="email">Email</label>

                <input type="email" id="email" name="email" required>

            </div>

            <div class="form-group">

                <label for="password">Password</label>

                <input type="password" id="password" name="password" required>

            </div>

            <div class="form-group">

                <label for="message">Message</label>

                <textarea id="message" name="message" rows="4" required></textarea>

            </div>

            <button type="submit" class="submit-btn">Submit</button>

        </form>

    </div>

</body>

</html>


Comments

Post a Comment

Popular posts from this blog

Technology and Digital Trends

 Exploring the Latest Technology and Digital Trends in 2025 The pace of technological innovation is not slowing down in 2025, with breakthroughs in artificial intelligence (AI), digital tools, and smart devices continuing to reshape our daily lives. Let's dive into the key trends defining the tech landscape this year. 1. The Rise of Artificial Intelligence Tools AI continues to lead the digital frontier through tools like Gemini and Remaker AI, captivating the interest of the public as well as the professional world. Gemini, developed by a leading tech giant, has revolutionized business interaction with data by providing real-time insights and predictive analytics. Meanwhile, Remaker AI changes the creative landscape, offering video editing features empowered by machine learning, which allows creators to transform their work with unprecedented precision. The applications of AI are not limited to businesses. Educational institutions are leveraging AI for personalized learning experi...
Read more

Qwen AI: Alibaba’s Cutting-Edge Language Model

 Qwen AI: Alibaba’s Cutting-Edge Language Model In the race for artificial intelligence supremacy, Alibaba has made a significant impact with its Qwen (Qwen) series of large language models (LLMs). Since its launch, Qwen has emerged as a powerful AI model, positioning itself as a key player in the competitive world of generative AI. What is Qwen AI? Qwen is Alibaba’s proprietary AI language model, designed for natural language processing (NLP), reasoning, and multimodal tasks. It is part of Tongyi Qianwen , Alibaba’s broader AI ecosystem, and has evolved rapidly to compete with global AI leaders like OpenAI’s GPT-4, Google’s Gemini, and Meta’s Llama. Alibaba has consistently improved Qwen’s capabilities, making it one of the most advanced open-source AI models available today. The Latest Release: Qwen 2.5-Max Alibaba recently launched Qwen 2.5-Max , an upgraded version of its AI model, claiming it surpasses OpenAI’s GPT-4 , DeepSeek-V3, and Meta’s Llama-3.1-405B in multiple bench...
Read more

What Are AI Agents?

  What Are AI Agents? AI agents are intelligent systems designed to operate independently within a given environment. Unlike traditional software programs, which require specific instructions for every action, AI agents can analyze data, adapt to new scenarios, and make decisions autonomously. These agents leverage machine learning, natural language processing (NLP), and deep learning to improve their performance over time. Industries Being Disrupted by AI Agents 1. Customer Service & Chatbots AI-powered virtual assistants and chatbots have significantly improved customer service by providing 24/7 support, answering queries, and resolving issues without human intervention. Advanced models like ChatGPT and Google's Bard are making interactions more natural and efficient. 2. Healthcare AI agents in healthcare are revolutionizing diagnostics, patient monitoring, and drug discovery. Systems like IBM Watson and DeepMind’s AlphaFold are aiding doctors by analyzing vast amounts of med...
Read more