v1 ready for the limelight
This commit is contained in:
parent
a12226133d
commit
3f23024cfc
292
index.html
292
index.html
@ -50,7 +50,7 @@
|
||||
<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="content/firm/images/firm.png" alt="BeFirm - BeTheme" /><img class="logo-sticky scale-with-grid" src="content/firm/images/firm.png" alt=""><img class="logo-mobile scale-with-grid" src="content/firm/images/firm.png" alt="">
|
||||
<!-- <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-->
|
||||
@ -60,20 +60,11 @@
|
||||
<li class="current_page_item">
|
||||
<a href="index.html"><span>Home</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<!-- <li>
|
||||
<a href="content/firm/about.html"><span>About</span></a>
|
||||
</li>
|
||||
</li>-->
|
||||
<li>
|
||||
<a href="content/firm/offer.html"><span>Offer</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="content/firm/our-crew.html"><span>Our crew</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="content/firm/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>
|
||||
<a href="mailto:info@automatedbytes.com?Subject=Automated%20Inquiry" target="_blank"><span style="padding: 0; color: #e8ca00;">Contact</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav><a class="responsive-menu-toggle" href="#"><i class="icon-menu"></i></a>
|
||||
@ -111,7 +102,7 @@
|
||||
<!-- One Full Row-->
|
||||
<div class="column mcb-column one column_column">
|
||||
<div class="column_attr align_center">
|
||||
<h1 style="color: #fff; margin: 0;">AUTOMATED BYTES
|
||||
<h1 style="color: #fff; margin: 0;"><div style="color: #ffe600;">AUTOMATED BYTES</div>
|
||||
<br>
|
||||
EMPOWERS YOUR I.T.</h1>
|
||||
</div>
|
||||
@ -137,7 +128,7 @@
|
||||
<!-- 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>
|
||||
<!-- <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>
|
||||
@ -161,13 +152,12 @@
|
||||
<div class="column mcb-column one column_column">
|
||||
<div class="column_attr align_center" style=" padding:0 5%;">
|
||||
<p>
|
||||
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
Bill Gates on Automation:
|
||||
</p>
|
||||
<hr class="no_line" style="margin: 0 auto 20px;" />
|
||||
<h2><span style="color: #fff;">Excepteur sint occaecat</span> cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h2>
|
||||
<h2 style="font-weight: 200;">Sed ut perspiciatis unde omnis iste natus error sit volupta.</h2>
|
||||
<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;" />
|
||||
<a class="button button_large button_theme button_js" href="content/firm/about.html"><span class="button_label">Read more</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- One Full Row-->
|
||||
@ -184,71 +174,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:80px; background-color:rgba(6,12,23,.7); background-image:url(content/firm/images/home_firm_pattern1.png); background-repeat:repeat; background-position:center top; ">
|
||||
<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;">WHAT CAN WE DO?</h2>
|
||||
<h2 style="color: #fff;">About Automated Bytes</h2>
|
||||
<p style="color: #fff;">
|
||||
Sed ut per omnis iste natus error sit voluptatemiumpiciatis unde omnis iste natus
|
||||
<br> cerror sit voluptatem accusantium
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- One Third (1/3) Column -->
|
||||
<div class="column mcb-column one-third column_zoom_box ">
|
||||
<div class="zoom_box">
|
||||
<a href="content/firm/offer.html">
|
||||
<div class="photo"><img class="scale-with-grid" src="content/firm/images/home_firm_offer1.jpg" alt="" width="700" height="1305" />
|
||||
</div>
|
||||
<div class="desc" style="background-color:rgba(9, 21, 46, 0.8);">
|
||||
<div class="desc_wrap">
|
||||
<div class="desc_img"><img class="scale-with-grid" src="content/firm/images/home_firm_ico1.png" alt="">
|
||||
</div>
|
||||
<div class="desc_txt">
|
||||
Sed fringilla purus nec tortor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<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_zoom_box ">
|
||||
<div class="zoom_box">
|
||||
<a href="content/firm/offer.html">
|
||||
<div class="photo"><img class="scale-with-grid" src="content/firm/images/home_firm_offer2.jpg" alt="" width="700" height="1305" />
|
||||
</div>
|
||||
<div class="desc" style="background-color:rgba(9, 21, 46, 0.8);">
|
||||
<div class="desc_wrap">
|
||||
<div class="desc_img"><img class="scale-with-grid" src="content/firm/images/home_firm_ico2.png" alt="">
|
||||
</div>
|
||||
<div class="desc_txt">
|
||||
Praesent eu sodales lacus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<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_zoom_box ">
|
||||
<div class="zoom_box">
|
||||
<a href="content/firm/offer.html">
|
||||
<div class="photo"><img class="scale-with-grid" src="content/firm/images/home_firm_offer3.jpg" alt="" width="700" height="1305" />
|
||||
</div>
|
||||
<div class="desc" style="background-color:rgba(9, 21, 46, 0.8);">
|
||||
<div class="desc_wrap">
|
||||
<div class="desc_img"><img class="scale-with-grid" src="content/firm/images/home_firm_ico3.png" alt="">
|
||||
</div>
|
||||
<div class="desc_txt">
|
||||
Ut nec varius mauris sceleris
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<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>
|
||||
@ -260,28 +218,28 @@
|
||||
<!-- One Full Row-->
|
||||
<div class="column mcb-column one column_column">
|
||||
<div class="column_attr">
|
||||
<h2>Proin suscipit elit nulla id arcu</h2>
|
||||
<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;">Suspendisse hendrerit ex</h4>
|
||||
<h4 style="margin-bottom: 7px;">Support</h4>
|
||||
<p>
|
||||
Dictum varius; erat risus tempus mi, ac molestie velit leo vel ligula. Pellentesque ullamcorper, lacus nec.
|
||||
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;">Nullam consectetur ipsum</h4>
|
||||
<h4 style="margin-bottom: 7px;">Security</h4>
|
||||
<p>
|
||||
Proin eu lacinia purus. Praesent dui metus, mattis nec nulla vel, pharetra scelerisque mi nullam finibus.
|
||||
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;">Consectetur ipsumx</h4>
|
||||
<h4 style="margin-bottom: 7px;">Projects</h4>
|
||||
<p>
|
||||
Pharetra scelerisque mi. Nullam consectetur ipsum finibus dui pulvinar, vel tempor sapien sed.
|
||||
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>
|
||||
@ -289,66 +247,14 @@
|
||||
<!-- 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>Proin accumsan mauris elit, suscipit iaculis mi elementum sit amet. Pellentesque suscipit metus justo, vitae auctor lacus convallis id. Praesent dolor volutpat.</h4>
|
||||
<h4>It is true, Information Technology is a vague term. Help us define what it means to you.</h4>
|
||||
<p>
|
||||
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 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
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>
|
||||
<a class="button button_large button_theme button_js" href="content/firm/about.html"><span class="button_label">Read more</span></a>
|
||||
</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,.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>We can help you</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column mcb-column one-fourth column_column">
|
||||
<div class="column_attr" style=" padding:0 5% 0 0;">
|
||||
<h4>Our crew</h4>
|
||||
<p class="big">
|
||||
Praesent gravida sollicitudin enim, vel consectetur.
|
||||
</p>
|
||||
<p>
|
||||
pellentesque condimentum. Aenean nec sollicitudin libero, ut ultrices libero. Morbi ultricies posuere.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column mcb-column one-fourth 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_staff1.jpg" alt="" width="700" height="750" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column mcb-column one-fourth 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_staff2.jpg" alt="" width="700" height="750" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column mcb-column one-fourth 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_staff3.jpg" alt="" width="700" height="750" />
|
||||
</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="content/firm/contact.html">CONTACT US</a></h1>
|
||||
<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="_blank""><span class="button_label">Seriously, Contact Us</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -365,124 +271,24 @@
|
||||
</div>
|
||||
<!-- Footer-->
|
||||
<footer id="Footer" class="clearfix">
|
||||
<div class="widgets_wrapper" style="padding:40px 0;">
|
||||
<!-- <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 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="_blank">CONTACT US</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
© 2017 Automated Bytes Incorporated
|
||||
</div>
|
||||
<!--Social info area-->
|
||||
<ul class="social"></ul>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user