redtea
97d0a2748b
- 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
141 lines
4.9 KiB
HTML
141 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>VkDesk | Fresh Questions</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>Fresh Questions</h1>
|
|
<a href="#">Top Today</a>
|
|
</div>
|
|
|
|
<article class="card">
|
|
<div>
|
|
<div class="avatar-box">avatar</div>
|
|
<div class="vote-box">
|
|
<span>5</span>
|
|
<span class="vote-arrows">^<span>'</span></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a class="question-title" href="question.html">How to build a moon park ?</a>
|
|
<p>Guys, i have trouble with a moon park. Cant find the black-jack...</p>
|
|
<div class="meta">
|
|
<a href="question.html">answer (3)</a>
|
|
<span>Tags:</span>
|
|
<a class="tag" href="#">black-jack</a>
|
|
<a class="tag" href="#">bender</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<div>
|
|
<div class="avatar-box">avatar</div>
|
|
<div class="vote-box">
|
|
<span>5</span>
|
|
<span class="vote-arrows">^<span>'</span></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a class="question-title" href="question.html">How to build a moon park ?</a>
|
|
<p>Guys, i have trouble with a moon park. Can't find the black-jack...</p>
|
|
<div class="meta">
|
|
<a href="question.html">answer (3)</a>
|
|
<span>Tags:</span>
|
|
<a class="tag" href="#">black-jack</a>
|
|
<a class="tag" href="#">bender</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<div>
|
|
<div class="avatar-box">avatar</div>
|
|
<div class="vote-box">
|
|
<span>5</span>
|
|
<span class="vote-arrows">^<span>'</span></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a class="question-title" href="question.html">How to build a moon park ?</a>
|
|
<p>Guys, i have trouble with a moon park. Can't find the black-jack...</p>
|
|
<div class="meta">
|
|
<a href="question.html">answer (3)</a>
|
|
<span>Tags:</span>
|
|
<a class="tag" href="#">black-jack</a>
|
|
<a class="tag" href="#">bender</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<nav class="pagination">
|
|
<a class="page-link" href="#">1</a>
|
|
<a class="page-link" href="#">2</a>
|
|
<a class="page-link" href="#">3</a>
|
|
<span class="page-link">...</span>
|
|
<a class="page-link" href="#">53</a>
|
|
</nav>
|
|
</main>
|
|
|
|
<aside class="sidebar">
|
|
<div class="sidebar-section">
|
|
<h2>Trending Tags</h2>
|
|
<div class="tag-cloud">
|
|
<span>perl</span>
|
|
<span class="tag-red">c++</span>
|
|
<span>TechnoPark</span>
|
|
<span class="tag-red">RUST</span>
|
|
<span class="tag-green">django</span>
|
|
<span>Mail.Ru</span>
|
|
<span>Java</span>
|
|
<span class="tag-orange">TS</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>
|
|
|
|
|
|
|
|
|
|
|
|
|