mirror of
https://github.com/ProgramSnail/python_web_proj_2021.git
synced 2025-12-24 19:38:42 +00:00
60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Language Learner</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="/static/w3.css">
|
||
|
|
<link rel="stylesheet" href="/static/fontawesome/css/all.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="w3-container w3-dark-gray">
|
||
|
|
<h1><i class="fas fa-dice-d20"></i> Language Learner</h1>
|
||
|
|
</header>
|
||
|
|
<div class="w3-container w3-margin">
|
||
|
|
<div class="w3-panel w3-card w3-third w3-margin">
|
||
|
|
<img src="/static/images/default_avatar.png" class="w3-circle w3-margin" style="width: 60%" alt="avatar">
|
||
|
|
<h1>User Name</h1>
|
||
|
|
<b>Interests:</b>
|
||
|
|
<ul class="w3-ul">
|
||
|
|
<li>Football</li>
|
||
|
|
<li>Programming</li>
|
||
|
|
<li>Something</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="w3-card w3-panel w3-margin w3-third w3-padding-large">
|
||
|
|
<form method="POST" action="" style="width: 100%"
|
||
|
|
class="w3-card w3-section w3-padding-small w3-center">
|
||
|
|
<input type="text" name="interest" plaseholder="Your interest">
|
||
|
|
<input class="w3-button w3-ripple w3-green" type="submit" value="Submit">
|
||
|
|
</form>
|
||
|
|
<ul class="w3-ul w3-border" style="width: 100%">
|
||
|
|
<li>
|
||
|
|
<label>Interest 1</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<label>Interest 2</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<label>Interest 3</label>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="w3-panel w3-margin w3-third">
|
||
|
|
<ul class="w3-ul w3-card" style="width: 100%">
|
||
|
|
<li>
|
||
|
|
<label>User 1</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<label>User 2</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<label>User 3</label>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<footer class="w3-container w3-light-gray">
|
||
|
|
<label class="w3-center">My app.</label>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|