generate a landing page with hero section with a black to grey gradient background. In the hero section add a form aligned to right. In the form add input for email, phone and a submit button.

<!DOCTYPE html>
<html>
<head>
  <title>Landing page</title>
  <style type="text/css">
    body {
      font-family: Arial, sans-serif;
    }
    .hero {
      background: linear-gradient(black,grey);
    }
    .form {
      display: flex;
      justify-content: flex-end;
    }
    .form input[type="email"] {
      width: 18rem;
      padding: 0.5rem;
      margin: 0.5rem;
    }
    .form input[type="tel"] {
      width: 10rem;
      padding: 0.5rem;
      margin: 0.5rem;
    }
    .form input[type="submit"] {
      margin-left: 0.5rem;
    }
  </style>
</head>
<body>
  <section class="hero">
    <div class="form">
      <form>
        <input type="email"

Generate More

Experience Our AI Studio

Access all features through one powerful interface — lightning-fast, incredibly intuitive, and designed for productivity.

Smart workflows

Real-time collaboration

Customizable workspace

One-click exports

Launch Studio

Feature Preview

Generate

More than just a code generator. A tool that helps you with a wide range of tasks. All in one place.

Function from Description: Generate a function just by describing what is needs to do. Choose of many programming languages.
Text Description to SQL Command: Create a SQL command from a description.
Translate Languages: Translate code to any programming language.
Generate HTML from Description: Generate small HTML from Description.
Code to Explanation: Any code explained in plain english.
Fix invalid Code: To spot a missing character somewhere can be frustrating. This feature will help you to fix it.
Get Test for Code: This feature will help you to create tests for your code.
Class from Description: Generate a class just by describing what is needs to do. Choose of many programming languages.
Regex from Description: Create a regex from a description like "check for email".
Regex to Explanation: Create a plain english explanation from a regex.
Git Command from Description: Find the Git Command you are looking for from a description.
Linux Command: Get the linux command from a description.
Function from Docstring: Provide a docstring to generate the actual function.
Add typing to code: This feature will help you to add typing to your code.
Get Language from Code: Get the programming language from a code.
Time complexity: Get time complexity.
CSS from Description: Generate CSS from Description.
Meta Tags from Description: Generate Meta Tags from a Description.

Want to kickstart your project?Use the new AI Studio to create your code

Get chatting now