contracts.html

PHOTO EMBED

Tue Mar 04 2025 11:10:27 GMT+0000 (Coordinated Universal Time)

Saved by @202201769 

	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contracts</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <h1 class="text-3xl mb-4">Contract Me</h1>
        
        <form class="bg-gray-800 p-6 rounded">
            <label for="name" class="block mb-2 text-white">Your Name</label>
            <input type="text" id="name" name="name" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Name">
            
            <label for="email" class="block mb-2 text-white">Email Address</label>
            <input type="email" id="email" name="email" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Email">
            
            <label for="subject" class="block mb-2 text-white">Phone Number</label>
            <input type="text" id="subject" name="subject" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Subject">
            
            <label for="message" class="block mb-2 text-white">Message</label>
            <textarea id="message" name="message" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Your message here..."></textarea>
            
            <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Submit</button>
        </form>
    </main>
</body>
</html>
content_copyCOPY