400 lines
24 KiB
HTML
400 lines
24 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 "> <![endif]-->
|
||
|
|
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
|
||
|
|
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9"> <![endif]-->
|
||
|
|
<!--[if IE 9]><html class="no-js lt-ie10"> <![endif]-->
|
||
|
|
<!--[if gt IE 8]><!-->
|
||
|
|
<html class="no-js">
|
||
|
|
<!--<![endif]-->
|
||
|
|
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<!-- Basic Page Needs -->
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Be</title>
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
|
||
|
|
<!-- Mobile Specific Metas -->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
|
|
||
|
|
<!-- Favicons -->
|
||
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||
|
|
|
||
|
|
<!-- FONTS -->
|
||
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
|
||
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
|
||
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Raleway:200,400,400italic,700,700italic,900'>
|
||
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Biryani:200,400,400italic,700,700italic,900'>
|
||
|
|
|
||
|
|
<!-- CSS -->
|
||
|
|
<link rel='stylesheet' href='../../css/global.css'>
|
||
|
|
<link rel='stylesheet' href='css/structure.css'>
|
||
|
|
<link rel='stylesheet' href='css/firm.css'>
|
||
|
|
<link rel='stylesheet' href='css/custom.css'>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="layout-full-width nice-scroll-on mobile-tb-left button-flat no-content-padding no-table-hover header-stack header-center minimalist-header-no sticky-header sticky-white ab-hide subheader-both-center menu-line-below-80-1 menuo-no-borders footer-copy-center tr-header tr-menu tr-content">
|
||
|
|
<!-- Main Theme Wrapper -->
|
||
|
|
<div id="Wrapper">
|
||
|
|
<!-- Header Wrapper -->
|
||
|
|
<div id="Header_wrapper">
|
||
|
|
<!-- Header -->
|
||
|
|
<header id="Header">
|
||
|
|
|
||
|
|
<!-- Header - Logo and Menu area -->
|
||
|
|
<div id="Top_bar">
|
||
|
|
<div class="container">
|
||
|
|
<div class="column one">
|
||
|
|
<div class="top_bar_left clearfix">
|
||
|
|
<!-- Logo-->
|
||
|
|
<div class="logo">
|
||
|
|
<a id="logo" href="../../index-firm.html" title="BeFirm - BeTheme"><img class="logo-main scale-with-grid" src="images/firm.png" alt="BeFirm - BeTheme" /><img class="logo-sticky scale-with-grid" src="images/firm.png" alt=""><img class="logo-mobile scale-with-grid" src="images/firm.png" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!-- Main menu-->
|
||
|
|
<div class="menu_wrapper">
|
||
|
|
<nav id="menu" class="menu-main-menu-container">
|
||
|
|
<ul id="menu-main-menu" class="menu">
|
||
|
|
<li>
|
||
|
|
<a href="../../index-firm.html"><span>Home</span></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="about.html"><span>About</span></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="offer.html"><span>Offer</span></a>
|
||
|
|
</li>
|
||
|
|
<li class="current_page_item">
|
||
|
|
<a href="our-crew.html"><span>Our crew</span></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="contact.html"><span>Contact</span></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a target="_blank" href="http://bit.ly/1M6lijQ"><span><span style="padding: 0; color: #e8ca00;">Buy now</span></span></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav><a class="responsive-menu-toggle" href="#"><i class="icon-menu"></i></a>
|
||
|
|
</div>
|
||
|
|
<!-- Secondary menu area - only for certain pages -->
|
||
|
|
<div class="secondary_menu_wrapper"></div>
|
||
|
|
<!-- Banner area - only for certain pages-->
|
||
|
|
<div class="banner_wrapper"></div>
|
||
|
|
<!-- Header Searchform area-->
|
||
|
|
<div class="search_wrapper">
|
||
|
|
<form method="get" id="searchform" action="#">
|
||
|
|
<i class="icon_search icon-search"></i><a href="#" class="icon_close"><i class="icon-cancel"></i></a>
|
||
|
|
<input type="text" class="field" name="s" id="s" placeholder="Enter your search" />
|
||
|
|
<input type="submit" class="submit" value="" style="display:none;" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<!--Subheader area - only for certain pages -->
|
||
|
|
<div id="Subheader" style="padding:250px 0 100px;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="column one">
|
||
|
|
<h1 class="title">MEET OUR CREW</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Main Content -->
|
||
|
|
<div id="Content">
|
||
|
|
<div class="content_wrapper clearfix">
|
||
|
|
<div class="sections_group">
|
||
|
|
<div class="entry-content">
|
||
|
|
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:80px; background-color:rgba(255, 255, 255, 0.9)">
|
||
|
|
<div class="section_wrapper mcb-section-inner">
|
||
|
|
<div class="wrap mcb-wrap one clearfix">
|
||
|
|
<!-- One Full Row-->
|
||
|
|
<div class="column mcb-column one column_column">
|
||
|
|
<div class="column_attr">
|
||
|
|
<h2>Lorena Mac Cole</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Two Third (2/3) Column -->
|
||
|
|
<div class="column mcb-column two-third column_image ">
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_staff2.jpg" alt="" width="700" height="750" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Third (1/3) Column -->
|
||
|
|
<div class="column mcb-column one-third column_column">
|
||
|
|
<div class="column_attr" style=" padding:10px 0 0 0;">
|
||
|
|
<h5>Mauris finibus, nisi ut gravida commodo, nulla orci venenatis metus, sit amet rutrum nulla tellus nec mauris. Aenean turpis tortor, bibendum ut nulla a posuere.</h5>
|
||
|
|
<p class="big">
|
||
|
|
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
|
||
|
|
</p>
|
||
|
|
<hr class="no_line" style="margin: 0 auto 25px;" />
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_sign1.png" alt="" width="160" height="50" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:80px; background-color:rgba(227, 229, 232, 0.95)">
|
||
|
|
<div class="section_wrapper mcb-section-inner">
|
||
|
|
<div class="wrap mcb-wrap one clearfix">
|
||
|
|
<!-- One Full Row-->
|
||
|
|
<div class="column mcb-column one column_column">
|
||
|
|
<div class="column_attr">
|
||
|
|
<h2>Thomas Mirandon</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Second (1/2) Column -->
|
||
|
|
<div class="column mcb-column one-second column_column">
|
||
|
|
<div class="column_attr" style=" padding:10px 0 0 0;">
|
||
|
|
<h5>Rutrum nulla finibus, nisi ut gravida commodo, nulla orci venenatis metus, sit amet tellus nec mauris. Aenean turpis tortor, bibendum ut nulla a posuere.</h5>
|
||
|
|
<p class="big">
|
||
|
|
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
|
||
|
|
</p>
|
||
|
|
<hr class="no_line" style="margin: 0 auto 25px;" />
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_sign2.png" alt="" width="145" height="42" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Second (1/2) Column -->
|
||
|
|
<div class="column mcb-column one-second column_image ">
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_staff3.jpg" alt="" width="700" height="750" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Full Row-->
|
||
|
|
<div class="column mcb-column one column_divider ">
|
||
|
|
<hr class="no_line" style="margin: 0 auto 40px;" />
|
||
|
|
</div>
|
||
|
|
<!-- One Full Row-->
|
||
|
|
<div class="column mcb-column one column_column">
|
||
|
|
<div class="column_attr">
|
||
|
|
<h2>Nicele Thaimelli</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Second (1/2) Column -->
|
||
|
|
<div class="column mcb-column one-second column_image ">
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_staff1.jpg" alt="" width="700" height="750" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- One Second (1/2) Column -->
|
||
|
|
<div class="column mcb-column one-second column_column">
|
||
|
|
<div class="column_attr" style=" padding:10px 0 0 0;">
|
||
|
|
<h5>Vestibulum bibendum finibus, nisi ut gravida commodo, nulla orci venenatis metus, sit amet rutrum nulla tellus nec mauris. Aenean turpis tortor, bibendum ut nulla a posuere.</h5>
|
||
|
|
<p class="big">
|
||
|
|
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
|
||
|
|
</p>
|
||
|
|
<hr class="no_line" style="margin: 0 auto 25px;" />
|
||
|
|
<div class="image_frame image_item no_link scale-with-grid alignnone no_border">
|
||
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_sign3.png" alt="" width="147" height="77" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="section mcb-section section-border-top " style="padding-top:200px; padding-bottom:160px; ">
|
||
|
|
<div class="section_wrapper mcb-section-inner">
|
||
|
|
<div class="wrap mcb-wrap one clearfix">
|
||
|
|
<!-- One Full Row-->
|
||
|
|
<div class="column mcb-column one column_column">
|
||
|
|
<div class="column_attr align_center">
|
||
|
|
<h1 style="color: #fff;">INTERESTED?
|
||
|
|
<br>
|
||
|
|
PLEASE <a style="color: #ffe600;" href="#">CONTACT US</a></h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="section the_content no_content">
|
||
|
|
<div class="section_wrapper">
|
||
|
|
<div class="the_content_wrapper"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Footer-->
|
||
|
|
<footer id="Footer" class="clearfix">
|
||
|
|
<div class="widgets_wrapper" style="padding:40px 0;">
|
||
|
|
<div class="container">
|
||
|
|
<!-- One Fourth (1/4) Column -->
|
||
|
|
<div class="column one-fourth">
|
||
|
|
<!-- Text Area -->
|
||
|
|
<aside class="widget widget_text">
|
||
|
|
<h4>Aenean sollicit</h4>
|
||
|
|
<div class="textwidget">
|
||
|
|
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
|
||
|
|
<li>
|
||
|
|
<a href="#">Quent per conubia nostra</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Nceptos himenaeos</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Mauris in erat</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Lustoac</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
<!-- One Fourth (1/4) Column -->
|
||
|
|
<div class="column one-fourth">
|
||
|
|
<!-- Text Area -->
|
||
|
|
<aside class="widget widget_text">
|
||
|
|
<h4>Bibendum auctor</h4>
|
||
|
|
<div class="textwidget">
|
||
|
|
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
|
||
|
|
<li>
|
||
|
|
<a href="#">Aenean sollicitudin orem qui</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Duis sed odio sit amet nibh</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Morbi accumsan ipsum velit</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Nam nec tellus </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Class aptent taciti sociosqu </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Mauris in erat justo</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Sed non neque</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
<!-- One Fourth (1/4) Column -->
|
||
|
|
<div class="column one-fourth">
|
||
|
|
<!-- Text Area -->
|
||
|
|
<aside class="widget widget_text">
|
||
|
|
<h4>Quisque cursus</h4>
|
||
|
|
<div class="textwidget">
|
||
|
|
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
|
||
|
|
<li>
|
||
|
|
<a href="#">Duis sed odio sit amet nibh</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Morbi accumsan ipsum velit</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Nam nec tellus </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Class aptent taciti sociosqu </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Mauris in erat justo</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Sed non neque</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
<!-- One Fourth (1/4) Column -->
|
||
|
|
<div class="column one-fourth">
|
||
|
|
<!-- Text Area -->
|
||
|
|
<aside class="widget widget_text">
|
||
|
|
<h4>Vesti bulum</h4>
|
||
|
|
<div class="textwidget">
|
||
|
|
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
|
||
|
|
<li>
|
||
|
|
<a href="#">Nam nec tellus </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Class aptent taciti sociosqu </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Mauris in erat justo</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Sed non neque</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Footer copyright-->
|
||
|
|
<div class="footer_copy">
|
||
|
|
<div class="container">
|
||
|
|
<div class="column one">
|
||
|
|
|
||
|
|
<div class="copyright">
|
||
|
|
© 2017 BeFirm - BeTheme. Muffin group - HTML by <a target="_blank" rel="nofollow" href="http://bit.ly/1M6lijQ">BeantownThemes</a>
|
||
|
|
</div>
|
||
|
|
<!--Social info area-->
|
||
|
|
<ul class="social"></ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- JS -->
|
||
|
|
<script src="../../js/jquery-2.1.4.min.js"></script>
|
||
|
|
|
||
|
|
<script src="../../js/mfn.menu.js"></script>
|
||
|
|
<script src="../../js/jquery.plugins.js"></script>
|
||
|
|
<script src="../../js/jquery.jplayer.min.js"></script>
|
||
|
|
<script src="../../js/animations/animations.js"></script>
|
||
|
|
<script src="../../js/scripts.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
jQuery(window).load(function() {
|
||
|
|
var retina = window.devicePixelRatio > 1 ? true : false;
|
||
|
|
if (retina) {
|
||
|
|
var retinaEl = jQuery("#logo img.logo-main");
|
||
|
|
var retinaLogoW = retinaEl.width();
|
||
|
|
var retinaLogoH = retinaEl.height();
|
||
|
|
retinaEl.attr("src", "images/retina-firm.png").width(retinaLogoW).height(retinaLogoH);
|
||
|
|
var stickyEl = jQuery("#logo img.logo-sticky");
|
||
|
|
var stickyLogoW = stickyEl.width();
|
||
|
|
var stickyLogoH = stickyEl.height();
|
||
|
|
stickyEl.attr("src", "images/retina-firm.png").width(stickyLogoW).height(stickyLogoH);
|
||
|
|
var mobileEl = jQuery("#logo img.logo-mobile");
|
||
|
|
var mobileLogoW = mobileEl.width();
|
||
|
|
var mobileLogoH = mobileEl.height();
|
||
|
|
mobileEl.attr("src", "images/retina-firm.png").width(mobileLogoW).height(mobileLogoH);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|