commit 82b0018c6108a830e863d13560e81f1f72798c37 Author: dmcdowell Date: Mon Jun 26 13:36:17 2023 -0600 New updates! diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png new file mode 100644 index 0000000..9e3fd53 Binary files /dev/null and b/assets/favicon-16x16.png differ diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png new file mode 100644 index 0000000..0a4d0c6 Binary files /dev/null and b/assets/favicon-32x32.png differ diff --git a/assets/favicon-48x48.png b/assets/favicon-48x48.png new file mode 100644 index 0000000..f4e9c33 Binary files /dev/null and b/assets/favicon-48x48.png differ diff --git a/assets/mpe-logo-standard.png b/assets/mpe-logo-standard.png new file mode 100644 index 0000000..ea82316 Binary files /dev/null and b/assets/mpe-logo-standard.png differ diff --git a/assets/mpe-logo.png b/assets/mpe-logo.png new file mode 100644 index 0000000..7014ba2 Binary files /dev/null and b/assets/mpe-logo.png differ diff --git a/assets/textured-background.png b/assets/textured-background.png new file mode 100644 index 0000000..7938650 Binary files /dev/null and b/assets/textured-background.png differ diff --git a/frontend/public/index.html b/frontend/public/index.html new file mode 100644 index 0000000..e18be5d --- /dev/null +++ b/frontend/public/index.html @@ -0,0 +1,340 @@ + + + + + + + + + + MPE Cost Calculator + + +

+

+

+

+

+

+

Cost Calculator

+

Welcome to the MPE cost calculator! We understand that every project has a budget, which is why we've developed this tool to help you estimate your project costs and see where you can cut costs without sacrificing quality. +

+ Our cost calculator takes into account various aspects of your project, including materials, labor, and equipment costs. By providing accurate estimates for each of these components, we can help you make informed decisions about your project budget. +

+ Our calculator is designed to be user-friendly and intuitive, allowing you to easily adjust project parameters and see how they impact your overall costs. With real-time feedback on cost changes, you can quickly explore different options and find the best solution for your project needs. +

+ We're committed to providing our customers with the best possible value for their investment, and our cost calculator is just one of the ways we deliver on that promise. Try it out today and see how our engineering company can help you achieve your project goals while staying within your budget.

+

+

+

+

+

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Description	Base Cost	Adjustment Factor	Adjusted Cost
Conditions of Contract and General Requirements		+ + +
Civil		+ + +
Concrete		+ + +
Masonry		+ + +
Metals		+ + +
Woods and Plastics		+ + +
Thermal and Moisture Protection		+ + +
Doors and Windows		+ + +
Finishes		+ + +
Specialties		+ + +
Equipment		+ + +
Special Construction		+ + +
Mechanical		+ + +
Electrical		+ + +
Total:		Total:

+

+ + + + + + + + \ No newline at end of file diff --git a/frontend/stylesheets/styles.css b/frontend/stylesheets/styles.css new file mode 100644 index 0000000..6f38b9e --- /dev/null +++ b/frontend/stylesheets/styles.css @@ -0,0 +1,105 @@ +body, html{ + margin: 0; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} +header { + width: 100%; + height: 130px; + background-color: rgb(255, 255, 255); + +} +th { + color: #2c6230; +} +tr { + border-bottom: 1px solid black; +} +tr:last-child { + border-bottom: none; +} +td { + padding: 2px; +} +footer{ + width: 100%; + display: flex; + flex-direction: row; + text-align: center; + justify-content: center; + height: 60px; + background-color: rgb(255, 255, 255); + margin-top: 40px; +} +table{ + font-size: 30px; + border-collapse: collapse; +} +input[type="text"] { + padding: 5px; + width: 70%; + font-size: 25px; + box-sizing: border-box; +} +input[type="range"] { + -webkit-appearance: none; + background-color: #79a3f1; + outline: none; + opacity: 0.7; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; + border-radius: 20px; + width: 60%; +} + + input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 20px; + height: 20px; + background-color: #0359fa; + cursor: pointer; + border-radius: 50%; + border: 2px solid #0359fa; +} + + input[type="range"]::-moz-range-thumb { + width: 20px; + height: 20px; + background-color: white; + cursor: pointer; + border-radius: 100%; + border: 2px solid rgb(0, 0, 0); +} +.main-content { + display: flex; + justify-content: center; +} +.logo { + width: 470px; + height: auto; + margin-top: 1.5%; + margin-left: 18%; +} +.footer-logo{ + width: 100px; + height: 40px; + margin-right: 10px; + margin-top:10px; +} +.percent-color{ + font-weight:bold; color:rgb(1, 91, 165); +} +.textured-background{ + display: flex; + justify-content: center; + text-align: center; + width: 100%; + height: auto; + background-color: #dadada; + background-image: url(https://www.mpe.ca/wp-content/uploads/2019/04/gray-dotted-background.png); + background-repeat: no-repeat; + background-position: center center; + background-attachment: scroll; + background-size: cover; + margin-bottom: 20px; +}