knife-website/process.html at master · cornbread22/knife-website · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Neil's Knives - Our Process</title>
    <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=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap"
      rel="stylesheet"
    />
  </head>
  <body style="background-color: black;">
    <header>
      <nav class="navbar">
        <div class="nav-left">
          <span class="nav-text">Neil's Knives</span>
        </div>
        <button id="menu-toggle" class="menu-toggle" aria-label="Toggle navigation menu">☰</button>
        <div class="nav-right">
          <a href="index.html" class="navbutton">Home</a>
          <a href="shopPage.html" class="navbutton">Get Yours</a>
          <a href="process.html" class="navbutton">Our Process</a>
          <a href="aboutUs.html" class="navbutton">About Us</a>
        </div>
      </nav>
    </header>

    <main style="color: white;">
      <section class="process-intro">
        <h1 style="font-size: 50px;">Our Craftsmanship Process</h1>
        <p class="paragraph">
          At Neil's Knives, each knife is crafted with care and precision. We follow a meticulous process to ensure every blade is of the highest quality. Here's a glimpse into the steps that make our knives stand out.
        </p>
      </section>

      <section class="process-steps">
        <h2>Selecting Antlers</h2>
        <p class="paragraph">
          Our process begins with the selection of high-quality deer antlers. We carefully choose the antlers for their strength and beauty before cutting them into the perfect size for the handles.
        </p >
        <img src="./images/knife pic 2.jpg" alt="Selecting and cutting deer antlers" class="process-image" style="width: 100%; max-width: 400px; height: auto;" loading="lazy" />
      </section>

      <section class="process-steps">
        <h2>Blade Treatment</h2>
        <p class="paragraph">
          We can treat our blades using either acid etching or stonewashing techniques. These methods help create a unique, durable finish that enhances the blade's look and functionality.
        </p>
        <img src="./images/carbonblackened.jpg" alt="Blade treatment - Acid Etched" class="process-image" style="width: 100%; max-width: 400px; height: auto;" loading="lazy" />
        <img src="./images/carbonstonewashed.jpg" alt="Blade treatment - Stonewashed" class="process-image" style="width: 100%; max-width: 400px; height: auto;" loading="lazy" />
      </section>

      <section class="process-steps">
        <h2>Shaping and Refining the Handles</h2>
        <p class="paragraph">
          Once the antlers are prepared, we shape and refine the handles to ensure they fit comfortably in the hand. This is done with great attention to detail to guarantee both aesthetic appeal and functionality.
        </p>
        <video src="./VID_20250320_200413.mp4" controls class="process-image" style="width: 100%; max-width: 400px; height: auto;"></video>
      </section>

      <section class="process-steps">
        <h2>Attaching Handles to Blades</h2>
        <p class="paragraph">Finally, the handles are fixed to the blades using high-strength epoxy. This knife won't break on you. Guaranteed or your money back.</p>
        <img src="./images/knife-pic-4.png" alt="Attaching handles to blades" class="process-image" style="width: 100%; max-width: 400px; height: auto;" loading="lazy" />
      </section>
    </main>

    <footer>
      <p class="footerTitle">Neil's Knives</p>
      <p class="footerText">
        <a href="contact.html">Contact</a>
        <a href="aboutUs.html">About</a>
        <a href="shopPage.html">Buy Now</a>
      </p>
    </footer>

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