klear-vision-web/team.html at main · kharigardner/klear-vision-web · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Meet the seasoned professionals behind Klear Vision Solutions.">
    <title>Our Team | Klear Vision Solutions</title>
    <link rel="icon" type="image/png" href="images/icon.png">
    <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=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="./compiled_sass/main.css">
    <script defer src="js/loadComponents.js"></script>
    </head>
<body>
    <div id="header"></div>
    <main>
        <section id="team-hero">
            <div class="content-container">
                <div class="text-section">
                    <h1>Meet Our Team</h1>
                    <p class="lead">Experienced professionals dedicated to helping your business thrive.</p>
                </div>
            </div>
        </section>

        <section id="content">
            <div class="team-section">
                <img class="team-photo" src="images/team-korron.jpg" alt="Korron Gardner Headshot">
                <div class="team-info">
                    <h3>Korron Gardner, CEO</h3>
                    <p>Korron is a seasoned consulting professional with over 15 years of experience in the manufacturing industry. He specializes in operational excellence and strategic planning, helping businesses scale efficiently while maintaining quality and precision. Korron's approach combines data-driven insights with practical, actionable solutions that drive real results.</p>
                </div>
            </div>
            <div class="divider"></div>
            <div class="team-section reverse">
                <img class="team-photo" src="images/team-coo.jpg" alt="Chief Operations Officer Headshot">
                <div class="team-info">
                    <h3>Chief Operations Officer</h3>
                    <p>With extensive experience in process optimization and change management, our COO brings a wealth of knowledge to the Klear Vision team. They have successfully led numerous transformation projects across various manufacturing sectors, consistently delivering measurable improvements in efficiency and productivity.</p>
                </div>
            </div>
            <div class="divider"></div>
            <div class="team-section">
                <img class="team-photo" src="images/team-consultant.jpg" alt="Senior Consultant Headshot">
                <div class="team-info">
                    <h3>Senior Consultant</h3>
                    <p>Our senior consultant specializes in training and development, with a passion for empowering teams to reach their full potential. With expertise in both technical and leadership development, they design and deliver customized training programs that create lasting organizational impact.</p>
                </div>
            </div>
        </section>
    </main>
    <div id="footer"></div>
    <script src="./js/loadComponents.js"></script>
    <script>
        loadComponent('header', './components/header.html');
        loadComponent('footer', './components/footer.html');
    </script>
</body>
</html>