&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Guidely - Dashboard&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="app-container"&gt;
        &lt;aside class="sidebar"&gt;
            &lt;div class="sidebar-header"&gt;
                &lt;h1&gt;Guidely&lt;/h1&gt;
            &lt;/div&gt;
            &lt;nav class="sidebar-nav"&gt;
                &lt;a href="#" class="nav-item active"&gt;&lt;i class="fas fa-book"&gt;&lt;/i&gt; My Guides&lt;/a&gt;
                &lt;a href="#" class="nav-item"&gt;&lt;i class="fas fa-star"&gt;&lt;/i&gt; Templates&lt;/a&gt;
                &lt;a href="#" class="nav-item"&gt;&lt;i class="fas fa-cogs"&gt;&lt;/i&gt; Integrations&lt;/a&gt;
                &lt;a href="#" class="nav-item"&gt;&lt;i class="fas fa-palette"&gt;&lt;/i&gt; Themes&lt;/a&gt;
            &lt;/nav&gt;
            &lt;div class="sidebar-footer"&gt;
                &lt;div class="user-profile"&gt;
                    &lt;img src="https://i.pravatar.cc/40" alt="User Avatar"&gt;
                    &lt;span&gt;Jane Doe&lt;/span&gt;
                &lt;/div&gt;
                &lt;a href="#" class="nav-item"&gt;&lt;i class="fas fa-sign-out-alt"&gt;&lt;/i&gt; Logout&lt;/a&gt;
            &lt;/div&gt;
        &lt;/aside&gt;
        &lt;main class="main-content"&gt;
            &lt;header class="main-header"&gt;
                &lt;h2&gt;My Guides&lt;/h2&gt;
                &lt;div class="header-actions"&gt;
                    &lt;button class="btn btn-primary"&gt;&lt;i class="fas fa-plus"&gt;&lt;/i&gt; Create New Guide&lt;/button&gt;
                &lt;/div&gt;
            &lt;/header&gt;
            &lt;div class="editor-container"&gt;
                &lt;div class="editor-header"&gt;
                    &lt;input type="text" value="My New How-To Guide" class="guide-title-input"&gt;
                    &lt;div class="editor-actions"&gt;
                        &lt;button class="btn"&gt;&lt;i class="fas fa-microphone"&gt;&lt;/i&gt; Dictate&lt;/button&gt;
                        &lt;button class="btn"&gt;&lt;i class="fas fa-volume-up"&gt;&lt;/i&gt; Listen&lt;/button&gt;
                        &lt;button class="btn"&gt;&lt;i class="fas fa-download"&gt;&lt;/i&gt; Export&lt;/button&gt;
                        &lt;button class="btn btn-secondary"&gt;Publish&lt;/button&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div id="editor" class="block-editor"&gt;
                    &lt;div class="block" contenteditable="true"&gt;
                        &lt;h1&gt;This is a heading&lt;/h1&gt;
                    &lt;/div&gt;
                    &lt;div class="block" contenteditable="true"&gt;
                        &lt;p&gt;This is a paragraph block. You can start typing your content here. The editor is designed to be clean and distraction-free, allowing you to focus on creating amazing guides, tutorials, and recipes.&lt;/p&gt;
                    &lt;/div&gt;
                     &lt;div class="block image-block"&gt;
                        &lt;img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&amp;w=2070" alt="Placeholder Image"&gt;
                        &lt;p contenteditable="true" class="caption"&gt;This is an image with a caption.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="block" contenteditable="true"&gt;
                        &lt;p&gt;Use the AI assistant to help you write. For example, type &lt;code&gt;/ai write a section on setting up a new project&lt;/code&gt; to generate content automatically.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/main&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;