wordclone/shop.html at main · scorchinghot/wordclone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>lorem ipsum</title>
  <link rel="stylesheet" href="css/style.css" />
  <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
</head>
<body style="p {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', sans-serif;
}">
  <header>
    <div class="container header-container">
      <a href="index.html">
      <img src="assets/logos/nav logo.png" alt="Capt Loui Logo" class="logo" />
      </a>
      <nav>
        <ul class="nav-links">
          <li><a href="locations.html">LOCATIONS</a></li>
          <li><a href="nmenu.html">MENU</a></li>
          <li><a href="about.html">ABOUT US</a></li>
          <li><a href="franchise.html">FRANCHISE</a></li>
          <li><a href="shop.html">SHOP</a></li>
          <li><a href="contact.html">CONTACT US</a></li>
        </ul>
        <button class="menu-toggle" id="menu-toggle">
          <span></span><span></span><span></span>
        </button>
      </nav>
    </div>
    <ul class="mobile-menu" id="mobile-menu">
      <li><a href="locations.html">LOCATIONS</a></li>
      <li><a href="nmenu.html">MENU</a></li>
      <li><a href="about.html">ABOUT US</a></li>
      <li><a href="franchise.html">FRANCHISE</a></li>
      <li><a href="shop.html">SHOP</a></li>
      <li><a href="contact.html">CONTACT US</a></li>
    </ul>
  </header>

  <section class="cajun-seasoning-section">
    <h1 class="cajun-title">CAJUN SEASONING</h1>

    <div class="cajun-content container">
        <div class="cajun-img">
        <img src="assets/logos/logo.png" alt="Cajun Seasoning" />
        </div>

        <div class="cajun-text">
        <img class="logo-placeholder" src="assets/images/shop/logo.png" alt="Logo" />
        <h2 class="signature-title">Our Signature</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <a href="#"><button class="order-btn">ORDER NOW</button></a>
        </div>
    </div>
  </section>

  <section class="product-info-section">
    <h2 class="product-info-title">PRODUCT INFORMATION</h2>

    <div class="product-images container">
        <img src="assets/logos/logo.png" alt="Product 1" />
        <img src="assets/logos/logo.png" alt="Product 2" />
        <img src="assets/logos/logo.png" alt="Product 3" />
    </div>
  </section>


  <footer>
    <div class="container">
      <img src="assets/logos/footer logo.png" alt="Capt Loui Logo" class="footer-logo" />
      <ul class="footer-nav">
        <li><a href="locations.html">LOCATIONS</a></li>
        <li><a href="nmenu.html">MENU</a></li>
        <li><a href="about.html">ABOUT US</a></li>
        <li><a href="franchise.html">FRANCHISE</a></li>
        <li><a href="shop.html">SHOP</a></li>
        <li><a href="contact.html">CONTACT US</a></li>
      </ul>
      <p>&copy; lorem lorem lorem</p>
      <div class="social-icons">
        <a href="#"><img src="assets/logos/facebook.png" alt="Facebook Icon" /></a>
        <a href="#"><img src="assets/logos/insta.png" alt="Instagram Icon" /></a>
      </div>
    </div>
  </footer>

  <script src="js/script.js"></script>
</body>
</html>