website/content/firm/about.html

286 lines
18 KiB
HTML
Raw Normal View History

2017-03-30 04:06:17 +00:00
<!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>Automated Bytes</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.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.html"><span>Home</span></a>
</li>
<li class="current_page_item">
<a href="about.html"><span>About</span></a>
</li>
<li>
<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">ABOUT US</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">
<div class="wrap mcb-wrap one clearfix">
<!-- One Full Row-->
<div class="column mcb-column one column_column">
<div class="column_attr">
<h2><span style="color: #e8ca00;">Automate</span> your business</h2>
<hr class="no_line" style="margin: 0 auto 30px;" />
<h3>Bolster your bottom line</h3>
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 0 0 4%;">
<p>
Automated Bytes provides your organization with the technical pieces you need to drive your business forward. Technology is the ever expanding and rapidly changing section of business that becomes very overwhelming when not at the core of what you do. Is there a business process that you think could be made better by technology or automation, we'll help you find and effectively fill those gaps in order to bolster the quality of your work and your bottom line.
</p>
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 0 0 4%;">
<p>
Understanding where and how to leverage various technology is a difficult. Automated Bytes removes that burden by analyzing your business processes and requirements making it possible to find efficiencies in areas of the business that are weighing you down.
</p>
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 0 0 4%;">
<p>
Applications, desktop computers, laptop computers, smart phones, servers, cloud services; you own them, we'll get you more out of them. Automated Bytes brings the next generation of software/hardware tools, methods and implmentations to set you on a path that frees you of technological dependencies.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:80px; background-color:#2b3137; background-image:url(images/home_firm_about_bgd.jpg); background-repeat:no-repeat; background-position:center top; ">
<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 style="color: #fff;">WHAT CAN WE DO?</h2>
2017-03-30 05:46:11 +00:00
<h3 style="color: #fff;">Let us optimize your processes</h3>
2017-03-30 04:06:17 +00:00
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 3%;">
<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_blockquote.png" alt="" width="40" height="34" />
</div>
</div>
<hr class="no_line" style="margin: 0 auto 20px;" />
<p class="big" style="color: #fff;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
</p>
<div class="image_frame image_item no_link scale-with-grid alignright no_border">
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_client1.png" alt="" width="130" height="22" />
</div>
</div>
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 3%;">
<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_blockquote.png" alt="" width="40" height="34" />
</div>
</div>
<hr class="no_line" style="margin: 0 auto 20px;" />
<p class="big" style="color: #fff;">
Duis eget orci turpis. Fusce sit amet convallis lorem. Sed bibendum odio et odio cursus viverra. Suspendisse pulvinar malesuada metus ac tincidunt. Donec metus. Exercitation ullamco laboris nisi ut aliquip ex consequat. Duis aute irure dolor in reprehenderit.
</p>
<div class="image_frame image_item no_link scale-with-grid alignright no_border">
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_client2.png" alt="" width="72" height="27" />
</div>
</div>
</div>
</div>
<!-- One Third (1/3) Column -->
<div class="column mcb-column one-third column_column">
<div class="column_attr" style=" padding:0 3%;">
<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_blockquote.png" alt="" width="40" height="34" />
</div>
</div>
<hr class="no_line" style="margin: 0 auto 20px;" />
<p class="big" style="color: #fff;">
Aliquam velit turpis; condimentum vel magna sit amet, maximus viverra ligula. Cras euismod quam ut semper finibus. Mauris bibendum mattis urna nec orci aliquam. Donec tincidunt ipsum nulla, vel eleifend diam sodales non. Ut ac cursus eros, ut iaculis lorem.
</p>
<div class="image_frame image_item no_link scale-with-grid alignright no_border">
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_client3.png" alt="" width="144" height="34" />
</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">
<!-- Footer copyright-->
<div class="footer_copy">
<div class="container">
<div class="column one">
<div class="copyright">
2017-03-30 05:46:11 +00:00
&copy; 2017 Automated Bytes Incorporated
2017-03-30 04:06:17 +00:00
</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>