cheese/about.html at main · TheOrangeCow/cheese · 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
<!-- Follow the in-page instructions to change this file -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--Change this to what you whant (This dissplys at tab)-->
    <title>Cheese Factory | About</title>
    <!--Add a disscription this is what appers on the google page-->
    <meta name="description"
        content="Discover Cheese Factory’s handmade artisan cheeses, new seasonal flavors, and gift boxes. Freshly crafted and delivered to your door.">
    <meta name="keywords"
        content="Cheese Factory, artisan cheese, seasonal cheese, buy cheese online, British cheese, handmade dairy products">
    <!--This link links to your home page (yourbissness.github.io)-->
    <link rel="canonical" href="https://theorangecow.github.io/cheese/">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="https://theorangecow.github.io/cheese/images/logo/logo.ico">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>

<body>
    <header>
        <!--The title at the top of the page-->
        <h1>Cheese Factory</h1>
    </header>

    <nav>
        <!--This is the nav bar if you change something here you have to change it in every file-->
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="products.html">Products</a>
        <a href="contact.html">Contact</a>
        <a href="basket.html">Basket</a>
    </nav>

    <div class="container">
        <h2>About</h2>
        <h3>Our Story</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem
            placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar
            vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc
            posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra
            inceptos himenaeos.</p>
        <div class="text-image">
            <!--Change this by uploding an imge in the exact same place and call it the same thing then remove the origne imige-->
            <img src="https://theorangecow.github.io/cheese/images/profile-pic.png" alt="Charlie Smith, founder of Cheese Factory">
            <div class="text">
                <h3>Charlie Smith</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque
                    sem
                    placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.
                    Pulvinar
                    vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer
                    nunc
                    posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra
                    inceptos himenaeos.</p>
            </div>
        </div>
    </div>

    <footer>
        <!--Change this to your company (You have to change this one every page)-->
        <p>&copy; 2025 Cheese Factory. All rights reserved.</p>
        <p>Made with love in the UK | <a href="contact.html">Contact Us</a></p>
        <div class="social-links">
            <!--Add your link were the _blank  (/@bob for tiktok) -->
            <a href="https://facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
            <a href="https://instagram.com" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
            <a href="https://x.com" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
            <a href="https://tiktok.com" target="_blank" aria-label="TikTok"><i class="fab fa-tiktok"></i></a>
        </div>
    </footer>
    <script src="script.js"></script>
</body>

</html>