Dashboard Temp Share Shortlinks Frames API

HTMLify

about.html
Views: 16 | Author: karbonsites 
 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Aura Creative Studio</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="logo">Aura.</div>
            <nav class="nav">
                <a href="index.html" class="nav-link">Home</a>
                <a href="about.html" class="nav-link active">About</a>
                <a href="services.html" class="nav-link">Services</a>
                <a href="contact.html" class="nav-link">Contact</a>
            </nav>
        </div>
    </header>

    <main class="page-content container fade-in">
        <section class="about-section">
            <h1 class="section-title">Our Philosophy</h1>
            <div class="about-grid">
                <div class="about-text card-anim" data-delay="0.1">
                    <p>Founded on the principle that design should be both beautiful and functional, Aura Creative Studio brings a minimalist yet impactful approach to every project. We believe clarity precedes complexity, and every element must serve a purpose.</p>
                    <p>We are a small, dedicated team of thinkers, designers, and developers committed to pushing the boundaries of digital aesthetics while maintaining impeccable performance standards. Our process is collaborative, transparent, and always focused on achieving your strategic goals.</p>
                </div>
                <div class="about-image card-anim" data-delay="0.3">
                    <div class="placeholder-box"></div>
                </div>
            </div>
        </section>

        <section class="team-section">
            <h2 class="section-title">The Core Team</h2>
            <div class="team-grid">
                <div class="team-member card-anim" data-delay="0.1">
                    <h4>Alex R.</h4>
                    <p>Lead Designer</p>
                </div>
                <div class="team-member card-anim" data-delay="0.2">
                    <h4>Jamie L.</h4>
                    <p>Frontend Architect</p>
                </div>
                <div class="team-member card-anim" data-delay="0.3">
                    <h4>Sam K.</h4>
                    <p>Strategy Lead</p>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <p>&copy; 2024 Aura Creative Studio. All rights reserved.</p>
        </div>
    </footer>

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

  <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner">
      <span>✨</span>
      <div>Built with <b>Karbon Sites</b></div>
  </a>
</body>
</html>

Share this file: