flower-article / index.html
index.html
Raw
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--the favicon-->
    <link rel="shortcut icon" href="media/LilyOfTheValley.png" />
    <!--Google fonts-->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Delius&family=Sacramento&display=swap"
      rel="stylesheet" />
    <title>Lily of the valley landing page</title>
    <link href="flower-styling.CSS" rel="stylesheet" type="text/css" />
  </head>
  <body class="body">
    <div class="fence">
      <h1>Lily of the valley</h1>
      <h2>My favorite flower of all time</h2>
      <hr />
      <a
        target="_blank"
        href="https://www.gardenexpress.com.au/growing-guide/lily-of-the-valley-growing-guide/">
        <img
          class="firstF"
          src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/061/255/original/anna-CMSfGf7pdPc-unsplash.jpg?1672709689"
          alt="flower in the wild" />
      </a>

      <div class="flowers">
        <img
          src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/061/258/original/yoksel-zok-FXubtvkCtss-unsplash.jpg?1672709982"
          alt="single flower" />
        <img
          src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/061/344/original/julia-kicova-XT-lTU7UIiM-unsplash4.jpg?1672798281"
          alt="flower in vase" />
        <img
          src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/061/340/original/lilly_pink.jpg?1672794771"
          alt="pink flower" />
        <img
          src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/061/254/original/outi-marjaana-ow_LT2aj-Q8-unsplash.jpg?1672709348"
          alt="lily of the valley and roses" />
      </div>
      <hr />
      <p>
        Lily of the valley, sometimes written lily-of-the-valley, is a woodland
        flowering plant with sweetly scented, pendent, bell-shaped white flowers
        borne in sprays in spring. It is native throughout the cool temperate
        Northern Hemisphere in Asia and Europe. Lily-of-the-valley symbolises
        good luck and happiness.
      </p>
      <button
        onclick="window.open('https://www.gardenexpress.com.au/search-results/keyword/lily+of+the+valley/search-in/product/cat-in/all/search-other/product,p_cat,p_sku')">
        Buy here 🌷
      </button>

      <button id="themebutton" class="changetheme">Change Theme</button>
      <footer>
        Coded by Brooklin Wai -
        <a class="gitLink" href="https://github.com/Brook309/flower-article.git"
          >View Source Code</a
        >
      </footer>
    </div>
    <script src="flower-page.js"></script>
  </body>
</html>