Cumulus Networks bios

Developer
Robert Asaad
Size
6,053 Kb
Views
26,312
  1. Cumulus Networks bios Previews
  2. Cumulus Networks bios HTML Codes
  3. Cumulus Networks bios CSS Codes

How do I make an cumulus networks bios?

What is a cumulus networks bios? How do you make a cumulus networks bios? This script and codes were developed by Robert Asaad on 10 September 2022, Saturday.

Cumulus Networks bios Previews
IQ Test

Cumulus Networks bios - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cumulus Networks bios</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cumulusnetworks.com/static/cumulus/css/styles.css'>
<link rel='stylesheet prefetch' href='https://s3-us-west-1.amazonaws.com/socialicious-icons/css/socialicious.css'>
<link rel='stylesheet prefetch' href='css/https___cumulusnetworks_c.css'>
<link rel='stylesheet prefetch' href='css/https___cumulusnetworks_c.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="about"> <div class="container"> <div class="row"> <!-- Josh --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-josh"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-josh-thumb.jpg" alt="Josh Leslie" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Josh Leslie &mdash; CEO </div> </div> <!-- JR --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-jr"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-jr-thumb.jpg" alt="JR Rivers" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> JR Rivers &mdash; Co-Founder & CTO </div> </div> <!-- Ron --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-ron"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-ron-thumb.jpg" alt="Ron Dibiase" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Ron Dibiase &mdash; VP Sales </div> </div> <!-- Ami --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-ami"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-ami-thumb.jpg" alt="Ami Badani" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Ami Badani &mdash; VP Marketing </div> </div> <!-- William --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-william"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-william-thumb.jpg" alt="William Choe" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> William Choe &mdash; VP Product & Alliances </div> </div> <!-- Sandy --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-sandy"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-sandy-thumb.jpg" alt="Sandy Palicio" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Sandy Palicio &mdash; VP Human Resources </div> </div> <!-- Shrijeet --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-shrijeet"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-shrijeet-thumb.jpg" alt="Shrijeet Mukherjee" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Shrijeet Mukherjee &mdash; VP Engineering </div> </div> <!-- Jim --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-jim"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-jim-thumb.jpg" alt="Jim McNicholas" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Jim McNicholas &mdash; CFO </div> </div> <!-- Dinesh --> <div class="thumb col-md-6 col-lg-4"> <div class="photo" data-toggle="modal" data-target="#bio-dinesh"> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-dinesh-thumb.jpg" alt="Dinesh Dutt" class="img-responsive"> <span class="btn btn-default btn-sm outline white">View Bio</span> </div> <div class="name"> Dinesh Dutt &mdash; Chief Scientist </div> </div> </div> </div>
<!-- Modals --> <!-- Josh --> <div class="modal fade minimal" id="bio-josh" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-josh-full.jpg" alt="Josh Leslie" class="img-responsive"> <div class="bio"> <h3>Josh Leslie &mdash; CEO</h3> <ul class="social-links list-unstyled"> <li><a href="//twitter.com/JoshCumulus" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="//www.linkedin.com/in/joleslie" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Josh is a seasoned technology executive who brings over eighteen years of industry experience to Cumulus Networks. He was previously at Instart Logic where he was their first Sales Executive and was responsible for helping sign and cultivate Instart's first 150 enterprise customers, participating in over $50M of venture capital fundraising and growing the company from 30 to over 130 employees.</p> <p>Prior to Instart, Josh spent six years at VMware and held leadership roles in both sales and business development as the company scaled from less than $100M to more than $1B in sales. Before VMware, Josh was a field rep for CommVault Systems. He began his career as an analyst and associate in investment banking where he advised technology companies on financing and M&A strategies.</p> <p>A Bay Area native, Josh received a BA from the University of California, Berkeley and an MBA from Columbia Business School.</p> </div> </div> </div> </div> </div> <!-- JR --> <div class="modal fade minimal" id="bio-jr" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-jr-full.jpg" alt="JR Rivers" class="img-responsive"> <div class="bio"> <h3>JR Rivers &mdash; Co-Founder & CTO</h3> <ul class="social-links list-unstyled"> <li><a href="//twitter.com/JRCumulus" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="//www.linkedin.com/in/jr-rivers-3723b73" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>JR is a co-founder and CTO of the company where he works on company, technology, and product direction. JR has been involved with networking since Ethernet only ran on coaxial cables. He's worked on some of the most foundational networking products of their time, from early Network Interface Cards at 3Com through switching and routing products at Cisco. JR's early involvement in home-grown networking at Google and as the VP of System Architecture for Cisco's Unified Computing System both helped fine tune his perspective on networking for the modern datacenter.</p> </div> </div> </div> </div> </div> <!-- Ron --> <div class="modal fade minimal" id="bio-ron" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-ron-full.jpg" alt="Ron Dibiase" class="img-responsive"> <div class="bio"> <h3>Ron Dibiase &mdash; VP Sales</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- Ami --> <div class="modal fade minimal" id="bio-ami" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-ami-full.jpg" alt="Ami Badani" class="img-responsive"> <div class="bio"> <h3>Ami Badani &mdash; VP Marketing</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- William --> <div class="modal fade minimal" id="bio-william" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-william-full.jpg" alt="William Choe" class="img-responsive"> <div class="bio"> <h3>William Choe &mdash; VP Products & Alliances</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- Sandy --> <div class="modal fade minimal" id="bio-sandy" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-sandy-full.jpg" alt="Sandy Palicio" class="img-responsive"> <div class="bio"> <h3>Sandy Palicio &mdash; VP Human Resources</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- Shrijeet --> <div class="modal fade minimal" id="bio-shrijeet" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-shrijeet-full.jpg" alt="Shrijeet Mukherjee" class="img-responsive"> <div class="bio"> <h3>Shrijeet Mukherjee &mdash; VP Engineering</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- Shrijeet --> <div class="modal fade minimal" id="bio-jim" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-jim-full.jpg" alt="Jim McNicholas" class="img-responsive"> <div class="bio"> <h3>Jim McNicholas &mdash; CFO</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div> <!-- Dinesh --> <div class="modal fade minimal" id="bio-dinesh" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close top-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <img src="https://cumulusnetworks.com/media/uploads/images/about-team-dinesh-full.jpg" alt="Dinesh Dutt" class="img-responsive"> <div class="bio"> <h3>Dinesh Dutt &mdash; Chief Scientist</h3> <ul class="social-links list-unstyled"> <li><a href="#" target="_blank"><i class="icon-socialicious-twitter-sign"></i></a></li> <li><a href="#" target="_blank"><i class="icon-socialicious-linkedin-sign"></i></a></li> </ul> <p>Bio goes here</p> </div> </div> </div> </div> </div>
<!-- / Modals -->
</section> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>

Cumulus Networks bios - Script Codes CSS Codes

/* base */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
* {	body {	background: #ebebeb;	}	section {	padding: 60px 0;	}
}
/* modal styles */
.modal {	/* minimal style */	&.minimal {	.modal-content {	border-radius: 0;	border: 0;	box-shadow: none;	.modal-body {	padding: 0;	}	}	}	/* top-right close button */	button.close {	&.top-right {	position: absolute;	top: 20px;	right: 20px;	@media @sm-up {	top: 30px;	right: 30px;	}	span {	font-size: 50px;	line-height: 0.5;	}	}	&:focus {	outline: 0;	}	}
}
/* buttons */
.btn {	text-decoration: none;	display: inline-block;	border-radius: 4px;	border: 3px solid;	/* default button */	&.btn-default {	background-color: @medium-green;	color: @white;	transition: all 0.2s;	border-color: @medium-green;	&:hover {	background-color: @dark-green;	border-color: @dark-green;	}	}	/* large button */	&.btn-lg {	padding: 15px 25px;	font: 600 20px/1 'Open Sans';	letter-spacing: 0em;	}	/* small button */	&.btn-sm {	padding: 13px 18px;	font: 800 14px/1 'Open Sans';	text-transform: uppercase;	letter-spacing: 0em;	}	/* button with outline */	&.outline {	background-color: transparent;	color: @medium-green;	&.white {	color: @white;	border-color: @white;	}	&:hover {	background-color: @dark-green;	color: @white;	}	}
}
/* About page styles */
.about {	/* thumbs */	.thumb {	margin-bottom: 30px;	.photo {	position: relative;	border-top: 3px solid @white;	border-left: 3px solid @white;	border-right: 3px solid @white;	.btn {	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	margin: auto;	width: 120px;	height: 46px;	opacity: 0;	&:hover {	background: none;	}	}	&:before {	content: '';	position: absolute;	background-color: @black;	width: 100%;	height: 100%;	opacity: 0;	transition: 0.1s opacity;	}	&:hover {	cursor: pointer;	.btn {	opacity: 1;	}	&:before {	opacity: 0.15;	}	}	}	.name {	background: @white;	text-align: center;	padding: 14px 0;	font: 600 14px/20px 'Open Sans';	color: #454545;	}	}	/* modal bios */	.modal {	.modal-dialog {	@media @sm-up { width: 720px }	@media @md-up { width: 940px }	@media @lg-up { width: 1140px }	.modal-body {	.bio {	padding: 30px;	@media @sm-up { padding: 35px 40px }	@media @md-up { padding: 45px 55px }	@media @lg-up { padding: 55px 85px }	h3 {	font-weight: 700;	margin-bottom: 15px;	letter-spacing: -0.02em;	@media @sm-up {	display: inline-block;	vertical-align: middle;	}	}	.social-links {	margin-bottom: 15px;	margin-left: -6px;	@media @sm-up {	display: inline-block;	vertical-align: middle;	margin-left: 10px;	}	li {	display: inline;	a {	padding: 0 2px;	i {	font-size: 30px;	color: #aaa;	.transition(all 0.2s);	&:hover {	&.icon-socialicious-twitter-sign { color: #33ccff }	&.icon-socialicious-linkedin-sign { color: #4875b4 }	}	}	}	}	}	p {	max-width: 750px;	font: 300 18px/30px 'Open Sans';	color: @black;	margin-bottom: 25px;	}	}	}	}	}
}
Cumulus Networks bios - Script Codes
Cumulus Networks bios - Script Codes
Home Page Home
Developer Robert Asaad
Username robasaad
Uploaded September 10, 2022
Rating 3
Size 6,053 Kb
Views 26,312
Do you need developer help for Cumulus Networks bios?

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!

Robert Asaad (robasaad) Script Codes
Name
PNG vs SVG Showdown
Centered floating elements
Cumulus Buttons
Webinar LP - Thank You
Hero with fading gradient backgrounds
Nav with fading underline
Cumulus cards
React in 15ish minutes
Create amazing love letters 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!