[69461] <html> <title>Team Page</title> <head> <!--<meta name="viewport" content="width=device-width, ...

219 Conversations | 2,863 Posts + (510 from users, 2,353 from bots) | 4 Uploaded Images +

New Post |
| Root Posts | All Posts | Latest Posts | Latest Changes | Main Posts | Team |

By Kritishankar02. Created 2020/10/31 09:13:59, modified 2020/11/03 11:09:30

Post type: HTML

Show as HTML page | Reply | Duplicate | Rename | Raw Text

<html>
<title>Team Page</title>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
</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;
}

.modal {
  /*z-index: 1;
  left: 0;
  top: 0;*/
  /*width: 100%; 
  height: 100%;*/ 
  /*overflow: auto; */ 
  /*padding-top: 50px;*/
}

.modal-content {
  background-color: #fefefe;
  /*margin: 5% auto 5% auto;*/ 
  border: 1px solid #888;
  /*width: 40%; */
}



input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 10px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}


input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

button:hover {
  opacity:1;
  background-color:MediumSeaGreen;
}


.register, .login {
  padding: 14px 20px;
  color:white;
  background-color:#333;
  float: left;
  width: 50%;
}


.container {
  padding: 16px;
}

.grid-container {
  background-color: #2196F3;
  padding: 10px;
  text-align: center;
}
.grid-item {
  height: 150px;
  width: 275px;
  padding:0px;
  border-radius: 50%;
  display: inline-block;
}
img {
  border: 7px solid #ddd;
  border-radius: 50%;
  width: 150px;
  height:150px;
}



@media only screen and (max-width: 600px) {
  .grid-container {
  background-color: #2196F3;
  padding: 50px;
  height:auto;
  width:auto;
}
.grid-item {
  border-radius: 50%;
  height:auto;
  width:auto;
  overflow: auto;
}

}



</style>


<body>
<h1>Gazelle.rocks</h1>
<div>
<nav>
<ul>
	<li><a href="https://gazelle.rocks">Home</a></li>
	<!--<li><a href="https://gazelle.rocks/demo?cookie=test_qipytwypbyflqfpg&_botConfig=">Talk to bot</a></li>
	
	<li><a href="https://gazelle.rocks/crud/UserPost">User posts</a></li>
	<li><a href="https://gazelle.rocks/crud/User">User</a></li>
	<li><a href="https://gazelle.rocks/crud/login">Login</a></li>
	<li><a href="https://gazelle.rocks/register">Register</a></li>
	<li style="float:right"><a class="active" href="#about">About</a></li>-->
</ul>
</nav>
</div>
<h2><center>Gazelle.rocks Team</center></h2>

<div class="grid-container">
	<div class="grid-item"><img src="https://avatars2.githubusercontent.com/u/4520515?s=400&u=43ef270479241ee486219b35d35b77536987e543&v=4"><br><b>Stefan  Reich<br>Founder</b></div>
  <div class="grid-item"><img src="https://gazelle.rocks/uploaded-image/68764"><br><b>Madhu Sirisha Reddy Padala<br>Assisant Programmer</b></div>
  <div class="grid-item"><img src="https://gazelle.rocks/uploaded-image/69001"><br><b>Kriti Shankar Senapati<br>Assisant Programmer</b></div>
  <div class="grid-item"><img src="https://gazelle.rocks/uploaded-image/69028"><br><b>Priti Shankar Senapati<br>Assisant Programmer</b></div>
</div>

</body>
</html>

Referenced by posts (latest first):