Created
September 29, 2025 06:36
-
-
Save officialmofabs/fe3ca47a79531ae24141f624a123bb87 to your computer and use it in GitHub Desktop.
html5 skeleton template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>CCC Erith MediaRoom</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css" integrity="sha512-DxV+EoADOkOygM4IR9yXP8Sb2qwgidEmeqAEmDKIOfPRQZOWbXCzLC6vjbZyy0vPisbH2SyW27+ddLVCN+OMzQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | |
| <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> | |
| <link rel="icon" href="./materials/favv.jpg"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="nav"> | |
| <div class="logo"> | |
| <img src="https://imgs.search.brave.com/XOZO2UfXevNtmbGKrrVi0tUf2eqPxAs4Wnj3vB5eJKo/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9lbi52/ZXRvcmVzLm9yZy9k/L3Zpc3VhbC1zdHVk/aW8tY29kZS5zdmc"> | |
| <div class="logo-h3-wrapper"><h3 class="logo-title">Visual Studio Code</h3></div> | |
| </div> | |
| <div class="links"> | |
| <a href="#">Docs</a> | |
| <a href="#">Updates</a> | |
| <a href="#">Blog</a> | |
| <a href="#">API</a> | |
| <a href="#">Extensions</a> | |
| <a href="#">FAQ</a> | |
| <a href="#">MCP</a> | |
| </div> | |
| <div class="searchbox"> | |
| <div class="search"> | |
| <i class="fa-solid fa-magnifying-glass fa-flip-horizontal"></i> | |
| <input type="search" placeholder="search box"> | |
| </div> | |
| </div> | |
| <button class="nav-button">Download</button> | |
| </div> | |
| <div class="nav2"><p>Try <span class="mcp-highlight">MCP servers</span> to extend agent mode in VS Code!</p> | |
| </div> | |
| <div class="hero-section-text"> | |
| <div>The open source</div> | |
| <div>AI code editor</div> | |
| </div> | |
| <div class="Download-box"> | |
| <div class="download-windows-btn"> | |
| <i class="fa-brands fa-windows alu"></i> | |
| <div class="download-windows-text alu">Download for Windows</div> | |
| </div> | |
| <div class="download-info-section"> | |
| <div class="download-links-alt"> | |
| <span class="alu">Web</span>, <span class="alu">edition</span>, or <span class="alu">other platforms</span> | |
| </div> | |
| <div class="license-note"> | |
| By using VS Code, you agree to its license and privacy statement | |
| </div> | |
| </div> | |
| </div> | |
| <div class="content1 aam"> | |
| <div class="typewriter"> | |
| <h1>set up vs code...</h1> | |
| </div> | |
| </div> | |
| <div class="replay-section"></div> | |
| <div class="replay-button nav-button">Replay</div> | |
| <div class="feature-images-row"> | |
| <img src="./materials/1.png" class="aam" alt=""> | |
| <img src="./materials/2.png" alt="" class="aam"> | |
| <img src="./materials/3.png" alt="" class="aam"> | |
| </div> | |
| <div class="try-free-banner-section"> | |
| <button class="try-free-button nav-button">Try free</button> | |
| </div> | |
| <div class="last-sec"> | |
| <div style="width: 40%;"> | |
| <h2>Agent mode</h2> | |
| <p>Tackle complex, multi-step tasks. Agent mode reads your codebase, suggests edits across files, runs terminal commands, and responds to compile or test failures — all in a loop until the job is done. Further refine agent mode to fit your team's workflows with VS Code extensions and Model Context Protocol (MCP) servers.</p> | |
| </div> | |
| <div class="lastsec-img1 aam"></div> | |
| </div> | |
| <div class="last-sec"> | |
| <div style="width: 40%;"> | |
| <h2>Next edit suggestions</h2> | |
| <p>VS Code predicts your next move as you code. Use the Tab key to accept AI-powered suggestions right in your editor. It intelligently recommends what to change — and where — based on the edits you're already making.</p> | |
| </div> | |
| <div class="lastsec-img2 aam"></div> | |
| </div> | |
| <div class="end-sec"> | |
| <h2>Code with rich features</h2> | |
| <p>There's a lot more to an editor. Whether it's using built-in features or rich extensions, there's something for everyone.</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
whats this?