Homework 1

- repository and subdirectories created inside
- basic project structure created (/public/*.html, /public/static/css/style.css, /public/static/js/script.js)
- bootstrap library connected locally (/public/static/css/bootstrap.min.css) (not used yet, connected for future)
- permissions configured (protected main branch + merge only via PR - 1)
- .gitignore configured (based on python template)
-
- base.html, index.html, question.html, ask.html, login.html, signup.html, and profile.html are all set up

public/profile.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>VkDesk | Settings</title>
+    <meta name="description" content="VkDesk Q&A">
+    <link rel="stylesheet" href="./static/css/style.css">
+</head>
+<body>
+    <header class="site-header">
+        <div class="logo">VkDesk</div>
+        <form class="search">
+            <input type="text" placeholder="Search">
+            <a class="button button--ask" href="index.html">ASK IT</a>
+        </form>
+        <div class="user-block">
+            <div class="avatar-box small">avatar</div>
+            <div class="user-links">
+                <div class="user-name">Dr. Pepper</div>
+                <div>
+                    <a href="profile.html">settings</a>
+                    <a href="login.html">log out</a>
+                </div>
+            </div>
+        </div>
+    </header>
+    <div class="content">
+        <main>
+            <div class="main-title">
+                <h1>Profile: Dr. Pepper</h1>
+            </div>
+
+            <form class="form">
+                <div class="form-row">
+                    <label for="login">Login</label>
+                    <input id="login" type="text" value="dr_pepper">
+                </div>
+                <div class="form-row">
+                    <label for="email">Email</label>
+                    <input id="email" type="email" value="drpepper@mail.ru">
+                </div>
+                <div class="form-row">
+                    <label for="nickname">NickName</label>
+                    <input id="nickname" type="text" value="Dr. Pepper">
+                </div>
+                <div class="form-row">
+                    <label>Upload avatar</label>
+                    <div class="avatar-box">avatar</div>
+                </div>
+                <div class="form-row">
+                    <span></span>
+                    <input type="file">
+                </div>
+                <div>
+                    <button class="button" type="button">Save</button>
+                </div>
+            </form>
+        </main>
+        <aside class="sidebar">
+            <div class="sidebar-section">
+                <h2>Trending Tags</h2>
+                <div class="tag-cloud">
+                    <span>perl</span>
+                    <span class="tag-red">python</span>
+                    <span>TechnoPark</span>
+                    <span class="tag-red">MySQL</span>
+                    <span class="tag-green">django</span>
+                    <span>Mail.Ru</span>
+                    <span>Voloshin</span>
+                    <span class="tag-orange">Firefox</span>
+                </div>
+            </div>
+
+            <div class="sidebar-section">
+                <h2>Top Members</h2>
+                <div class="member-list">
+                    <a href="#">Mr. Freeman</a>
+                    <a href="#">Dr. House</a>
+                    <a href="#">Bender</a>
+                    <a href="#">Queen Victoria</a>
+                    <a href="#">V. Pupkin</a>
+                </div>
+            </div>
+        </aside>
+    </div>
+    <footer class="footer">2026</footer>
+</body>
+</html>
+
+
+
+
+
+