Commit 9928f9b0 authored by Siddharth Ramawat's avatar Siddharth Ramawat
Browse files

Merge branch 'patch-136' into 'master'

Team Page

See merge request !175
parents 4a24e2d4 69c9a2be
Pipeline #14364 passed with stage
in 1 minute and 9 seconds
<!DOCTYPE html>
<html>
<head>
<title>Educare Team!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#mySidenav a {
position: absolute;
left: -80px;
transition: 0.3s;
padding: 15px;
width: 100px;
text-decoration: none;
font-size: 20px;
color: white;
border-radius: 0 5px 5px 0;
}
.Sidenav{
background-image: url("https://cdn.wccftech.com/wp-content/uploads/2016/09/Microsoft-Xbox-Scorpio.jpg");
height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#mySidenav a:hover {
left: 0;
}
#home {
top: 20px;
background-color: #4CAF50;
}
#about {
top: 80px;
background-color: #2196F3;
}
#team {
top: 140px;
background-color: #f44336;
}
#project {
top: 200px;
background-color: #555
}
.title{
display: inline-block;
font-family: "Lucida Console", Times, serif;
width: 40%;
text-align: center;
padding:12px 12px;
border-radius:20px;
position:absolute;
top:45%;
left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
background-color: #ffffff;
color: #555555;
}
.educare{
background-color: #ffffff;
}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-circle{border-radius:50%}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-padding-64{
padding-top:64px!important;padding-bottom:64px!important
}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
body {
font: 20px Montserrat, sans-serif;
line-height: 1.8;
color: #555555;
}
.home{
background-color: #555555;
}
.container-fluid {
padding-top: 70px;
padding-bottom: 70px;
}
.f{
background-color: #555555;
padding-top: 30px;
padding-bottom: 30px;
}
p {font-size: 16px;}
.margin {margin-bottom: 45px;}
</style>
<style>
.back {
background-image: url("https://cdn.wccftech.com/wp-content/uploads/2016/09/Microsoft-Xbox-Scorpio.jpg");
height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="title"><h1>EduCare</h1></div>
<div class="back"></div>
<div id="mySidenav" class="sidenav">
<a href="#home" id="home">HOME</a>
<a href="#about" id="about">ABOUT</a>
<a href="#team" id="team">TEAM</a>
<a href="#project" id="project">PROJECT</a>
</div>
<div class="container-fluid home">
<h3 align="center" class="margin">Welcome To Our Team Page</h3>
</div>
<div class="w3-container w3-padding-64 w3-center" style="background-color:white;" id="team" align="center">
<h2>OUR TEAM</h2>
<div class="w3-row"><br>
<div class="w3-quarter">
<a href="http://manojkumar9.swecha.io/starwars/">
<img src="https://code.swecha.org/manojkumar9/starwars/raw/master/images/manoj.jpeg" alt="Boss" style="width:45%" class="w3-circle w3-hover-opacity">
</a>
<h3>M. Manoj Kumar</h3>
</div>
<div class="w3-quarter">
<a href="">
<img src="https://code.swecha.org/manojkumar9/starwars/raw/master/images/WhatsApp%20Image%202018-06-12%20at%2010.32.00%20PM.jpeg" alt="Boss" style="width:45%" class="w3-circle w3-hover-opacity">
</a>
<h3>I. Divya Bharathi</h3>
</div>
<div class="w3-quarter">
<a href="">
<img src="https://code.swecha.org/manojkumar9/starwars/raw/master/images/WhatsApp%20Image%202018-06-12%20at%2010.03.31%20PM.jpeg" alt="Boss" style="width:45%" class="w3-circle w3-hover-opacity">
</a>
<h3>Shekhar</h3>
</div>
<div class="w3-quarter">
<a href="">
<img src="https://code.swecha.org/manojkumar9/starwars/raw/master/images/WhatsApp%20Image%202018-06-12%20at%2010.03.47%20PM.jpeg" alt="Boss" style="width:45%" class="w3-circle w3-hover-opacity">
</a>
<h3>Nikitha</h3>
</div>
<div class="w3-quarter">
<a href="">
<img src="http://cdn2.momjunction.com/wp-content/uploads/2015/02/Hispanic-Baby-Names-For-Your-Little-Boy.jpg" alt="#5" style="width:45%" class="w3-circle w3-hover-opacity">
</a>
<h3>Poojitha</h3>
</div>
</div>
</div>
<div class="f">
<footer>
</footer>
</div>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment