870 client/styles/style.css
View file

Large diffs are not rendered by default.

21 client/views/directives/estimate.html
View file
@@ -0,0 +1,21 @@
<div id="closeButton"><i class="fa fa-times" style="font-size:32px;color:white;"></i></div>

<div class="estimateModal" ng-click="stayOpen($event)">
<div class="estimateOverlay">
<p style="color:white;margin:0;padding-top:20px;font-size:36px;">Want to get in contact
with us for an estimate?</p>
<div class="contactForm">
<p style="color:white;margin:0;padding-top:20px;font-size:18px;">Just fill out this
and hit 'Submit' and we'll respond as soon as possible</p>
<form name="contactForm" novalidate style="margin-top:30px;">
<label>What is your full name?</label><br>
<input class="contactInput" ng-model="contact.name" required placeholder=""><br>
<label>What is your phone number?</label><br>
<input class="contactInput" ng-model="contact.number" required><br>
<label>What is your full address?</label><br>
<input class="contactInput" ng-model="contact.address" required><br>
</form>
<button class="estimateFormButton">Request an Estimate</button>
</div>
</div>
</div>
10 client/views/directives/navbar.html
View file
@@ -1,8 +1,12 @@
<div id="navContainer" onresize="resizeFunction()">
<div id="navToggle" ng-click="toggleNav()"><i class="fa fa-bars"></i></div>
<div id="navLogo">
<img src="./assets/images/mainLogo.jpeg" height="40" />
<div id="navNumbers">
<!--<div class="number">(507) 226-1478</div>-->
<img id="headerLogo" src="./assets/images/mainLogo.jpeg" height="60"/>
<!--<div class="number">(651) 207-2312</div>-->
</div>


<div id="navList" ng-class="{'showNav' : showNav, 'hideNav': hideNav}">
<div class="navItem" ng-class="{'active' : isActive('/home')}"><a href="/home">HOME</a></div>
<div class="divider">|</div>
@@ -14,7 +18,7 @@
<div class="divider">|</div>
<div class="navItem" ng-class="{'active' : isActive('/about')}"><a href="/about">ABOUT US</a></div>
<div class="divider">|</div>
<div class="navItem"><a href="">REQUEST AN ESTIMATE</a></div>
<div class="navItem"><a ng-click="openContactModal()">REQUEST AN ESTIMATE</a></div>
</div>

</div>
4 client/views/index.html
View file
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<!--Page was designed by Scott Taylor and created by Ryan Brunt-->
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
@@ -15,6 +16,9 @@


</main>
<div ng-if="showContactForm" class="imageModalContainer" ng-click="closeEstimate()">
<estimate ng-click="stayOpen($event)" id="estimateDirective" showestimate="showEstimate"></estimate>
</div>
<footer></footer>


19 client/views/routes/about.html
View file
@@ -1,9 +1,13 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience
</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -13,9 +17,10 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem aboutImage">
<div class="aboutHeader">
<p class="aboutText">MCF WATERPROOFING IS A FAMILY OWNED COMPANY BLA BLA BLA STARTED BY MIKE FANNING. MIKE
HAS BEEN WATERPROOFING BASEMENTS FOR THE PAST 15 YEARS AND SOME OTHER STUFF THAT WE COULD PUT HERE.</p>
<div class="transparentOverlay">
<div class="aboutText">MCF WATERPROOFING IS A FAMILY OWNED COMPANY BLA BLA BLA STARTED BY MIKE FANNING. MIKE
HAS BEEN WATERPROOFING BASEMENTS FOR THE PAST 15 YEARS AND SOME OTHER STUFF THAT WE COULD PUT HERE.
</div>
</div>
</div>
</div>
11 client/views/routes/causes.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
19 client/views/routes/home.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -27,7 +30,8 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem servicesSlider spaceEvenly">
<div class="arrowLeft" ng-click="leftChange()"><i class="fa fa-chevron-left" style="font-size:48px;;color:#2F353B"></i></div>
<div class="arrowLeft" ng-click="leftChange()"><i class="fa fa-chevron-left"
style="font-size:48px;;color:#2F353B"></i></div>
<div class="serviceIcon" ng-class="{'fadeIn': fadeIn}">
<img ng-src="{{selectedService.src}}" height="100"/>
</div>
@@ -37,7 +41,8 @@ <h3 class="columnHeader">{{selectedService.title}}</h3>
<button class="headerButton" style="margin-bottom:20px;">Request an Estimate</button>
</div>

<div class="arrowRight" ng-click="rightChange()"><i class="fa fa-chevron-right" style="font-size:48px;color:#2F353B"></i></div>
<div class="arrowRight" ng-click="rightChange()"><i class="fa fa-chevron-right"
style="font-size:48px;color:#2F353B"></i></div>

</div>
</div>
@@ -63,4 +68,4 @@ <h3 class="columnHeader">{{selectedService.title}}</h3>
</div>

</div>
</div>
</div>
57 client/views/routes/process.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -13,40 +16,32 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem waterProofBreakdown">
<div class="whiteHeader">OUR PROCESS</div>
<div class="howDescription">Then we can have some filler text that will overflow</div>
<div class="howDescription">Then maybe another step or description line here</div>
<div class="howDescription">Then maybe another step or description line here</div>


<div class="breakdownOverlay">
<div class="whiteHeader">OUR PROCESS</div>
<div class="howDescription">We start by inspecting the interior of the basement, then provide an in-depth analysis and quote
the same day. Our next step is to confirm the homeowner completely understands the analysis
and services we can provide. When the quote is accepted, we begin work on the agreed upon
date and will not complete any job until the customer is fully satisfied with the services provided.</div>
</div>
</div>
</div>
<div class="mainPageCol">
<div class="mainRowItem dataList">
<div class="dataListTitle">HOW WE WATERPROOF</div>
<div class="dataListHeader">FIRST STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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 non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.
</div>
<div class="dataListHeader">SECOND STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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.
<div class="dataListHeader">FIRST STEP - PREP</div>
<div class="dataListText">We prep the home to prevent unnecessary dirtying of the unserviced areas.
We create proper ventilation, and assure the ductwork is sealed off to prevent traveling dust.
</div>
<div class="dataListHeader">THIRD STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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.Tempus imperdiet nulla malesuada pellentesque elit eget.
Ultrices dui sapien eget mi.
<div class="dataListHeader">SECOND STEP - CONSTRUCTION</div>
<div class="dataListText">We remove the basement floor from the quoted area, and dig
the drain tile trench. If required, we will drill holes into the block walls to allow water to escape.
Next we install the drain tile, sump basket and rock on top of and around the drain tile, and
basket.
</div>
<div class="dataListHeader">FOURTH STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
<div class="dataListHeader">THIRD STEP - ACTIVATION</div>
<div class="dataListText">We hook up the pipes and discharge water from the home. Next we
install drainage board which directs water into the drain tile then pour fresh concrete. Our final
step is to the leave the serviced area better and cleaner than it was found.
</div>
</div>
</div>
23 client/views/routes/services.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -18,8 +21,16 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
<img ng-src="{{service.src}}" height="100" />
<p class="serviceItemTitle">{{service.title}}</p>
<p class="serviceItemDesc">{{service.desc}}</p>

<div ng-if="service.imageDescription" class="serviceImageLink"><a ng-click="openDescriptionImageModal(service.imageDescriptionPath)">What does it look like?</a></div>
</div>

</div>
</div>
</div>
</div>
<div class="imageModalContainer" ng-if="imageModal" ng-click="closeModal()">
<div id="closeButton"><i class="fa fa-times" style="font-size:32px;color:white;"></i></div>
<div ng-click="stayOpen($event)">
<img id="modalImage" ng-src="{{selectedDescriptionImage}}"/>
</div>
</div>

146 server/public/assets/scripts/controller.js
View file
@@ -43,45 +43,47 @@ myApp.controller('HomeController', ['$scope', '$http', '$location', 'servicesFac
}]);

myApp.controller('AboutController', ['$scope', '$http', function ($scope, $http) {
$scope.basements = ['../assets/images/fakebasement1.png','../assets/images/fakebasement2.png','../assets/images/fakebasement3.png','../assets/images/fakebasement4.png','../assets/icons/BatteryBackUpIcon.png','../assets/icons/HeaderLogo.png','../assets/icons/InsulationIcon.png','../assets/images/HowDoYouWaterproofBackground.png'];
$scope.basements = ['../assets/images/fakebasement1.png', '../assets/images/fakebasement2.png', '../assets/images/fakebasement3.png', '../assets/images/fakebasement4.png', '../assets/icons/BatteryBackUpIcon.png', '../assets/icons/HeaderLogo.png', '../assets/icons/InsulationIcon.png', '../assets/images/HowDoYouWaterproofBackground.png'];
$scope.index = 0;

$scope.rightChange = function(){
$scope.rightChange = function () {
fade();
if($scope.index < $scope.basements.length -1){
$scope.index ++;
}else{
if ($scope.index < $scope.basements.length - 1) {
$scope.index++;
} else {
$scope.index = 0;
}
};

$scope.leftChange = function(){
$scope.leftChange = function () {
fade();
if($scope.index === 0){
$scope.index = $scope.basements.length -1;
}else{
$scope.index --;
if ($scope.index === 0) {
$scope.index = $scope.basements.length - 1;
} else {
$scope.index--;
}
};
$scope.openModal = function(i){
$scope.openModal = function (i) {
$scope.selectedIndex = i;
$scope.imageModal = true;
console
};
$scope.closeModal = function(){
$scope.closeModal = function () {
$scope.imageModal = false;
};
$scope.stayOpen = function($event){
$scope.stayOpen = function ($event) {
$event.stopPropagation();
};

$scope.getBasementIndex = function(i){
$scope.getBasementIndex = function (i) {
var offset = 0;
if(i > $scope.basements.length -1){
offset = i-($scope.basements.length);
if (i > $scope.basements.length - 1) {
offset = i - ($scope.basements.length);
return $scope.basements[offset]
}
return $scope.basements[i];
};

function fade() {
$scope.fadeIn = true;
setTimeout(function () {
@@ -100,34 +102,59 @@ myApp.controller('ProcessController', ['$scope', '$http', function ($scope, $htt

}]);

myApp.controller('ServicesController', ['$scope', '$http', 'servicesFactory', function ($scope, $http,servicesFactory) {
myApp.controller('ServicesController', ['$scope', '$http', 'servicesFactory', function ($scope, $http, servicesFactory) {
console.log('service controller')
$scope.services = servicesFactory;
console.log($scope.services);

$scope.openDescriptionImageModal = function (image) {
$scope.imageModal = true;
$scope.selectedDescriptionImage = image;
};
$scope.closeModal = function () {
$scope.imageModal = false;
};
}]);

myApp.controller('CausesController', ['$scope', '$http', function ($scope, $http) {
console.log('causes controller')

}]);

myApp.directive('footer', function(){
let controller = ['$scope', function($scope){
myApp.directive('footer', function () {
let controller = ['$scope', function ($scope) {
$scope.year = new Date().getFullYear();

}];
return {
scope : {},
scope: {},
restrict: 'EA',
controller: controller,
templateUrl: '/assets/views/directives/footer.html'
}
});

myApp.directive('estimate', function () {
let controller = ['$scope', '$location', '$window','$rootScope', function ($scope, $location, $window, $rootScope) {
$rootScope.closeEstimate = function(){
$rootScope.showContactForm = false;
}
$scope.stayOpen = function($event){
$event.stopPropagation();
}
}];
return {
scope: {},
restrict: 'EA',
controller: controller,
templateUrl: '/assets/views/directives/estimate.html'
};
});

myApp.directive('navbar', function () {
let controller = ['$scope', '$location', '$window', function ($scope, $location, $window) {
let controller = ['$scope', '$location', '$window','$rootScope', function ($scope, $location, $window,$rootScope) {
$scope.showNav = $window.innerWidth < 940 ? false : true;
$scope.hideNav = false;
$rootScope.showContactForm = false;
$scope.toggleNav = function () {
$scope.showNav = !$scope.showNav;
!$scope.showNav ? $scope.hideNav = true : $scope.hideNav = false;
@@ -144,6 +171,11 @@ myApp.directive('navbar', function () {
$scope.$apply();
}

};
$scope.openContactModal = function(){
$rootScope.showContactForm = true;
console.log('roooot',$rootScope.showContactForm);

};
$scope.isActive = function (route) {
if ($location.path() === route) {
@@ -161,54 +193,70 @@ myApp.directive('navbar', function () {
});

myApp.factory('servicesFactory', function () {
const servicesArray = [{
'title': 'Battery Backup Systems',
'src': './assets/icons/BatteryBackUpIcon.png',
'desc': 'Here were going to have some text on battery backup. Mainly it will just be in a short description on what it is and maybe how its implemented'
},
{
'title': 'New Construction Insulation',
'src': './assets/icons/InsulationIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
},
const servicesArray = [
{
'title': 'Mold Resistant Panels',
'src': './assets/icons/MoldResistantIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'title': 'Interior Waterproofing Systems',
'src': './assets/icons/WaterproofSystemsIcon.png',
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Drain tile installation for any amount of space for the inside of your home.'
},
{
'title': 'Sump Baskets',
'src': './assets/icons/SumpBasketIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Water collection basket nested airtight into the ground of your basement.'
},
{
'title': 'Sump Pumps',
'src': './assets/icons/SumpPumpIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Reliable, cast-iron pump system fitting pushes water to the exterior and away from your home.'
},
{
'title': 'Battery Backup Systems',
'src': './assets/icons/BatteryBackUpIcon.png',
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Backup system installation for potential power outages or primary battery failure.'
},
{
'title': 'New Construction Installation',
'src': './assets/icons/InsulationIcon.png',
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Ensuring waterproofing is done correctly before final construction of homes and saving money for home buyers.'
},
{
'title': 'Mold Resistant Panels',
'src': './assets/icons/MoldResistantIcon.png',
'imageDescription': false,
'imageDescriptionPath': '',
'desc': 'Setting of panels over block or poured foundations, or prior to framing to avoid moisture within the walls.'
},
{
'title': 'Sump Pump Discharge',
'src': './assets/icons/SumpPumpDischargeIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'imageDescription': true,
'imageDescriptionPath': '../assets/images/fakebasement1.png',
'desc': 'Underground or above ground water discharge system.'
},
{
'title': 'Wall and Floor Moisture Solutions',
'src': './assets/icons/WallFloorIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
},
{
'title': 'Wall Straightening',
'src': './assets/icons/WallStraighteningIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'imageDescription': false,
'imageDescriptionPath': '',
'desc': 'Waterproof painting, crack repair and vapor barriers to prevent mold or moisture.'

},
{
'title': 'Interior Waterproofing Systems',
'src': './assets/icons/WaterproofSystemsIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
}, {
'title': 'Window Wells',
'src': './assets/icons/WindowWellsIcon.png',
'desc': 'Lorem ipsum dolor sit amet, consectetur adipiscing 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. '
'imageDescription': false,
'imageDescriptionPath': '',
'desc': 'Water drainage of your window well into our waterproofing system.'
},
];

870 server/public/assets/styles/style.css
View file

Large diffs are not rendered by default.

21 server/public/assets/views/directives/estimate.html
View file
@@ -0,0 +1,21 @@
<div id="closeButton"><i class="fa fa-times" style="font-size:32px;color:white;"></i></div>

<div class="estimateModal" ng-click="stayOpen($event)">
<div class="estimateOverlay">
<p style="color:white;margin:0;padding-top:20px;font-size:36px;">Want to get in contact
with us for an estimate?</p>
<div class="contactForm">
<p style="color:white;margin:0;padding-top:20px;font-size:18px;">Just fill out this
and hit 'Submit' and we'll respond as soon as possible</p>
<form name="contactForm" novalidate style="margin-top:30px;">
<label>What is your full name?</label><br>
<input class="contactInput" ng-model="contact.name" required placeholder=""><br>
<label>What is your phone number?</label><br>
<input class="contactInput" ng-model="contact.number" required><br>
<label>What is your full address?</label><br>
<input class="contactInput" ng-model="contact.address" required><br>
</form>
<button class="estimateFormButton">Request an Estimate</button>
</div>
</div>
</div>
10 server/public/assets/views/directives/navbar.html
View file
@@ -1,8 +1,12 @@
<div id="navContainer" onresize="resizeFunction()">
<div id="navToggle" ng-click="toggleNav()"><i class="fa fa-bars"></i></div>
<div id="navLogo">
<img src="./assets/images/mainLogo.jpeg" height="40" />
<div id="navNumbers">
<!--<div class="number">(507) 226-1478</div>-->
<img id="headerLogo" src="./assets/images/mainLogo.jpeg" height="60"/>
<!--<div class="number">(651) 207-2312</div>-->
</div>


<div id="navList" ng-class="{'showNav' : showNav, 'hideNav': hideNav}">
<div class="navItem" ng-class="{'active' : isActive('/home')}"><a href="/home">HOME</a></div>
<div class="divider">|</div>
@@ -14,7 +18,7 @@
<div class="divider">|</div>
<div class="navItem" ng-class="{'active' : isActive('/about')}"><a href="/about">ABOUT US</a></div>
<div class="divider">|</div>
<div class="navItem"><a href="">REQUEST AN ESTIMATE</a></div>
<div class="navItem"><a ng-click="openContactModal()">REQUEST AN ESTIMATE</a></div>
</div>

</div>
4 server/public/assets/views/index.html
View file
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<!--Page was designed by Scott Taylor and created by Ryan Brunt-->
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
@@ -15,6 +16,9 @@


</main>
<div ng-if="showContactForm" class="imageModalContainer" ng-click="closeEstimate()">
<estimate ng-click="stayOpen($event)" id="estimateDirective" showestimate="showEstimate"></estimate>
</div>
<footer></footer>


19 server/public/assets/views/routes/about.html
View file
@@ -1,9 +1,13 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience
</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -13,9 +17,10 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem aboutImage">
<div class="aboutHeader">
<p class="aboutText">MCF WATERPROOFING IS A FAMILY OWNED COMPANY BLA BLA BLA STARTED BY MIKE FANNING. MIKE
HAS BEEN WATERPROOFING BASEMENTS FOR THE PAST 15 YEARS AND SOME OTHER STUFF THAT WE COULD PUT HERE.</p>
<div class="transparentOverlay">
<div class="aboutText">MCF WATERPROOFING IS A FAMILY OWNED COMPANY BLA BLA BLA STARTED BY MIKE FANNING. MIKE
HAS BEEN WATERPROOFING BASEMENTS FOR THE PAST 15 YEARS AND SOME OTHER STUFF THAT WE COULD PUT HERE.
</div>
</div>
</div>
</div>
11 server/public/assets/views/routes/causes.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
19 server/public/assets/views/routes/home.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -27,7 +30,8 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem servicesSlider spaceEvenly">
<div class="arrowLeft" ng-click="leftChange()"><i class="fa fa-chevron-left" style="font-size:48px;;color:#2F353B"></i></div>
<div class="arrowLeft" ng-click="leftChange()"><i class="fa fa-chevron-left"
style="font-size:48px;;color:#2F353B"></i></div>
<div class="serviceIcon" ng-class="{'fadeIn': fadeIn}">
<img ng-src="{{selectedService.src}}" height="100"/>
</div>
@@ -37,7 +41,8 @@ <h3 class="columnHeader">{{selectedService.title}}</h3>
<button class="headerButton" style="margin-bottom:20px;">Request an Estimate</button>
</div>

<div class="arrowRight" ng-click="rightChange()"><i class="fa fa-chevron-right" style="font-size:48px;color:#2F353B"></i></div>
<div class="arrowRight" ng-click="rightChange()"><i class="fa fa-chevron-right"
style="font-size:48px;color:#2F353B"></i></div>

</div>
</div>
@@ -63,4 +68,4 @@ <h3 class="columnHeader">{{selectedService.title}}</h3>
</div>

</div>
</div>
</div>
57 server/public/assets/views/routes/process.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -13,40 +16,32 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
</div>
<div class="mainPageCol">
<div class="mainRowItem waterProofBreakdown">
<div class="whiteHeader">OUR PROCESS</div>
<div class="howDescription">Then we can have some filler text that will overflow</div>
<div class="howDescription">Then maybe another step or description line here</div>
<div class="howDescription">Then maybe another step or description line here</div>


<div class="breakdownOverlay">
<div class="whiteHeader">OUR PROCESS</div>
<div class="howDescription">We start by inspecting the interior of the basement, then provide an in-depth analysis and quote
the same day. Our next step is to confirm the homeowner completely understands the analysis
and services we can provide. When the quote is accepted, we begin work on the agreed upon
date and will not complete any job until the customer is fully satisfied with the services provided.</div>
</div>
</div>
</div>
<div class="mainPageCol">
<div class="mainRowItem dataList">
<div class="dataListTitle">HOW WE WATERPROOF</div>
<div class="dataListHeader">FIRST STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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 non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.
</div>
<div class="dataListHeader">SECOND STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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.
<div class="dataListHeader">FIRST STEP - PREP</div>
<div class="dataListText">We prep the home to prevent unnecessary dirtying of the unserviced areas.
We create proper ventilation, and assure the ductwork is sealed off to prevent traveling dust.
</div>
<div class="dataListHeader">THIRD STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing 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.Tempus imperdiet nulla malesuada pellentesque elit eget.
Ultrices dui sapien eget mi.
<div class="dataListHeader">SECOND STEP - CONSTRUCTION</div>
<div class="dataListText">We remove the basement floor from the quoted area, and dig
the drain tile trench. If required, we will drill holes into the block walls to allow water to escape.
Next we install the drain tile, sump basket and rock on top of and around the drain tile, and
basket.
</div>
<div class="dataListHeader">FOURTH STEP HEADER</div>
<div class="dataListText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
<div class="dataListHeader">THIRD STEP - ACTIVATION</div>
<div class="dataListText">We hook up the pipes and discharge water from the home. Next we
install drainage board which directs water into the drain tile then pour fresh concrete. Our final
step is to the leave the serviced area better and cleaner than it was found.
</div>
</div>
</div>
23 server/public/assets/views/routes/services.html
View file
@@ -1,9 +1,12 @@
<div class="mainPageCol">
<div class="mainRowItem headerRow">
<h1 class="header">MCF Waterproofing</h1>
<h3 class="subHeader">Sub-Header text will contain some sort of welcome and brief introduction to the site</h3>
<h3 class="subHeader"> and then there could be some more text underneath</h3>
<button class="headerButton">Request An Estimate</button>
<div class="transparentOverlay">
<div class="header">MCF Waterproofing</div>
<div class="subHeader">Local and family owned waterproofing serving Southern Minnesota, Southwest Wisconsin,
and Northern Iowa with 15 years of experience</div>
<div class="subHeader">We install custom interior waterproofing systems based on your needs</div>
<button class="headerButton">Request an Estimate</button>
</div>
</div>
</div>
<div class="mainPageCol">
@@ -18,8 +21,16 @@ <h3 class="subHeader"> and then there could be some more text underneath</h3>
<img ng-src="{{service.src}}" height="100" />
<p class="serviceItemTitle">{{service.title}}</p>
<p class="serviceItemDesc">{{service.desc}}</p>

<div ng-if="service.imageDescription" class="serviceImageLink"><a ng-click="openDescriptionImageModal(service.imageDescriptionPath)">What does it look like?</a></div>
</div>

</div>
</div>
</div>
</div>
<div class="imageModalContainer" ng-if="imageModal" ng-click="closeModal()">
<div id="closeButton"><i class="fa fa-times" style="font-size:32px;color:white;"></i></div>
<div ng-click="stayOpen($event)">
<img id="modalImage" ng-src="{{selectedDescriptionImage}}"/>
</div>
</div>

0 server/routes/mailer.js
View file
Empty file.