---
title: Edit Profile
slug: edit-profile
docTags: 
createdAt: 2025-02-07T20:29:48.825Z
---

# Description

This is the main page section / tabs for the Edit Profile screen. It is similar to edit user but not exactly the same. 

# HTML

```html
<section class="section">
    <div class="w-layout-blockcontainer body-container w-container">
        <div class="page-header">
            <div class="w-layout-grid grid-2">
                <div class="page-header-left">
                    <div class="breadcrumbs">
                        <div class="breadcrumb">My Profile</div>
                    </div>
                    <h1>My Profile<br></h1>
                </div>
            </div>
        </div>
        <div class="tabs-wrapper">
            <div class="tabs-container">
                <div data-current="My Settings" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
                    <div class="tabs-menu w-tab-menu">
                        <a data-w-tab="My Settings" class="tab w-inline-block w-tab-link w--current">
                            <div class="tab-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 32 32" width="32" height="32">
                                <path d="M15,20H9a3,3,0,0,0-3,3v2H8V23a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v2h2V23A3,3,0,0,0,15,20Z" transform="translate(0 0)"></path>
                                <path d="M12,19a4,4,0,1,0-4-4A4,4,0,0,0,12,19Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,12,13Z" transform="translate(0 0)"></path>
                                <path d="M28,19v9H4V8H16V6H4A2,2,0,0,0,2,8V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V19Z" transform="translate(0 0)"></path>
                                <rect x="20" y="19" width="6" height="2"></rect>
                                <rect x="22" y="23" width="4" height="2"></rect>
                                <path d="M32,10V8H29.8989a4.9678,4.9678,0,0,0-.7319-1.7529l1.49-1.49-1.414-1.414-1.49,1.49A4.9678,4.9678,0,0,0,26,4.1011V2H24V4.1011a4.9678,4.9678,0,0,0-1.7529.7319l-1.49-1.49-1.414,1.414,1.49,1.49A4.9678,4.9678,0,0,0,20.1011,8H18v2h2.1011a4.9678,4.9678,0,0,0,.7319,1.7529l-1.49,1.49,1.414,1.414,1.49-1.49A4.9678,4.9678,0,0,0,24,13.8989V16h2V13.8989a4.9678,4.9678,0,0,0,1.7529-.7319l1.49,1.49,1.414-1.414-1.49-1.49A4.9678,4.9678,0,0,0,29.8989,10Zm-7,2a3,3,0,1,1,3-3A3.0033,3.0033,0,0,1,25,12Z" transform="translate(0 0)"></path>
                                </svg></div>
                            <div class="tab-name">My Settings</div>
                        </a>
                        <a data-w-tab="Sessions" class="tab w-inline-block w-tab-link">
                            <div class="tab-icon w-embed"><svg width="32" height="32" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32">
                                <path d="M10,30H4a2,2,0,0,1-2-2V16a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2V28A2,2,0,0,1,10,30ZM4,16V28h6V16Z"></path>
                                <path d="M28,4H6A2,2,0,0,0,4,6v6H6V6H28V20H14v2h2v4H14v2h9V26H18V22H28a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4Z"></path>
                                </svg></div>
                            <div class="tab-name">Sessions</div>
                        </a>
                        <a data-w-tab="Activity Log" class="tab w-inline-block w-tab-link">
                            <div class="tab-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 32 32" width="32" height="32">
                                <path d="M20,18h-6c-1.6569,0-3,1.3431-3,3v2h2v-2c0-.5523,.4477-1,1-1h6c.5523,0,1,.4477,1,1v2h2v-2c0-1.6569-1.3431-3-3-3Z"></path>
                                <path d="M17,17c2.2091,0,4-1.7909,4-4s-1.7909-4-4-4-4,1.7909-4,4,1.7909,4,4,4Zm0-6c1.1046,0,2,.8954,2,2s-.8954,2-2,2-2-.8954-2-2,.8954-2,2-2Z"></path>
                                <path d="M17,30c-7.7197,0-14-6.2804-14-14h2c0,6.6168,5.3831,12,12,12,5.2263,0,9.8162-3.3385,11.4214-8.3074l1.9033,.6147c-1.873,5.7975-7.2278,9.6926-13.3247,9.6926Z"></path>
                                <path d="M31,16h-2c0-6.6168-5.3833-12-12-12V2c7.7197,0,14,6.2804,14,14Z"></path>
                                <path d="M6,14l-2.1387-1.0127c-1.7383-.8223-2.8613-2.5967-2.8613-4.5195V2H11v6.4678c0,1.9229-1.123,3.6973-2.8613,4.5195l-2.1387,1.0127ZM3,4v4.4678c0,1.1533,.6738,2.2178,1.7168,2.7109l1.2832,.6074,1.2832-.6074c1.043-.4932,1.7168-1.5576,1.7168-2.7109V4H3Z"></path>
                                </svg></div>
                            <div class="tab-name">Activity Log</div>
                        </a>
                    </div>
                    <div class="tabs-content w-tab-content">
                        <div id="My Settings" data-w-tab="My Settings" class="tab-pane w-tab-pane w--tab-active" role="tabpanel" tabindex="0">{tab content}</div>
                        <div id="Sessions" data-w-tab="Sessions" class="tab-pane w-tab-pane" role="tabpanel" tabindex="0">{tab content}</div>
                        <div id="Activity Log" data-w-tab="Activity Log" class="tab-pane w-tab-pane" role="tabpanel" tabindex="0">{tab content}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
```