[902] updated view for both phone and desktop fixed [902] updated view for both phone and desktop fixed210 Conversations | 2,776 Posts + (501 from users, 2,275 from bots) | 4 Uploaded Images +
By Pritishankar. Created 2020/10/24 11:59:14, modified 2020/10/29 12:47:09
Post type: HTML
Show as HTML page | Reply | Duplicate | Rename | Raw Text
In reference to:
<html>
<head>
<style>
body{
font-family:sans-serif;
}
ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#333;
}
li{
float:left;
}
li a{
display:block;
color:white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover{
background-color:MediumSeaGreen;
}
button:hover {
opacity:1;
background-color:MediumSeaGreen;
}
.btn {
padding: 14px 20px;
color:white;
background-color:#333;
}
.box{
border: 3px solid #888;
height: auto;
width:1000px;
padding: 5px;
}
td{
padding:5px;
}
@media only screen and (max-width: 600px) {
.box{
border: 3px solid #888;
height: auto;
width:350px;
padding: 5px;
}
}
</style>
</head>
<body>
<div>
<nav>
<ul>
<li><a href="https://gazelle.rocks">Home</a></li>
<li><a href="https://gazelle.rocks/rootPosts">Root Posts</a></li>
<li><a href="https://gazelle.rocks/crud/UserPost">Admin</a></li>
<li><a href="https://gazelle.rocks/crud/allPosts">All Posts</a></li>
<li><a href="https://gazelle.rocks/crud/UserPost">Admin</a></li>
<li><a href="https://gazelle.rocks/crud/allPosts">Latest Posts</a></li>
</ul>
</nav>
</div>
<br><br>
<table>
<tr>
<td><b>Date:</b></td>
<td><label for="date">24/2/2020</lable></td>
</tr>
<tr>
<td><b>Time:</b></td>
<td><label for="time">23:00:00</lable></td>
</tr>
<tr>
<td><b>Author:</b></td>
<td><label for="authore">Name</lable></td>
</tr>
<tr>
<td><b>Type:</b></td>
<td><label for="type">HTML</lable></td>
</tr>
<tr>
<td><b>Text:</b></td>
<td><div class="box"><p>Text</p><div></td>
</tr>
<tr>
<td><b>References:</b></td>
<td><label for="ref">References</lable></td>
</tr>
<tr>
<td><b>Replies:<b></td>
<td><label for="replies">Replies</lable></td>
</tr>
</table>
<br>
<br>
<div class="clearfix">
<button type="button" onclick="location.href='https://gazelle.rocks/register'" class="btn">Show as HTML</button><br><br>
<button type="submit" class="btn">Edit Post</button>
</div>
</body>
</html>