Stylian/about.html at main · Sunmence-team/Stylian · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- CSS Link -->
    <!-- <link rel="stylesheet" href="index.css"> -->
    <link rel="stylesheet" href="about.css">

    <!-- Remix icon -->
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css"
      rel="stylesheet"
    />
    <title>Stylian --- Fashion store</title>
</head>
<body>

    <main>
        <!-- Navbar -->
      <nav>
        <div class="brand">
          <a href="index.html">
            <div class="logo">Stylian</div>
          </a>
          <div class="search-bar">
            <i class="ri-search-line"></i>
            <input type="text" placeholder="Search" />
          </div>
        </div>


        <ul class="links">

          <i class="ri-close-fill" id="close"></i>

          <li class="links">
            <a href="index.html">Home</a>
          </li>
          <li class="links">
            <a href="about.html">About</a>
          </li>
          <li class="links">
            <a href="explore.html">Explore</a>
          </li>
          <li class="links">
            <a href="">Show</a>
          </li>

          <div class="profile-none">
            <div class="icons">
              <i class="ri-notification-4-fill"></i>
              <i class="ri-chat-4-fill"></i>
            </div>
            <div class="img">
              <img src="img/Ellipse 258.png" width="40px" alt="" />
            </div>
          </div>
        </ul>

        <i class="ri-menu-line burger" id="burger" ></i>

        <div class="profile">
          <div class="icons">
            <i class="ri-notification-4-fill"></i>
            <i class="ri-chat-4-fill"></i>
          </div>
          <div class="img">
            <img src="img/Ellipse 258.png" width="40px" alt="" />
          </div>
        </div>
      </nav>

      <section class="about-us">
        <h3>About Us</h3>
        <h1>Who we are</h1>
        <p>Long before the advent of NFT fashion, the region of West Africa has been a hub of creativity and innovation. From traditional textiles like Kente cloth and Bogolanfini, to the bold street styles of Lagos and Accra, fashion has always been an important part of the region's culture. Now, with the rise of NFT technology, designers are able to create digital pieces that are just as unique and beautiful as their physical counterparts. It's an exciting time for the fashion industry in West Africa, and there's no doubt that NFT fashion will continue to shape and redefine the future of style.</p>
        <button>More +</button>
      </section>


    </main>

    <section class="more">
        <div class="content">
            <h3>Since 2014</h3>
            <h1>What we do</h1>
            <p>We design and develop NFT collections for the fashion industry. Our team of designers, developers, and strategists work together to create NFTs that are beautiful, unique, and valuable. We believe that the future of fashion is digital, and our mission is to be at the forefront of this exciting new frontier.</p>
            <button>More +</button>
        </div>

        <div>
            <img src="img/Group 48095506.png" alt="">
        </div>
    </section>


    <section class="more">

        <div>
            <img src="img/Group 48095475.png" alt="">
        </div>

        <div class="content">

            <h1>When We Started</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis dolore reiciendis sit ut non laborum officia suscipit magni natus, accusamus nemo molestiae maiores, totam exercitationem!</p>
            <button>More +</button>
        </div>


    </section>

    <section class="makers">
        <div class="header">
            <h1>Our Makers</h1>
            <small>e started in Last 5 year, when the idea for an NFT fashion company first took shape.we saw the potential for NFTs to transform the fashion industry, and they were determined to make it happen. They gathered a team of passionate and talented people, and together they launched STYLIAN. The rest, as they say, is history.</small>
        </div>

        <div class="makers-cards">
           <div class="makers-card">
            <img src="img/Rectangle 1886.png" alt="">
            <div class="maker-details">
              <h4>John Smith</h4>
              <p>Co Founder</p>
            </div>
           </div>
           <div class="makers-card">
            <img src="img/Rectangle 1886 (1).png" alt="">
            <div class="maker-details">
              <h4>EL Salah</h4>
              <p>CEO</p>
            </div>
           </div>
           <div class="makers-card">
            <img src="img/Rectangle 1887 (1).png" alt="">
            <div class="maker-details">
              <h4>Shima Muhammed</h4>
              <p>COT</p>
            </div>
           </div>
        </div>
    </section>

    <footer>
      <div class="f-logo">
        <h4>Stylian</h4>
        <small>Greetings from the vibrant and diverse region of West Africa.</p>
      </div>
      <ul>
        <li>About</li>
        <li>Service</li>
        <li>Contact</li>
      </ul>

    </footer>


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