Website/wbgcode.html

<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lakes' Web Garden Plant</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="icon" href="favicon.png">
    <link rel="stylesheet" href="XP.css">

  </head>
  <body>
    
         
        
<article class="window" style="width: 250px">
  <article class="title-bar">
    <article class="title-bar-text">Wanna Go Back Home?</article>
        <article class="title-bar-controls">
      <button aria-label="Minimize"></button>
      <button aria-label="Maximize"></button>
      <button aria-label="Close"></button>
    </article>
  </article>
   <article class="window-body">
    <a href="/index.html"><button>Back</button></a>
    
  </article>
  </article>
  <main class="window" style="width: 530px">
    <main class="title-bar">
      <main class="title-bar-text">Web Garden</main>
          <article class="title-bar-controls">
        <button aria-label="Minimize"></button>
        <button aria-label="Maximize"></button>
        <button aria-label="Close"></button>
      </article>
    </main>
     <main class="window-body">
        <iframe src="https://lakestheguy.neocities.org/webgarden.html" height="250px" width="250px" scrolling="no" loading="lazy"></iframe>
        <p>&lt;iframe src="https://lakestheguy.neocities.org/webgarden.html" height="250px" width="250px" scrolling="no" loading="lazy"&gt;&lt;/iframe&gt;</p>
      
     </main>
    </main>
  <style>
    body {
      background-image: url('electric-butterfly.jpg');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      }
    
      </style>