Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Essays and Portfolio</title>
    <style>
      /* Add your CSS styling here */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        perspective: 500px;
      }
      
      header {
        background-color: #333;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
      }
      
      .logo {
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
      }
      
      .main-content {
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
      }
      
      .essay-item {
        background-color: #f2f2f2;
        padding: 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: calc(33.33% - 20px);
        height: 300px;
        margin: 10px;
        transform-style: preserve-3d;
        transition: transform 0.3s ease-in-out;
      }
      
      .essay-item:hover {
        transform: rotateX(30deg) rotateY(30deg);
      }
      
      footer {
        background-color: #333;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <header>
      <div class="logo">My Essays and Portfolio</div>
      <nav>
        <!-- Add your navigation links here -->
        <a href="#essays">Essays</a>
        <a href="#portfolio">Portfolio</a>
        <a href="#about">About</a>
        <a href="#contact">Contact</a>
      </nav>
    </header>
    <main class="main-content">
      <!-- Add your main content here -->
      <h1 id="essays">My Essays</h1>
      <div class="essay-item">
        <h2>Essay 1: The Importance of Education</h2>
        <p>This is a sample essay about the importance of education...</p>
      </div>
      <div class="essay-item">
        <h2>Essay 2: The Benefits of Exercise</h2>
        <p>This is a sample essay about the benefits of exercise...</p>
      </div>
      <div class="essay-item">
        <h2>Essay 3: The Benefits of a Positive Mindset</h2>
        <p>This is a sample essay about the benefits of a positive mindset
Editor is loading...