Updates from Chris

Torey Heinz committed Jul 03, 2018
commit bae9b7daf65ac0ab460bae317e3dbec1941263f4
Showing 2 changed files with 208 additions and 168 deletions
css/style.css +34 -13
@@ @@ -3116,7 +3116,7 @@
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-overflow-scrolling: touch;
- background: #ef5e4a;
+ background: #1d242a;
color: #ffffff;
height: 100%;
max-width: 80%;
@@ @@ -3308,7 +3308,7 @@
}
#header.alt {
- background: transparent;
+ background: #010101;
}
#header.alt h1 {
@@ @@ -3347,10 +3347,10 @@
}
#header_Position {
- position: absolute;
- top: 25px;
- text-align: center;
- width: 100%;
+
+ margin-top: 5.0em;
+ margin-left: 8.0em;
+
}
.banner_box {
@@ @@ -3826,10 +3826,8 @@ p.first_service {
border-top: solid 2px #000000;
background-color: #2e3842;
background-image: url("/images/dark2.png");
- /*margin-top: 44.2em;*/
- position: absolute;
- bottom: 0;
- z-index: 10;
+ margin-top: 44.2em;
+ position: relative;
overflow: hidden;
padding-left: 5.0em;
}
@@ @@ -3846,10 +3844,12 @@ p.first_service {
#angie {
float: right;
- margin-right: 40.7em;
+ margin-right: 30.7em;
margin-top: -5.5em;
}
+
+
/***********************************************************NAV MENU*******************************************/
#navMenu {
@@ @@ -3864,7 +3864,7 @@ p.first_service {
#navMenu Li {
float:left;
- background:url('database engine.jpg') no-repeat center center;
+ background:url('') no-repeat center center;
width: 265px;
height: 90px;
border-left:1px solid #111;
@@ @@ -3909,7 +3909,7 @@ background-image: url('/images/blueBack.jpg');
}
a.menu_Links:link span {color: #ffffff; text-decoration: underline; font-family: verdana;}
- a.menu_Links:hover span {color: #ffffff; text-decoration: underline; font-family: verdana; text-shadow: 1px 1px 2px #000000;}
+ a.menu_Links:hover span {color: red; text-decoration: underline; font-family: verdana; text-shadow: 1px 1px 2px #000000;}
a.menu_Links:active span {color: #d34c00; text-decoration: underline; font-family: verdana;}
a.menu_Links:visited span {color: #ffffff; text-decoration: underline; font-family: verdana;}
@@ @@ -3962,6 +3962,26 @@ box-shadow: 0 0 1px rgba(0,0,0, .75);
height: 387px;
}
+ .navbar-trans {
+ background-color:#494949;
+ color:#fff;
+ }
+
+ .navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
+ background-color:#0199a0;
+ }
+
+ .navbar-trans a{
+ color:#fefefe;
+ }
+
+ .navbar-trans .form-control:focus {
+ border-color: #eee;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
+ }
+
/*****************************SERVICE AREAS**********************************************/
@@ @@ -4464,3 +4484,4 @@ box-shadow: 0 0 1px rgba(0,0,0, .75);
margin-left: 2.0em;
margin-top: 0.8em;
}
+
index.html +174 -155
@@ @@ -1,10 +1,10 @@
<!DOCTYPE HTML>
<html>
- <head>
- <title>Albritton's Lawn Care | St. Pete Lawn Care Service | St. Petersburg, FL</title>
- <meta charset="UTF-8" />
+ <head>
+ <title>Albritton's Lawn Care | St. Pete Lawn Care Service | St. Petersburg, FL</title>
+ <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta name="keywords" content="lawn care service, St.Pete lawn care, Saint Petersburg lawn care, Pinellas County lawn care, lawn Care St. Petersburg FL, Irma clean up tree work, hurricane irma, Irma, debris removal" />
+ <meta name="keywords" content="lawn care service, St.Pete lawn care, Saint Petersburg lawn care, Pinellas County lawn care, lawn Care St. Petersburg FL, Irma clean up tree work, hurricane irma, Irma, debris removal" />
<meta name="description" content="Quality, professional lawn care service for St. Petersburg, FL" />
<meta name="googlebot" content="index, follow" />
<meta name="robots" content="index, follow" />
@@ @@ -16,75 +16,91 @@
ga('create', 'UA-64452715-1', 'auto');
ga('send', 'pageview');
-
-
</script>
- <!-- Place this tag in your head or just before your close body tag. -->
- <script src="https://apis.google.com/js/platform.js" async defer></script>
+ <!-- Place this tag in your head or just before your close body tag. -->
+ <script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://static.thumbtack.com/media/widgets/medallion-links.js"></script>
<link rel="icon" type="image/x-icon" href="url_to_my_favicon" /> <title>My Title</title>
- <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
- <link rel="stylesheet" href="css/style.css" />
- <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
+ <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
+ <link href="Content/bootstrap.css" rel="stylesheet" />
+ <link rel="stylesheet" href="css/style.css" />
+ <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
+ <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="cssmenutools/scripts/MTHM.css" type="text/css">
+ <link rel="stylesheet" href="cssmenutools/scripts/MTHM.css" type="text/css">
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>
- <script>
- function Irma() {
- alert("Contact us for Hurricane Irma tree removal. Call 727-520-6270");
- }
- </script>
</head>
- <body onload="Irma()" class="landing">
-
- <!-- Page Wrapper -->
- <div id="page-wrapper">
-
- <!-- Header -->
- <header id="header" class="alt">
+ <body class="landing">
+ <!-- Page Wrapper -->
+ <div id="page-wrapper">
+ <!--<nav class="navbar navbar-trans " role="navigation">-->
+ <!-- Header -->
+ <header id="header" class="alt">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+
+ </div>
+
+ <div class="navbar-collapse collapse" id="navbar-collapsible">
+
+ <ul class="nav navbar-nav navbar-left">
+ <li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target='_blank'><span>Contact Us</span></a></li>
+ <li><a href="Services.html"><span>Services</span></a></li>
+ <li><a href="ServiceAreas.html">Services Areas</a></li>
+ <li><a href="AboutUs.html">About Us</a></li>
+ </ul>
+
+ </div>
+ </div>
- <h1><a href="index.html">Albritton's Lawn Care</a></h1>
- <nav id="nav">
- <ul>
- <li class="special">
- <a href="#" class="menuToggle">Contact Us</a>
- <div id="menu"><strong>Visit us at:</strong>
+ <!--<h1><a href="index.html">Albritton's Lawn Care</a></h1>-->
+ <nav id="nav">
+ <ul>
+ <li class="special">
+ <a href="#" class="menuToggle">Contact Us</a>
+ <div id="menu"><strong>Visit us at:</strong>
<br />
<br />
- <ul>
- <li><a href="https://www.facebook.com/albrittonslawncare" target="_blank"><img src="images/facebook.png" alt="Face Book"
+ <ul>
+ <li><a href="https://www.facebook.com/albrittonslawncare" target="_blank"><img src="images/facebook.png" alt="Face Book"
width="32" height="32" /></a>Facebook</li>
<li><a href="https://plus.google.com/117362623443115799335/about" target="_blank"><img src="images/google.png" alt="Google" width="32" height="32" /></a>Google Plus</li>
- <li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank"><img src="images/email.png" alt="Email" width="32" height="32" /></a>Contact Us</li>
- <!--li><a href="#">Sign Up</a></li>
- <li><a href="#">Log In</a></li>-->
- </ul>
- </div>
- </li>
- </ul>
- </nav>
- </header>
-
- <!-- Banner -->
- <section id="banner">
+ <li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank"><img src="images/email.png" alt="Email" width="32" height="32" /></a>Contact Us</li>
+ <!--li><a href="#">Sign Up</a></li>
+ <li><a href="#">Log In</a></li>-->
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </nav>
+ </header>
+
+ <!-- Banner -->
+ <section id="banner">
<div class="inner">
- <div id="header_Position"><h2>Albritton's Lawn Care</h2>
+ <div id="header_Position"><h2>Albritton's Lawn Care</h2>
<h4>Licensed &amp; Insured</h4>
</div>
- </div>
- <!--<a href="#one" class="more scrolly">Learn More</a>-->
+ </div>
+
+ <!--<a href="#one" class="more scrolly">Learn More</a>-->
- <div id= "banner_Menu">
+ <!--<div id= "banner_Menu">
<!--<div class="banner_Button"><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank" class="banner_Button_Style">
<span>Contact Us</span></a></div>-->
- <ul id="navMenu">
+ <!--<ul id="navMenu">
<li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank" class="menu_Links"><span>Contact Us</span></a></li>
<li><a href="Services.html" class="menu_Links" target="_blank"><span>Services</span></a></li>
<li><a href="ServiceAreas.html" class="menu_Links" target="_blank"><span>Service Areas</span></a></li>
@@ @@ -94,33 +110,33 @@ function Irma() {
</ul>
- </div>
-
- </section>
-
- <!-- One -->
- <section id="one" class="wrapper style1 special">
- <div class="inner">
- <header class="major">
- <p class="main_Text">At Albritton's Lawn Care we focus on providing profressional lawn services with the highest levels of customer satisfaction & we will do everything we can to exceed your expectations. With a variety of services to choose from, we're sure you'll be happy working with us. All of our employees are trained for your peace of mind. We offer same day quotes and service. Look around our website and if you have any comments or questions, <br /> please feel free to <a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank">contact us</a>
- </p><!--main_Text-->
- </header>
-
- </div>
- </section>
-
- <!-- Two -->
- <section id="two" class="wrapper alt style2">
- <section class="spotlight">
- <div class="image"><img src="images/house.jpg" alt="Landscaped Home" /></div><div class="content">
- <h2>We service all Pinellas county</h2>
- <p>St. Petersburg, Kenneth City, Lealman, Pinellas Park, Bay Pines, Seminole, Largo, Snell Island, Shore Acres, Belleair, Clearwater, Dunedin, Gulfport, Indian Rocks Beach, Indian shores, Madeira Beach, Redington Beach, Redington Shores, St. Pete Beach, South Pasadena, Tarpon Springs, Treasure Island, Palm Harbor and the surrounding areas.</p>
- </div>
- </section>
- <section class="spotlight">
- <div class="image"><img src="images/house2.jpg" alt="Landscaped Home" /></div><div class="content">
- <h2>Client Testimonial</h2>
- <p>These guys are the best. I always thought that Lawn Care companies were all the same until I saw the result! Call Ed now!<br />
+ </div>-->
+
+ </section>
+
+ <!-- One -->
+ <section id="one" class="wrapper style1 special">
+ <div class="inner">
+ <header class="major">
+ <p class="main_Text">At Albritton's Lawn Care we focus on providing profressional lawn services with the highest levels of customer satisfaction & we will do everything we can to exceed your expectations. With a variety of services to choose from, we're sure you'll be happy working with us. All of our employees are trained for your peace of mind. We offer same day quotes and service. Look around our website and if you have any comments or questions, <br /> please feel free to <a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank">contact us</a>
+ </p><!--main_Text-->
+ </header>
+
+ </div>
+ </section>
+
+ <!-- Two -->
+ <section id="two" class="wrapper alt style2">
+ <section class="spotlight">
+ <div class="image"><img src="images/house.jpg" alt="Landscaped Home" /></div><div class="content">
+ <h2>We service all Pinellas county</h2>
+ <p>St. Petersburg, Kenneth City, Lealman, Pinellas Park, Bay Pines, Seminole, Largo, Snell Island, Shore Acres, Indian Rocks Beach, Indian shores, Madeira Beach, Redington Beach, Redington Shores, St. Pete Beach, South Pasadena, Treasure Island, and the surrounding areas.</p>
+ </div>
+ </section>
+ <section class="spotlight">
+ <div class="image"><img src="images/house2.jpg" alt="Landscaped Home" /></div><div class="content">
+ <h2>Client Testimonial</h2>
+ <p>These guys are the best. I always thought that Lawn Care companies were all the same until I saw the result! Call Ed now!<br />
Cathy - Pinellas Park, FL
<br />
<br />
@@ @@ -128,75 +144,78 @@ function Irma() {
Glen -Bay Pines, FL
</p>
- </div>
- </section>
- <section class="spotlight">
- <div class="image"><img src="images/house3.jpg" alt="Landscaped Home" /></div><div class="content">
- <h2>Contact Us</h2>
- <p>Complete our <a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank">online request form</a> for a free no obligation estimate for your Lawn Care
+ </div>
+ </section>
+ <section class="spotlight">
+ <div class="image"><img src="images/house3.jpg" alt="Landscaped Home" /></div><div class="content">
+ <h2>Contact Us</h2>
+ <p>Complete our <a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank">online request form</a> for a free no obligation estimate for your Lawn Care
needs or feel free to call us at:</p>
<p><strong>727-520-6270</strong></p>
- </div>
- </section>
- </section>
-
- <!-- Three -->
- <section id="three" class="wrapper style3 special">
- <div class="inner">
- <header class="major">
- <h2>We provide commercial &amp; residential services that stand above the others</h2>
- <p>Our services provide a Complete Lawn Care package for all of your needs.<br />
- </p>
- </header>
- <ul class="features">
- <li class="">
- <h3>Lawn Mowing</h3>
- <img src="images/mower.jpg" alt="Lawn Mower" class="service_Images" />
- </li>
- <li class="">
- <h3>Edging</h3>
- <img src="images/edger.jpg" alt="Lawn Edger" class="service_Images" />
- </li>
- <li class="">
- <h3>Triming and Blowing</h3>
- <img src="images/blower.jpg" alt="Leaf Blower" class="service_Images" />
- </li>
- <li class="">
- <h3>Mulching</h3>
- <img src="images/mulch.jpg" alt="Mulch" class="service_Images" />
- </li>
- <li class="">
- <h3>Tree Removal &amp; Trimming</h3>
- <img src="images/tree.jpg" alt="Tree Trimming" class="service_Images" />
- </li>
- <li class="">
- <h3>Gutter Cleaning &amp; Clean Ups</h3>
- <img src="images/gutter.jpg" alt="Gutter Cleaning" class="service_Images" />
- </li>
- </ul>
- </div>
- </section>
-
- <!-- CTA -->
- <section id="cta" class="wrapper style4">
- <div class="inner">
- <header>
- <h2>Contact Us today for an appointment or a free estimate</h2>
- <p>We give good old fashioned hard work that is noticeable in all we do. We strive to ensure your complete satisfaction on every project, every time! </p>
- </header>
- <ul class="actions vertical">
- <li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank" class="button fit special">Contact Us</a></li>
- <!--<li><a href="#" class="button fit">Learn More</a></li>-->
- </ul>
- </div>
- </section>
-
- <!-- Footer -->
- <footer id="footer">
-
- <ul class="copyright">
- <li>&copy; Albritton Lawn Care</li><!--<li>Design: <a href="http://www.homestyledevelopment.com" target="_blank">Homestyle Development</a></li>-->
- </ul>
+ </div>
+ </section>
+ </section>
+
+ <!-- Three -->
+ <section id="three" class="wrapper style3 special">
+ <div class="inner">
+ <header class="major">
+ <h2>We provide commercial &amp; residential services that stand above the others</h2>
+ <p>Our services provide a Complete Lawn Care package for all of your needs.<br />
+ </p>
+ </header>
+ <ul class="features">
+ <li class="">
+ <h3>Lawn Mowing</h3>
+ <img src="images/mower.jpg" alt="Lawn Mower" class="service_Images" />
+ </li>
+ <li class="">
+ <h3>Edging</h3>
+ <img src="images/edger.jpg" alt="Lawn Edger" class="service_Images" />
+ </li>
+ <li class="">
+ <h3>Triming and Blowing</h3>
+ <img src="images/blower.jpg" alt="Leaf Blower" class="service_Images" />
+ </li>
+ <li class="">
+ <h3>Mulching</h3>
+ <img src="images/mulch.jpg" alt="Mulch" class="service_Images" />
+ </li>
+ <li class="">
+ <h3>Tree Removal &amp; Trimming</h3>
+ <img src="images/tree.jpg" alt="Tree Trimming" class="service_Images" />
+ </li>
+ <li class="">
+ <h3>Gutter Cleaning &amp; Clean Ups</h3>
+ <img src="images/gutter.jpg" alt="Gutter Cleaning" class="service_Images" />
+ </li>
+ </ul>
+ </div>
+ </section>
+
+ <!-- CTA -->
+ <section id="cta" class="wrapper style4">
+ <div class="inner">
+ <header>
+ <h2>Contact Us today for an appointment or a free estimate</h2>
+ <p>We give good old fashioned hard work that is noticeable in all we do. We strive to ensure your complete satisfaction on every project, every time! </p>
+ </header>
+ <ul class="actions vertical">
+ <li><a href="http://www.emailmeform.com/builder/form/OEz3Wn1cN6X8" target="_blank" class="button fit special">Contact Us</a></li>
+ <!--<li><a href="#" class="button fit">Learn More</a></li>-->
+ </ul>
+ </div>
+ </section>
+
+ <!-- Footer -->
+ <footer id="footer">
+
+ <ul class="copyright">
+ <li>&copy; Albritton Lawn Care</li>
+ <li>Workmans Comp</li>
+ <br /><br />
+ <li>Website Design: <a href="http://www.tovtechsolutions.com/">Tov Tech Solutions</a></li>
+ </ul>
<p>Professional, Quality and Dependable Lawn Care Service for St. Petersburg, FL</p>
@@ @@ -217,7 +236,7 @@ function Irma() {
<div id="angie"><table style="width: 150px; background-color: white; color: black;"><tr><td><a href="http://www.angieslist.com/AngiesList/Review/8856447"><img src="http://www.angieslist.com/webbadge/PurlImage.ashx?bid=96464ccde9903709846b0468a50b1f0f" alt="Read Unbiased Consumer Reviews Online at AngiesList.com" width="150" /></a></td></tr><tr><td style="color: black; font-family: arial, sans-serif; font-size: 12px;"><a href="http://www.angieslist.com/AngiesList/Review/8856447" style="color: #006699;text-decoration: none;">angieslist.com/review/8856447</a></td></tr></table></div>
- <script type="application/ld+json">
+ <script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "WebSite",
"name" : "Albrittons Lawn Care",
@@ @@ -225,17 +244,17 @@ function Irma() {
"url" : "http://www.albrittonslawncare.com"
}
</script>
- </footer>
+ </footer>
- </div>
+ </div>
- <!-- Scripts -->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.scrollex.min.js"></script>
- <script src="js/jquery.scrolly.min.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/init.js"></script>
- <script src="Scripts/bootstrap.js"></script>
+ <!-- Scripts -->
+ <script src="js/jquery.min.js"></script>
+ <script src="js/jquery.scrollex.min.js"></script>
+ <script src="js/jquery.scrolly.min.js"></script>
+ <script src="js/skel.min.js"></script>
+ <script src="js/init.js"></script>
+ <script src="Scripts/bootstrap.js"></script>
- </body>
+ </body>
</html>