website/index.html

343 lines
23 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>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="content/firm/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='content/firm/css/structure.css'>
<link rel='stylesheet' href='content/firm/css/firm.css'>
<link rel='stylesheet' href='content/firm/css/custom.css'>
</head>
<body class="home 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="Automated Bytes"><img class="logo-main scale-with-grid" src="content/images/logo.png" alt="Automated Bytes" /><img class="logo-sticky scale-with-grid" src="content/images/logo.png" alt=""><img class="logo-mobile scale-with-grid" src="content/images/logo.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 class="current_page_item">
<a href="index.html"><span>Home</span></a>
</li>
<li class="current_page_item">
<a href="interior_design.html"><span>Interior Design</span></a>
</li>
<li>
<a href="mailto:info@automatedbytes.com?Subject=Automated%20Inquiry" target="_top"><span style="padding: 0; color: #e8ca00;">Contact</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>
</div>
<!-- Main Content -->
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="entry-content">
<div class="section mcb-section full-screen " style="padding-top:120px; padding-bottom:80px; ">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one clearfix">
<!-- One Full Row-->
<div class="column mcb-column one column_divider ">
<hr class="no_line" style="margin: 0 auto 80px;" />
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_column">
<div class="column_attr align_center">
<h1 style="color: #fff; margin: 0;"><div style="color: #ffe600;">AUTOMATED BYTES</div>
<br>
EMPOWERS YOUR I.T.</h1>
</div>
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_column">
<div class="column_attr align_center">
<div style="width: 100%; height: 1px; background: #fff;"></div>
</div>
</div>
<!-- One Sixth (1/6) Column -->
<div class="column mcb-column one-sixth column_placeholder">
<div class="placeholder">
&nbsp;
</div>
</div>
<!-- Two Third (2/3) Column -->
<div class="column mcb-column two-third column_column">
<div class="column_attr align_center">
<h4 style="color: #fff;">Give your staff the technical assistance they need to elevate your business</h4>
</div>
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_column column-margin-0px">
<div class="column_attr align_center">
<!-- <a class="button button_right button_large button_js" href="content/firm/about.html"><span class="button_icon"><i class="icon-comment-line" ></i></span><span class="button_label">See the details</span></a> -->
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section section-border-top " style="padding-top:0px; padding-bottom:0px; background-color:rgba(255,230,0,.9)">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one column-margin-0px clearfix">
<!-- One Full Row-->
<div class="column mcb-column one 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="content/firm/images/home_firm_sep.png" alt="" width="1" height="98" />
</div>
</div>
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_divider ">
<hr class="no_line" style="margin: 0 auto 30px;" />
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_column">
<div class="column_attr align_center" style=" padding:0 5%;">
<p>
Bill Gates on Automation:
</p>
<hr class="no_line" style="margin: 0 auto 20px;" />
<h2><span style="color: #fff;">The first rule of any technology</span> used in a business is that automation applied to an efficient operation will magnify the efficiency.</h2>
<h2 style="font-weight: 200;">The second is that automation applied to an inefficient operation will magnify the inefficiency.</h2>
<hr class="no_line" style="margin: 0 auto 40px;" />
</div>
</div>
<!-- One Full Row-->
<div class="column mcb-column one column_divider ">
<hr class="no_line" style="margin: 0 auto 20px;" />
</div>
<!-- One Full Row-->
<div class="column mcb-column one 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="content/firm/images/home_firm_sep.png" alt="" width="1" height="98" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:80px; background-color:rgba(255,255,255,.7); background-image:url(content/firm/images/home_firm_pattern1.png); background-repeat: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 align_center">
<h2 style="color: #fff;">About Automated Bytes</h2>
<p style="color: #fff;">
</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%; font-size:17px">
<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%;font-size:17px">
<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%;font-size:17px">
<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: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>How Can We Help?</h2>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column mcb-column one-second column_column">
<div class="column_attr" style=" background-color:rgba(255,255,255,.8); padding:30px 20px;">
<div style="background: url(content/firm/images/home_firm_icon1.png) no-repeat left top; padding-left: 65px; margin-bottom: 30px;">
<h4 style="margin-bottom: 7px;">Support</h4>
<p>
At our most basic, let us provide you with a Help Desk, a knowledge base, and other common office resources. From help desk ticket support to managed IT, we'll develop a solution to ease your pain and improve your trajectory.
</p>
</div>
<div style="background: url(content/firm/images/home_firm_icon2.png) no-repeat left top; padding-left: 65px; margin-bottom: 30px;">
<h4 style="margin-bottom: 7px;">Security</h4>
<p>
Security isn't always easy. After we analyze your environments and assets we can recommend and or remediate all of your potential vulnerabilites. Being secure allows you to focus resources on the next big project.
</p>
</div>
<div style="background: url(content/firm/images/home_firm_icon3.png) no-repeat left top; padding-left: 65px;">
<h4 style="margin-bottom: 7px;">Projects</h4>
<p>
Because ongoing contracts and projects aren't always necessary. You know what you want to do (or what you don't want to do) but you may not know how to get there. Lets talk and figure out how to launch you far beyond the current topic. We'll free you to do the next cool thing!
</p>
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column mcb-column one-second column_column">
<div class="column_attr" style=" padding:15px 0 0 3%;">
<h4>It is true, Information Technology is a vague term. Help us define what it means to you.</h4>
<p>
Like you, we've been in the trenches. You work long and hard on a project, you knock it out of the park and you blow the client away! The victory is short-lived when you get back to work on the next project and all of the things that frustrated you yesterday are still pain points today.
</p>
<p>
We've been able to turn those monotonous, repetitive tasks and jobs into fleeting memories. We're eager, we look forward to the unknown technology and advancements that tomorrow might bring. It's chaotic and overwhelming to most. But when you engage with us, we'll filter it all down into something meaningful, something valuable, something that you may not have even know you wanted or needed. But first, we need to talk.
</p>
<a class="button button_large button_theme button_js" href="mailto:info@automatedbytes.com?Subject=Automated%20Inquiry" target="_top""><span class="button_label">Seriously, Contact Us</span></a>
</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">
<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="mailto:info@automatedbytes.com?Subject=Automated%20Inquiry" target="_top">CONTACT US</a></h1>
</div>
</div>
</div>
</div>-->
<!-- Footer copyright-->
<div class="footer_copy">
<div class="container">
<div class="column one">
<div class="copyright">
&copy; 2017 Automated Bytes Incorporated
</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/translate3d.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", "content/firm/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", "content/firm/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", "content/firm/images/retina-firm.png").width(mobileLogoW).height(mobileLogoH);
}
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-27693393-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>