<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ourbteam</title>
<style>
*{
margin:0;
padding:0;
font- family:sans-serif
}
.our team{
overflow: hidden;
text-align:center;
background:#34495e;
padding:60px;
}
.our team h1{
text-transform:uppercase;
margin bottom:60;
color:white
font-size:40px;
}
.border{
display:block;
margin:auto;
width:160px;
height:3px;
background:#3498db;
margin-bottom:40;
}
.ps a{display:inline-block;
margin:0 30px;
width:160px;
height:160px;
overflow:hidden;
border-radius:50%;
}
.ps a img{
width:75%;
filter:grayscale(75%);
transition:0.4s all;
}
.ps a:hover>img{
fitter:none;
}
.section{
width:600px;
margin:auto;
font-size:20px;
color: blue;
text-align:Justify;
}
. section: target{
height:auto;
}
.name{
display:block;
margin-bottom:30px;
text-align:center;
text-transform:uppercase;
font-size:22px;
}
</style>
</head>
<body>
<div class="Our Team">
<h1>Our Team</h1>
</div>
<div class="ps">
<a href="#p1"><img src="https://i.imgur.com/h61BVmm.jpg" border=0></a>
</div>
<div class="section"Id="p1">
<span class="name">Ram Pratap kapar</span>
<span class="border"></span>
<p>
My name is Ram Pratap kapar</br>
From Nepal</br>
I.com(mgt.)
</p>
</div>
<div class="ps">
<a href="#p2"><img src="https://i.imgur.com/CVMHT9b.jpg" border=0></a>
</div>
<div class="section"Id="p2">
<span class="name">Vijay Kumar Gupta</span>
<span class="border"></span>
<p>
My name is Vijay Kumar Gupta</br>
From Nepal</br>
I.com(education)
</p>
</div>
<div class="ps">
<a href="#p3"><img src="https://i.imgur.com/fHBT0D1.jpg" border=0></a>
</div>
<div class="section"Id="p3">
<span class="name">Sajan Kumar</span>
<span class="border"></span>
<p>
My name is Sajan Kumar Thakur</br>
From Nepal</br>
I.com(mgt.)
</p>
</div>
<div class="ps">
<a href="#p4"><img src="https://i.imgur.com/svHfcjK.jpg" border=0></a>
</div>
<div class="section"Id="p4">
<span class="p">Jay prakash paswan</span>
<span class="border"></span>
<p>
My name is Jay prakash paswan</br>
From Nepal</br>
I.edu(English)
</p>
</div>
<div class="ps">
<a href="#p5"><img src="https://i.imgur.com/uaAQdyf.jpg" border=0></a>
</div>
<div class="section"Id="p5">
<span class="name">Birendra Sahani</span>
<span class="border"></span>
<p>
My name is Birendra Sahani</br>
From Nepal</br>
I.edu(English.)
</p>
</div>
</body>
</html>
Sunday, June 2, 2019
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment