<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Editor</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="editor-container">
<div class="toolbar">
<button id="bold-btn" title="Bold"><i class="fas fa-bold"></i></button>
<button id="italic-btn" title="Italic"><i class="fas fa-italic"></i></button>
<button id="underline-btn" title="Underline"><i class="fas fa-underline"></i></button>
<button id="align-left-btn" title="Align Left"><i class="fas fa-align-left"></i></button>
<button id="align-center-btn" title="Align Center"><i class="fas fa-align-center"></i></button>
<button id="align-right-btn" title="Align Right"><i class="fas fa-align-right"></i></button>
<button id="font-size-btn" title="Font Size"><i class="fas fa-text-height"></i></button>
<input type="color" id="color-picker" title="Text Color">
<button id="download-btn" title="Download as .txt"><i class="fas fa-download"></i></button>
</div>
<div id="editor" contenteditable="true"></div>
</div>
<script src="script.js"></script>
</body>
</html>
8