483 lines
28 KiB
HTML
Executable File
483 lines
28 KiB
HTML
Executable File
<!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 class="current_page_item">
|
|
<a href="offer.html"><span>Offer</span></a>
|
|
</li>
|
|
<li>
|
|
<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">WHAT WE DO</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:70px; background-color:rgba(255,255,255,.9)">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix" style="padding:0 5% 0 0; ">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h2><span style="color: #e8ca00;">Integer placerat nisi</span> quis ornare mattis. Mauris at arcu fauci bus vehicula</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_image ">
|
|
<div class="image_frame image_item no_link scale-with-grid no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_ico1b.png" alt="" width="85" height="78" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h4>Aliquam dictum augue a dolor bibendum accumsan hendrerit.</h4>
|
|
<p class="big">
|
|
Cras consectetur mi nec fermentum commodo. Vivamus fermentum tortor bibendum vestibulum congue. Vivamus posuere. Nunc in vulputate ligula. Aenean rhoncus nisi et hendrerit vehicula. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus aliquam.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one clearfix">
|
|
<!-- One Third (1/3) Column -->
|
|
<div class="column mcb-column one-third column_column">
|
|
<div class="column_attr">
|
|
<h2 style="font-weight: 100;">Check prices</h2>
|
|
</div>
|
|
</div>
|
|
<!-- Two Third (2/3) Column -->
|
|
<div class="column mcb-column two-third column_column">
|
|
<div class="column_attr">
|
|
<table class="offer_table">
|
|
<tr>
|
|
<td class="o1">Duis dictum vehicula sem</td>
|
|
<td class="o2">$75</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vivamus aliquam dolor nunc</td>
|
|
<td class="o2">$39</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Curabitur fermentum dui</td>
|
|
<td class="o2">$49</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vitae aliquam mollis sed</td>
|
|
<td class="o2">$12</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:70px; background-color:rgba(227, 229, 232, 0.95)">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix" style="padding:0 5% 0 0; ">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h2><span style="color: #e8ca00;">Vivamus magna</span> integer aliquet nulla at viverra rutrum integer nec</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_image ">
|
|
<div class="image_frame image_item no_link scale-with-grid no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_ico2b.png" alt="" width="85" height="78" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h4>Interdum et malesuada fames ac ante ipsum primis in faucibus aliquam.</h4>
|
|
<p class="big">
|
|
Cras consectetur mi nec fermentum commodo. Vivamus fermentum tortor bibendum vestibulum congue. Vivamus posuere. Nunc in vulputate ligula. Aenean rhoncus nisi et hendrerit vehicula. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus aliquam.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one clearfix">
|
|
<!-- One Third (1/3) Column -->
|
|
<div class="column mcb-column one-third column_column">
|
|
<div class="column_attr">
|
|
<h2 style="font-weight: 100;">Check prices</h2>
|
|
</div>
|
|
</div>
|
|
<!-- Two Third (2/3) Column -->
|
|
<div class="column mcb-column two-third column_column">
|
|
<div class="column_attr">
|
|
<table class="offer_table">
|
|
<tr>
|
|
<td class="o1">Duis dictum vehicula sem</td>
|
|
<td class="o2">$75</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vivamus aliquam dolor nunc</td>
|
|
<td class="o2">$39</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Curabitur fermentum dui</td>
|
|
<td class="o2">$49</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vitae aliquam mollis sed</td>
|
|
<td class="o2">$12</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:70px; background-color:rgba(255,255,255,.9)">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix" style="padding:0 5% 0 0; ">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h2><span style="color: #e8ca00;">Rutrum varius</span> donec egestas ut massa nec ullamcorpe amet</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Second (1/2) Column -->
|
|
<div class="wrap mcb-wrap one-second clearfix">
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_image ">
|
|
<div class="image_frame image_item no_link scale-with-grid no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_ico3b.png" alt="" width="85" height="78" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- One Full Row-->
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr">
|
|
<h4>Vivamus fermentum tortor bibendum vesti bulum congue. Vivamus posuere.</h4>
|
|
<p class="big">
|
|
Cras consectetur mi nec fermentum commodo. Vivamus fermentum tortor bibendum vestibulum congue. Vivamus posuere. Nunc in vulputate ligula. Aenean rhoncus nisi et hendrerit vehicula. Nulla facilisi. Interdum et malesuada fames ac ante ipsum primis in faucibus aliquam.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one clearfix">
|
|
<!-- One Third (1/3) Column -->
|
|
<div class="column mcb-column one-third column_column">
|
|
<div class="column_attr">
|
|
<h2 style="font-weight: 100;">Check prices</h2>
|
|
</div>
|
|
</div>
|
|
<!-- Two Third (2/3) Column -->
|
|
<div class="column mcb-column two-third column_column">
|
|
<div class="column_attr">
|
|
<table class="offer_table">
|
|
<tr>
|
|
<td class="o1">Duis dictum vehicula sem</td>
|
|
<td class="o2">$75</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vivamus aliquam dolor nunc</td>
|
|
<td class="o2">$39</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Curabitur fermentum dui</td>
|
|
<td class="o2">$49</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o1">Vitae aliquam mollis sed</td>
|
|
<td class="o2">$12</td>
|
|
</tr>
|
|
</table>
|
|
</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> |