Staff

Developer
Calvin
Size
3,023 Kb
Views
40,480
  1. Staff Previews
  2. Staff HTML Codes
  3. Staff CSS Codes

How do I make an staff?

What is a staff? How do you make a staff? This script and codes were developed by Calvin on 04 October 2022, Tuesday.

Staff Previews
IQ Test

Staff - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Staff</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="team-carousel-576db9f759367" class="foster-team wow fadeInUp animated" data-wow-duration="1000ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 1000ms; animation-delay: 200ms; animation-name: fadeInUp;"><div class="row"> <div class="col-md-3 col-sm-6 col-xs-12">	<div class="team-col">	<img width="270" height="269" src="http://demo2.oceanthemes.net/foster/wp-content/uploads/sites/2/2016/03/01_Team4.jpg" class="attachment-team-member size-team-member wp-post-image" alt="01_Team4">	<div class="team-head-col">	<h2>Jennifer DEO</h2>	<span>Social Manager</span>	<ul class="social-icon"><li><a href="#" class="fa fa-facebook"></a></li><li><a href="#" class="fa fa-twitter"></a></li><li><a href="#" class="fa fa-google-plus"></a></li><li><a href="#" class="fa fa-linkedin"></a></li></ul>	</div>	</div><!-- end team -->	</div> <div class="col-md-3 col-sm-6 col-xs-12">	<div class="team-col">	<img width="270" height="269" src="http://demo2.oceanthemes.net/foster/wp-content/uploads/sites/2/2016/03/01_Team8.jpg" class="attachment-team-member size-team-member wp-post-image" alt="01_Team8">	<div class="team-head-col">	<h2>Holly Hill</h2>	<span>Social Manager</span>	<ul class="social-icon"><li><a href="#" class="fa fa-facebook"></a></li><li><a href="#" class="fa fa-twitter"></a></li><li><a href="#" class="fa fa-google-plus"></a></li><li><a href="#" class="fa fa-linkedin"></a></li></ul>	</div>	</div><!-- end team -->	</div> <div class="col-md-3 col-sm-6 col-xs-12">	<div class="team-col">	<img width="270" height="269" src="http://demo2.oceanthemes.net/foster/wp-content/uploads/sites/2/2016/03/01_Team7.jpg" class="attachment-team-member size-team-member wp-post-image" alt="01_Team7">	<div class="team-head-col">	<h2>Ralph Marino</h2>	<span>Social Manager</span>	<ul class="social-icon"><li><a href="#" class="fa fa-facebook"></a></li><li><a href="#" class="fa fa-twitter"></a></li><li><a href="#" class="fa fa-google-plus"></a></li><li><a href="#" class="fa fa-linkedin"></a></li></ul>	</div>	</div><!-- end team -->	</div> <div class="col-md-3 col-sm-6 col-xs-12">	<div class="team-col">	<img width="270" height="269" src="http://demo2.oceanthemes.net/foster/wp-content/uploads/sites/2/2016/03/01_Team6.jpg" class="attachment-team-member size-team-member wp-post-image" alt="01_Team6">	<div class="team-head-col">	<h2>Chelsea Deitch</h2>	<span>Social Manager</span>	<ul class="social-icon"><li><a href="#" class="fa fa-facebook"></a></li><li><a href="#" class="fa fa-twitter"></a></li><li><a href="#" class="fa fa-google-plus"></a></li><li><a href="#" class="fa fa-linkedin"></a></li></ul>	</div>	</div><!-- end team -->	</div></div></div> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='https://use.fontawesome.com/8a8ecbecca.js'></script>
</body>
</html>

Staff - Script Codes CSS Codes

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif;
}
::before, ::after { box-sizing: border-box;
}
* { box-sizing: border-box;
}
body { color: rgb(137, 137, 137); font-size: 14px; font-family: "Open Sans", Arial, sans-serif; line-height: 1.6; word-wrap: break-word; overflow-x: hidden; padding-top: 100px !important; padding-bottom: 100px !important; background-color: #f7f7f7 !important;
}
.foster-team .team-head-col ul.social-icon li a { color: rgb(183, 183, 183); display: inline-block; font-size: 16px; text-decoration: none; margin: 0px 15px; padding: 0px; transition: all 0.2s ease-in-out 0s;
}
.fa { text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0px, 0px); font: normal normal normal normal 1 FontAwesome;
}
.fa, .fa-stack { display: inline-block;
}
.row { margin-left: -15px; margin-right: -15px;
}
a { color: rgb(28, 178, 200); text-decoration: none; transition: 0.5s;
}
a { background: transparent;
}
a { color: rgb(51, 122, 183); text-decoration: none; background-color: transparent;
}
user agent stylesheet
a:-webkit-any-link { color: -webkit-link; text-decoration: underline; cursor: auto;
}
img { border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-width: 0px; border-style: initial; border-color: initial;
}
.foster-team .team-head-col h2 { font-size: 16px; font-weight: bold; text-align: center; color: rgb(36, 36, 36); text-transform: uppercase; margin: 0px; padding: 0px 0px 4px;
}
h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;
}
.foster-team .team-col { position: relative; width: 100%; margin-bottom: 30px;
}
.foster-team .team-col .team-head-col { transition: all 0.5s;
}
.foster-team .team-col .team-head-col:hover { background:rgba(2,2,2,0); border: 1px solid transparent;
}
.foster-team .team-head-col { background-color: rgb(255, 255, 255); position: relative; width: auto; z-index: 20; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; padding: 20px 20px 0px; border-width: 1px; border-style: solid; border-color: rgb(234, 234, 234); transition: all 0.5s;
}
.foster-team .team-head-col ul.social-icon { text-align: center; border-top: 1px solid rgb(225, 225, 225); margin: 20px 0px 0px; padding: 15px 0px;
}
ul, ol { margin-top: 0px; margin-bottom: 10px;
}
.foster-team .team-head-col ul.social-icon li { display: inline; margin: 0px; padding: 0px;
}
li { display: list-item; text-align: -webkit-match-parent;
}
ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;
}
.foster-team .team-head-col span { font-size: 11px; text-align: center; color: rgb(36, 36, 36); text-transform: uppercase; display: block;
}
@media (min-width: 992px){
.col-md-3 { width: 25%; }
}
.foster-team .team-col .team-head-col { transition: all 0.5s;
}
.foster-team .team-head-col { background-color: rgb(255, 255, 255); position: relative; width: 270px; z-index: 20; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; padding: 20px 20px 0px; border-width: 1px; border-style: solid; border-color: rgb(234, 234, 234);
}
.foster-team .team-col:hover img { opacity: 0.4;
}
.foster-team .team-col img { transition: all 0.5s;
}
@media (max-width: 991px){
.team-col img { display: block; }}
@media (max-width: 991px){
.team-col img, .team-col .team-head-col { margin: 0px auto;
}
img { max-width: 100%; height: auto;
} .foster-team .team-head-col ul.social-icon li a { color: rgb(183, 183, 183); display: inline-block; font-size: 16px; text-decoration: none; margin: 0px 15px; padding: 0px; transition: all 0.2s ease-in-out 0s;
}
Staff - Script Codes
Staff - Script Codes
Home Page Home
Developer Calvin
Username CalvinMorett
Uploaded October 04, 2022
Rating 3
Size 3,023 Kb
Views 40,480
Do you need developer help for Staff?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Calvin (CalvinMorett) Script Codes
Name
DILLA - PORT
Sidebar Nav
CLG Web Design Concept
Full Page Slide, Vertical Progress Bar
Showcase 1 Gallery
CoNTENT
Social Button Transition
Portfolio Idea
R
Particle Web
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!