StartBootstrap · jlastwood · Jun 15, 2019 · Jun 15, 2019 · Jun 15, 2019 · Jun 15, 2019
diff --git a/BlueZoneIT.png b/BlueZoneIT.png
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+www.bluezoneit.com
diff --git a/README.md b/README.md
@@ -2,6 +2,20 @@
 
 [Business Casual](http://startbootstrap.com/template-overviews/business-casual/) is a multipurpose website theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). This theme features a landing page, about page, blog page, and a contact page along with various custom styles and components.
 
+## Janet Bluezone IT chagnes
+
+Colors
+https://hookagency.com/website-color-schemes/
+Left Blue: #1561ad   rgb(21,97,173)
+Right Blue- Muted: #1c77ac  rgb(28,119,172)
+Blue Green: #1dbab4   buttons   rgb(29,186,180)
+Red-Orange: #fc5226  mainNav text-primary navbar brand rgb(252,82,38)
+
+Added font awesom icons on contact page
+https://fontawesome.com/icons?d=gallery&q=mail&m=free
+Removed the Hours feature on contact page. 
+Tried to fix issues with adding links in the call to action area (does not work)
+
 ## Preview
 
 [![Business Casual Preview](https://startbootstrap.com/assets/img/screenshots/themes/business-casual.png)](https://blackrockdigital.github.io/startbootstrap-business-casual/)

diff --git a/about.html b/about.html
@@ -25,7 +25,7 @@
 <body>
 
   <h1 class="site-heading text-center text-white d-none d-lg-block">
-    <span class="site-heading-upper text-primary mb-3">A Free Bootstrap 4 Business Theme</span>
+    <span class="site-heading-upper text-primary mb-3">Our Story</span>
     <span class="site-heading-lower">Business Casual</span>
   </h1>
 
@@ -47,10 +47,13 @@ <h1 class="site-heading text-center text-white d-none d-lg-block">
             <a class="nav-link text-uppercase text-expanded" href="about.html">About</a>
           </li>
           <li class="nav-item px-lg-4">
-            <a class="nav-link text-uppercase text-expanded" href="products.html">Products</a>
+            <a class="nav-link text-uppercase text-expanded" href="insights.html">Products</a>
           </li>
           <li class="nav-item px-lg-4">
-            <a class="nav-link text-uppercase text-expanded" href="store.html">Store</a>
+            <a class="nav-link text-uppercase text-expanded" href="contact.html">Store</a>
+          </li>
+                    <li class="nav-item px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="training.html">Training</a>
           </li>
         </ul>
       </div>
@@ -65,11 +68,33 @@ <h1 class="site-heading text-center text-white d-none d-lg-block">
           <div class="col-xl-9 col-lg-10 mx-auto">
             <div class="bg-faded rounded p-5">
               <h2 class="section-heading mb-4">
-                <span class="section-heading-upper">Strong Coffee, Strong Roots</span>
-                <span class="section-heading-lower">About Our Cafe</span>
+                <span class="section-heading-upper">Growing Strong Businesses</span>
+                <span class="section-heading-lower">Our Story</span>
               </h2>
-              <p>Founded in 1987 by the Hernandez brothers, our establishment has been serving up rich coffee sourced from artisan farmers in various regions of South and Central America. We are dedicated to travelling the world, finding the best coffee, and bringing back to you here in our cafe.</p>
-              <p class="mb-0">We guarantee that you will fall in <em>lust</em> with our decadent blends the moment you walk inside until you finish your last sip. Join us for your daily routine, an outing with friends, or simply just to enjoy some alone time.</p>
+              <p>Blue Zone IT was founded by Janet Astwood to provide IT consulting services to the global community. Our motto is “Growing Strong Businesses”. The blue pumpkin, our symbol, is a native plant of North America now grown around the world. Like pumpkins Blue Zone IT is versatile, able to adapt to any challenge, and hardy, capable of adapting in difficult conditions.</p>
+             We are looking forward to working with you.
+
+Services
+We offer the following services to support and grow your business and company.
+
+Project Management
+Business Process Consulting
+Talent Acquisition
+Editing/Proofreading
+Quality Assurance and Testing
+Projects
+We have worked on a number of projects and services with great people. The following are some of our favourites.
+
+iAppraisal.com Personalized agent websites with direct mail marketing.
+Onecup.Org Woocommerce and Woosubscriptions ecommerce site.
+Contact
+You can contact us directly or contract through any of the major freelance sites.
+
+Linked In
+Remote
+Upwork
+Meet the Founder
+
             </div>
           </div>
         </div>
@@ -79,7 +104,7 @@ <h2 class="section-heading mb-4">
 
   <footer class="footer text-faded text-center py-5">
     <div class="container">
-      <p class="m-0 small">Copyright &copy; Your Website 2019</p>
+      <p class="m-0 small">Copyright &copy; Blue Zone IT 2025</p>
     </div>
   </footer>
 

diff --git a/benefits.html b/benefits.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>BlueZone IT - Grow Stong Businesses</title>
+  <link rel="icon" href="/BlueZoneIT.png">
+
+  <!-- Bootstrap core CSS -->
+  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom fonts for this template -->
+  <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
+
+  <!-- Custom styles for this template -->
+  <link href="css/business-casual.css" rel="stylesheet">
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-54000689-4"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'UA-54000689-4');
+</script>
+
+</head>
+
+<body>
+
+  <h1 class="site-heading text-center text-white d-none d-lg-block">
+    <span class="site-heading-upper text-primary mb-3">Benefits</span>
+    <span class="site-heading-lower">Blue Zone IT</span>
+  </h1>
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
+    <div class="container">
+      <a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Blue Zone IT</a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarResponsive">
+        <ul class="navbar-nav mx-auto">
+          <li class="nav-item px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="index.html">Home
+              <span class="sr-only">(current)</span>
+            </a>
+          </li>
+          <li class="nav-item active px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="benefits.html">Benefits</a>
+          </li>
+          <li class="nav-item px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="proof.html">Proof</a>
+          </li>
+          <li class="nav-item px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="contact.html">Contact</a>
+          </li>
+                    <li class="nav-item px-lg-4">
+            <a class="nav-link text-uppercase text-expanded" href="training.html">Training</a>
+          </li>
+        </ul>
+      </div>
+
+    </div>
+  </nav>
+
+  <section class="page-section">
+    <div class="container">
+      <div class="product-item">
+        <div class="product-item-title d-flex">
+          <div class="bg-faded p-5 d-flex mr-auto rounded">
+            <h2 class="section-heading mb-0">
+              <span class="section-heading-upper">Agent for Change</span>
+              <span class="section-heading-lower"></span>
+            </h2>
+          </div>
+        </div>
+        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-05.jpg" alt="">
+        <div class="product-item-description d-flex ml-auto">
+          <div class="bg-faded p-5 rounded">
+            </br></br>
+            <p class="mb-0">Change Agents understand the business and the customers, motivate, inspire, and potentially  the change process.   People resist change they do not understand or when they do not see value.  Change agents embrace the resistance, encourage and enable people to improve.  
+            </br></br>
+             "Change is the law of life and those who look only to the past or present are certain to miss the future" – John F. Kennedy
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="page-section">
+    <div class="container">
+      <div class="product-item">
+        <div class="product-item-title d-flex">
+          <div class="bg-faded p-5 d-flex ml-auto rounded">
+            <h2 class="section-heading mb-0">
+              <span class="section-heading-upper">Project Management</span>
+              <span class="section-heading-lower"></span>
+            </h2>
+          </div>
+        </div>
+        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-01.jpg" alt="">
+        <div class="product-item-description d-flex mr-auto">
+          <div class="bg-faded p-5 rounded">
+            <p class="mb-0">Every project large and small can benefit from a dedicated project manager. Project managers lead and motivate, are proactive and deal with continuous challenges that are faced during a project.
+            </br></br>
+            A good project manager monitors and controls the project so that potential problems are identified in a timely manner and corrective actions can be taken.
+        </br></br>
+        “It is useless to desire more time if you are already wasting what little you have.” -— James Allen
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="page-section">
+    <div class="container">
+      <div class="product-item">
+        <div class="product-item-title d-flex">
+          <div class="bg-faded p-5 d-flex mr-auto rounded">
+            <h2 class="section-heading mb-0">
+              <span class="section-heading-upper">Business Process Consulting</span>
+              <span class="section-heading-lower"></span>
+            </h2>
+          </div>
+        </div>
+        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-02.jpg" alt="">
+        <div class="product-item-description d-flex ml-auto">
+          <div class="bg-faded p-5 rounded">
+            <p class="mb-0">Analysis and advice on how to improve productivity in your organization.  A great process is easy to understand, makes sense and is supported and complemented by your tools.
+            </br></br>
+            A good project manager develops and utilizes repeatable templates that are specific to the industry they're dealing with. This allows procedures to become very thorough, and highly repeatable, with the specific intent to increase quality, lower delivery costs, and decrease time to deliver.
+        <br><br>
+        ‘"Begin at the beginning,’ the King said gravely, ‘and go on till you come to the end; 
+then stop.’”— Lewis Carroll
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="page-section">
+    <div class="container">
+      <div class="product-item">
+        <div class="product-item-title d-flex">
+          <div class="bg-faded p-5 d-flex ml-auto rounded">
+            <h2 class="section-heading mb-0">
+              <span class="section-heading-upper">Talent Aquisition and Development</span>
+              <span class="section-heading-lower"></span>
+            </h2>
+          </div>
+        </div>
+        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-03.jpg" alt="">
+        <div class="product-item-description d-flex mr-auto">
+          <div class="bg-faded p-5 rounded">
+            <p class="mb-0">A project manager helps you find specialists, leaders, and candidates for positions that require specific skillsets.   Expert support in talent acquisition, onboarding and development ensures you have the right people on your next project.  
+              <br><br>
+            “What chance gathers she easily scatters. A great person attracts great people and knows how to hold them together.” ~ Johann Wolfgang Von Goethe
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+    <section class="page-section">
+    <div class="container">
+      <div class="product-item">
+        <div class="product-item-title d-flex">
+          <div class="bg-faded p-5 d-flex mr-auto rounded">
+            <h2 class="section-heading mb-0">
+              <span class="section-heading-upper">Quality Assurance</span>
+              <span class="section-heading-lower"></span>
+            </h2>
+          </div>
+        </div>
+        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-04.jpg" alt="">
+        <div class="product-item-description d-flex ml-auto">
+          <div class="bg-faded p-5 rounded">
+            <p class="mb-0">Quality does not end with initial implementation.  A good project manager will monitor operations, supervise and guide inspections, recommend improvements and ensure customer expectations are satisfied through the entire systems lifecycle.  
+            <br><br>
+            “Quality means doing it right when no one is looking.” ~Henry Ford
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>  
+
+
+
+  <footer class="footer text-faded text-center py-5">
+    <div class="container">
+      <p class="m-0 small">Copyright &copy; Blue Zone IT 2020</p>
+    </div>
+  </footer>
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="vendor/jquery/jquery.min.js"></script>
+  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>