Merge branch 'patch-136' into 'master'

Team Page See merge request !175

Merge branch 'patch-136' into 'master'
Team Page See merge request !175
9928f9b0 · Siddharth Ramawat · 4a24e2d4 · 69c9a2be · 9928f9b0
Commit 9928f9b0 authored Jun 21, 2018 by Siddharth Ramawat
--- a/24/index.html
+++ b/24/index.html
+<!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>