worked on website
This commit is contained in:
parent
bc5fcc9da2
commit
e0888acf59
2 changed files with 75 additions and 4 deletions
|
@ -1,3 +1,41 @@
|
|||
body {
|
||||
overflow: hidden;
|
||||
background: #b6b6b5;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.card {
|
||||
flex-grow: 1;
|
||||
margin: 15px;
|
||||
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
|
||||
height: 95%;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #e2e1e0;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
height: 5%;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
|
@ -1,10 +1,43 @@
|
|||
<html>
|
||||
<head>
|
||||
<script type = "text/javascript"
|
||||
src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
|
||||
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="{{ url_for('static', filename = 'hello.js') }}"
|
||||
></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ url_for('static', filename = 'index.css') }}"
|
||||
/>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
|
||||
<div class="container">
|
||||
<div class="card">
|
||||
<div class="item">
|
||||
<div>
|
||||
1
|
||||
</div>
|
||||
<div>
|
||||
time
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item"></div>
|
||||
<div class="item">hoi</div>
|
||||
<div class="item">hoi</div>
|
||||
<div class="item">hoi</div>
|
||||
<div class="item">hoi</div>
|
||||
<div class="item">hoi</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="item">hoi</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="item">hoi</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue