Team

No notes defined.

<div class=" team">
    <div class="team__container container">
        <div class="team__members">
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
            <div class="team__member avatar">
                <div class="avatar__container">
                    <img class='avatar__photo' src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='72' width='72' viewBox='0 0 1 1'><rect width='1' height='1' fill='%230001'/></svg>" alt="Jane Doe" />
                    <div class="avatar__name">
                        Jane Doe
                    </div>
                    <div class="avatar__title">
                        Executive Vice President of Operations
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
  • Content:
    @use "/resources/styles/common" as *;
    @use "/resources/styles/config";
    
    .team {
        $b: &;
    
        &__members {
            display: grid;
            gap: config.$v-space;
            grid-template-columns: repeat(auto-fit, 400px);
            justify-content: center;
        }
    }
    
  • URL: /components/raw/team/_index.scss
  • Filesystem Path: resources/styles/organisms/team/_index.scss
  • Size: 259 Bytes