confirmation.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Hobby Hub — Forum</title>
  <link rel="stylesheet" href="new.css">
</head>
<body>

  <!-- TOP BAR -->
  <header class="topbar">
    <div class="topbar-inner">
      <!-- Left Logo -->
      <a class="brand" href="#">
        <img src="picture/logo.png" alt="Hobby Hub logo" class="logo-img">
      </a>

      <!-- Center -->
      <form class="search" role="search" aria-label="Site search" onsubmit="event.preventDefault();">
        <input type="search" placeholder="Search" aria-label="Search" />
        <button type="submit" aria-label="Search" class="search-btn">Search</button>
      </form>

       
      <div class="actions">
        <button class="action-btn" aria-label="Account">
          <img src="icon/user_icon.png" alt="Account" class="icon-dark-img">
        </button>
        <button class="action-btn" aria-label="Cart">
          <img src="icon/cart_icon.png" alt="Cart" class="icon-dark-img">
        </button>
      </div>
    </div>
  </header>
      

 <!-- BOTTOM NAV -->
<nav class="nav" aria-label="Main">
  <div class="nav-inner">
    <a href="home.html">HOME</a>
    <a href="forum.html">FORUM</a>
    <a href="blog.html">BLOG</a>
    <a href="productreview.html">PRODUCT REVIEW</a>
  </div>
</nav>
 <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      
      background-color: #ffffff;
      color: #000000;
    }

    h1 {
      font-size: 36px;
      font-weight: bold;
      margin-top: 80px;
      margin-bottom: 20px;
    }

    p {
      font-size: 18px;
      margin-bottom: 30px;
    }

    a[href="#"]:first-of-type {
      display: inline-block;
      padding: 12px 24px;
      background-color: #0a3b78;
      color: #ffffff;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      margin-bottom: 40px;
    }

    a[href="#"]:last-of-type {
      font-size: 14px;
      color: gray;
      text-decoration: underline;
    }
  </style>

<body>
  <h1>THANK YOU!</h1>
  <p>
    We are getting started on your order right away, and you will receive an order confirmation email shortly to <strong>abd@gmaill.com</strong>
  </p>
  <a href="#">VIEW ORDER CONFIRMATION</a>
  <br><br>
  <a href="#">Read about order return policy</a>
</body>
<footer class="site-footer">
  <div class="footer-top">
    <!-- Left branding  -->
    <div class="col brand-col">
      <div class="brand-row">
        <img src="picture/logo.png" alt="Hobby Hub" class="footer-logo">
        <div class="brand-name">Hobby Hub</div>
      </div>
      <p>Hobby Hub has been proudly servicing our dedicated customers all over Melbourne, Australia.</p>
    </div>

    <!-- Mid links  -->
    <div class="col links-col">
      <h4>Quick Links</h4>
      <ul class="footer-list">
        <li>Home</li>
        <li>About Us</li>
        <li>Services</li>
        <li>Contact Us</li>
      </ul>
    </div>

    
    <div class="col contact-col">
      <h4>Contact &amp; Support</h4>
      <p>650 Lonsdale St, Melbourne VIC 3000,<br>Australia</p>
      <p>(+61) 429 482 916</p>
      <p>support@hobbyhub.com</p>
      <p>Mon–Fri: 9AM–5PM</p>
    </div>
  </div>

  <div class="rule"></div>

  <div class="footer-bottom">
    <div class="copy">©2025 HobbyHub. All rights reserved.</div>
    <div class="legal">
      <span>Privacy Policy</span>
      <span>Terms of Service</span>
      <span>Cookie Policy</span>
      <span>Accessibility</span>
    </div>
  </div>
</footer>