P02-Company/about.html at master · Fangljf/P02-Company · 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
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=0.5">
    <title>About</title>
    <link href="css/about.css" rel="stylesheet">
  </head>

  <body>
    <header>
      <div class="container-nav">
        <div class="logo">
          <a href="home.html"><img id="logoimage" src="images/branding/logo.png" alt="logo"></a>
        </div>
        <nav id="navigation-normal">
          <ul>
            <li><a href="home.html">Home</a ></li>
            <li><a href="shop.html">Shop</a ></li>
            <li ><a href="about.html">About<div class="triangle"></div></a >
              <ul class="secondary-style">
                <li><a href="about.html">About Us</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </li>
            <li><a href="cart.html">Cart</a ></li>
          </ul>
        </nav>
        <nav id="navigation-hamburger">
          <div id="menuToggle">
            <input type="checkbox" id="checkbox-hamburger">
            <span></span>
            <span></span>
            <span></span>
            <ul id="menu">
                <li ><a href="home.html">Home</a ></li>
                <li id="hamburger-style-1"><a href="shop.html">Shop</a ></li>
                <li id="hamburger-style-2"><a href="about.html">About Us</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="contact.html">Contact Us</a></li>
                <li id="hamburger-style-3"><a href="cart.html">Cart</a ></li>
            </ul>
          </div>
        </nav>
      </div>
    </header>

    <!-- learning: https://blog.csdn.net/weixin_43230812/article/details/123371827, https://blog.csdn.net/qq_20417227/article/details/52266686 -->

    <div class="container-content" >

      <div class="title">
        <h1>About Us</h1>
        <!-- <p>25 Products</p> -->
      </div>

      <div>
        <section class="description">
          <!-- <h3>Handmade Pottery Mugs</h3> -->
          <h3>Handcrafted Ceramic Art by Inclusive Burnaby Artists</h3>
          <p>We are a passionate and creative group of ceramic artists based in Burnaby, British Columbia. Our goal is to co-design and handcraft a unique collection of high-quality ceramic pieces, including mugs, glasses and a variety of other functional and decorative items. Our group is dedicated to providing a welcoming and inclusive environment, where artists of all levels can learn, collaborate and grow together. </p>
          <h3>Join Our Creative Community at Regular Events and Workshops</h3>
          <p>To stay connected with us, be sure to attend one of our regular events, where you can meet other artists, learn new techniques and see our latest creations in person. We are always looking for new members to join us on this exciting journey, so don't hesitate to get in touch and become a part of our creative community! </p>
        </section>
      </div>

      <div class="user_images">
        <img id="user1" src="images/branding/user1.png" alt="Young man making pottery">
        <img id="user2" src="images/branding/user2.png" alt="Young lady making pottery">
      </div>

    </div>


    <footer>
      <div class="footer-container">
        <div class="links-container">
         <a href="styleguide.html" class="in-text-link">Style Guide</a>
         <a href="styleguide.html#citations" class="in-text-link">Citation</a>
         <a href="https://github.com/Fangljf/P02-Company.git" class="in-text-link">Git Repository</a>
        </div>
        <p>© 2023 Fang Ceramics.</p>
      </div>
    </footer>


  </body>
</html>