Create a web page interface for a photo editing application.
Here is a basic design for a web page interface for a photo editing application:

<!DOCTYPE html>
<html>
<head>
  <title>Photo Editing Application</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }
    #header {
      background-color: #333;
      color: white;
      padding: 20px;
    }
    #header h1 {
      margin: 0;
    }
    #main {
      margin: 20px;
    }
    #image-preview {
      width: 100%;
      max-width: 500px;
      border: 1px solid #ccc;
      margin: 0 auto;
      display: block;
    }
    #tools {
      margin-top: 20px;
      text-align: center;
    }
    button {
      padding: 10px 20px;
      margin: 0 10px;
    }
  </style>
</head>
<body>
  <div id="header">
    <h1>Photo Editing Application</h1>
  </div>
  <div id="main">
    <img id="image-preview" src="your-image.jpg" alt="Image Preview">
    <div id="tools">
      <button>Brightness</button>
      <button>Contrast</button>
      <button>Hue</button>
      <button>Saturation</button>
      <button>Sharpen</button>
      <button>Blur</button>
    </div>
  </div>
</body>
</html>

This interface provides a simple and clean design with a header that displays the title of the application. The main section of the page displays the image preview and a set of editing tools, including buttons for adjusting the brightness, contrast, hue, saturation, sharpening, and blurring of the image. Users can click on these buttons to apply the desired edits to their image.
Below is an instruction that describes a task, write a response that appropriately completes the request.

### Instruction:
Create a web page interface for a photo editing application.

### Response:
Here is a basic design for a web page interface for a photo editing application:

<!DOCTYPE html>
<html>
<head>
  <title>Photo Editing Application</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }
    #header {
      background-color: #333;
      color: white;
      padding: 20px;
    }
    #header h1 {
      margin: 0;
    }
    #main {
      margin: 20px;
    }
    #image-preview {
      width: 100%;
      max-width: 500px;
      border: 1px solid #ccc;
      margin: 0 auto;
      display: block;
    }
    #tools {
      margin-top: 20px;
      text-align: center;
    }
    button {
      padding: 10px 20px;
      margin: 0 10px;
    }
  </style>
</head>
<body>
  <div id="header">
    <h1>Photo Editing Application</h1>
  </div>
  <div id="main">
    <img id="image-preview" src="your-image.jpg" alt="Image Preview">
    <div id="tools">
      <button>Brightness</button>
      <button>Contrast</button>
      <button>Hue</button>
      <button>Saturation</button>
      <button>Sharpen</button>
      <button>Blur</button>
    </div>
  </div>
</body>
</html>

This interface provides a simple and clean design with a header that displays the title of the application. The main section of the page displays the image preview and a set of editing tools, including buttons for adjusting the brightness, contrast, hue, saturation, sharpening, and blurring of the image. Users can click on these buttons to apply the desired edits to their image.