diff --git a/dist/css/jobsStyles.css b/dist/css/jobsStyles.css new file mode 100644 index 0000000..43aa2de --- /dev/null +++ b/dist/css/jobsStyles.css @@ -0,0 +1,460 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Roboto", serif, sans-serif; +} + +body { + text-align: center; + background: white; +} + +.overall_wrapper { + display: flex; + flex-direction: column; + gap: 20px; +} + +.header { + padding: 60px; + text-align: center; + /* background: blue; */ + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + color: black; + font-size: 30px; + /*toggle light/dark mode*/ + position: relative; +} + +/*Start toggle light/dark mode*/ +.navbar.navbar-expand-sm { + position: absolute; + z-index: 10; + top: 0; + right: 60px; + font-size: 20px; +} + +/*End toggle light/dark mode*/ +.container { + max-width: 100%; + position: relative; + z-index: 2; + padding: 0; +} + +.jumbotron { + margin: 10px auto; + background-size: cover; + text-shadow: black 0.3em 0.3em 0.3em; +} + +.navbar_wrapper { + width: 100%; +} + +.main_navbar { + width: 100%; +} + +.hamburger_menu_active { + width: 100%; + display: flex; + justify-content: space-between; + list-style-type: none; + text-align: left; + background-color: white; + padding: 10px; +} + +.hamburger_menu_active > li > a { + padding: 5px; + background-color: #dddddd; + text-decoration: none; +} + +/* Change the link color to #111 (black) on hover */ +.hamburger_menu_active > li > a:hover { + background-color: #111; + color: orchid; +} + +#hamburger_trigger { + position: absolute; + right: 0; + font-size: 40px; + display: none; +} + +footer { + /* display: inline-flex; */ + background-color: gray; + color: black; + clear: both; + height: 100px; + font-family: "Roboto", sans-serif; + width: 100%; +} + +.fa-github { + color: #171515; +} + +.fa-linkedin-in { + color: #0e76a8; +} + +.fa-twitter { + color: #00acee; +} + +.fa-pinterest { + color: #c8232c; +} + +.fa-facebook { + color: #1877f2; +} + +.svg-inline--fa :hover { + color: #fff; +} + +section { + display: flex; + float: left; + margin: 0 1.5%; + width: 63%; + padding: 5%; + background: greenyellow; +} + +aside { + color: black; + float: right; + margin: 2%; + width: 30%; + background: gray; + padding: 5%; + box-shadow: inset 5px 0 5px -5px #29627e; + padding-left: 0.5rem; +} + +aside > p { + margin: 0.5rem; +} + +article { + background: #939799; + padding: 5%; +} + +.static-img { + display: block; +} + +iframe { + max-width: 100%; + background: orange; +} + +i { + width: 20px; + height: 20px; +} + +/* footer */ +/* footer-top */ +.footer-top { + /* width: 100%; */ + display: inline-flex; + justify-content: space-between; + background-color: rgb(89, 44, 212); + color: white; +} + +#icon-title { + padding: 10px 50px; + gap: 20px; +} + +#footer-icon { + align-items: center; + padding: 10px 50px; + gap: 20px; + display: flex; +} + +#footer-icon a { + color: white; + padding-left: 20px; +} + +/* footer-middle */ +.footer-middle { + display: flex; + justify-content: space-evenly; + padding: 40px 0; + background-color: #1B2430; + color: white; + text-align: left; +} + +.footer-title { + font-weight: 500; + font-size: 18px; + padding-bottom: 30px; +} + +.contact-list, .link-list, .product-list, .company-list { + font-size: 13px; + text-align: left; +} + +.company-product, .link-contact { + display: flex; + gap: 50px; + justify-content: space-evenly; +} + +footer ul, li { + text-decoration: none; + list-style-type: none; + padding-bottom: 15px; + padding-left: 0; +} + +.footer-bottom { + background-color: #0f151b; + color: white; + padding: 20px; + margin: 0; +} + +.imgLogo { + width: 30%; + height: 10%; +} + +/* Medium Screens */ +@media all and (max-width: 1000px) { + #hamburger_trigger { + display: block; + } + .hamburger_menu_active { + flex-direction: column; + align-items: center; + gap: 20px; + display: none; + } +} +@media screen and (max-width: 576px) { + .header { + height: 20%; + padding: 0.2rem; + font-size: 1rem; + } + .jumbotron h1 { + font-size: 1rem; + } +} +@media all and (min-width: 34.375em) { + .map-container { + display: block; + } + .static-img { + display: none; + } +} +@media screen and (max-width: 768px) { + .jumbotron { + padding-top: 20px; + padding-bottom: 20px; + } + /* footer */ + .footer-top { + flex-direction: column; + } + #icon-title { + width: 100%; + text-align: left; + padding: 15px; + } + #footer-icon { + padding: 0 10px; + gap: 7px; + } + .footer-middle { + flex-direction: column; + } + .company-name, .useful-link { + width: 60%; + } + .company-product { + gap: 10px; + } + .link-contact { + gap: 100px; + padding: 0 20px; + } +} +body { + margin: auto; + max-width: 1200px; + min-width: 400px; + padding-left: 30px; + padding-right: 30px; +} + +.textField, textarea { + border-radius: 6px; + border: 1px solid #333333; + background-color: #F6F6F6; + width: 100%; +} + +textarea { + height: 75px; +} + +.textField, button { + min-height: 30px; +} + +.textField { + font-size: 16px; + padding-left: 10px; +} + +h1 { + font-size: 30px; +} + +h2 { + font-size: 24px; +} + +h3 { + font-size: 18px; +} + +p, div { + /* max-width: 1000px; */ + text-align: justify; + margin-top: 10px; + margin-bottom: 10px; +} + +button { + font-size: 18px; + border-radius: 10px; + border: 1px solid #333333; + min-width: 200px; +} + +.uploadFile { + font-size: 16px; +} + +.employment-box, .references-box, .school-box { + margin-bottom: 50px; + margin-top: 20px; +} + +.center { + text-align: center; +} + +#applicationResponseText { + margin-bottom: 30px; +} + +a, a:visited { + color: darkblue; +} + +.dateInput { + font-size: 16px; +} + +.emphasizedText { + font-weight: bold; +} + +.footer-top { + width: 100%; + display: inline-flex; + justify-content: space-between; + background-color: rgb(89, 44, 212); + color: white; +} + +#icon-title { + padding: 10px 50px; + gap: 20px; +} + +#footer-icon { + align-items: center; + padding: 10px 50px; + gap: 20px; + display: flex; +} + +#footer-icon a { + color: white; + padding-left: 20px; +} + +/* footer-middle */ +.footer-middle { + display: flex; + justify-content: space-evenly; + padding: 40px 0; + background-color: #1B2430; + color: white; + text-align: left; +} + +.footer-title { + font-weight: 500; + font-size: 18px; + padding-bottom: 30px; +} + +.contact-list, .link-list, .product-list, .company-list { + font-size: 13px; + text-align: left; +} + +.company-product, .link-contact { + display: flex; + gap: 50px; + justify-content: space-evenly; +} + +footer ul, li { + text-decoration: none; + list-style-type: none; + padding-bottom: 15px; + padding-left: 0; +} + +.footer-bottom { + background-color: #0f151b; + color: white; + padding: 20px; + margin: 0; +} + +.imgLogo { + width: 30%; + height: 10%; +} + +.jobApplication { + background-color: white; +}/*# sourceMappingURL=jobsStyles.css.map */ \ No newline at end of file diff --git a/dist/css/jobsStyles.css.map b/dist/css/jobsStyles.css.map new file mode 100644 index 0000000..db5fe67 --- /dev/null +++ b/dist/css/jobsStyles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/css/jobsStyles.scss","jobsStyles.css"],"names":[],"mappings":"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","file":"jobsStyles.css"} \ No newline at end of file diff --git a/dist/css/rfqStyles.css b/dist/css/rfqStyles.css new file mode 100644 index 0000000..4fc3895 --- /dev/null +++ b/dist/css/rfqStyles.css @@ -0,0 +1,251 @@ +* { + font-family: "Roboto"; + margin-left: -5px; +} + +body { + overflow-x: hidden; +} + +#home { + color: var(--bright-text); + font-size: 18px; +} + +:root { + --navbar-background: #d9d9d9; + --body-background: #cfcfcf; + --card-background: white; + --bright-text: rgb(26, 26, 26); + --grey-text: rgb(204, 204, 204); + --btn-background: rgb(24, 28, 31); + --btn-text: white; + --form-background: rgb(255, 255, 255) !important; + --s-b-b: rgb(4, 13, 44); + --border-color: rgb(63, 63, 63); + --btn-text-color: white; + --text-area: rgb(235, 235, 235); + --icon-color: black; + --border-hover: black; +} + +.dark-mode { + --navbar-background: #212121; + --body-background: #1c1c1c; + --card-background: #212529; + --bright-text: rgb(255, 255, 255); + --grey-text: rgb(204, 204, 204); + --btn-background: rgb(26, 71, 122); + --btn-text: #212529; + --form-background: rgb(14, 14, 14); + --search-btn-background: rgb(30, 163, 112); + --fotter-background: #1b094d; + --border-color: #3e3e3e; + --text-area: rgb(14, 14, 14); + --icon-color: rgb(253, 253, 253); + --border-hover: white; +} + +body { + /* display: flex; + align-items: center; + justify-content: center; + justify-items: center; + flex-direction: column; */ + width: 100vw; + height: 100vh; + margin: 0; +} + +main { + display: flex; + align-items: center; + justify-content: center; + justify-items: center; + flex-direction: column; + width: 100%; + height: 100%; +} + +.rfqForm { + display: flex; + width: 70%; + height: 80%; + justify-content: space-around; + align-items: center; + border-radius: 0.5rem; + padding: 0.5rem; + background-color: var(--form-background); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); +} + +.f { + position: absolute; + top: 5vh; + left: 70.3%; + z-index: 100; + display: hidden; + visibility: hidden; +} + +.fieldForm input { + /* margin-bottom: 0.5rem; */ + display: block; + width: 80%; + box-sizing: border-box; + border: none; + border-bottom: 1px solid var(--border-color); + background-color: var(--form-background); + color: var(--bright-text); + outline: none; +} + +.fieldForm input:focus { + border-bottom: 2px solid rgb(14, 53, 110); +} + +.fieldForm { + width: 100%; + margin-left: 5rem; + display: flex; + flex-direction: column; +} + +.rfqForm textarea { + /* margin: 0; */ + display: block; + resize: none; + padding: 5px; + width: 90%; + box-sizing: border-box; + height: 70%; + margin-top: 15px; + border: none; + border: 1px solid var(--border-color); + background-color: var(--text-area); + color: var(--bright-text); + border-radius: 9px; +} + +.rfqForm textarea:focus { + outline: 2px solid rgb(51, 106, 255); + border: none; +} + +#att > label { + border: none; + color: var(--bright-text); +} + +.inputs, .textArea { + width: 50%; + height: 100%; + display: flex; + justify-content: space-evenly; + flex-direction: column; + align-items: center; +} + +.fa-paperclip { + color: var(--icon-color); +} + +.fa-briefcase { + color: var(--icon-color); +} + +.fa-user { + color: var(--icon-color); +} + +.fa-location-dot { + color: var(--icon-color); +} + +.fa-phone { + color: var(--icon-color); +} + +.fa-fax { + color: var(--icon-color); +} + +.fa-at { + color: var(--icon-color); +} + +.fa-envelope { + color: var(--icon-color); +} + +.fa-mobile-retro { + color: var(--icon-color); +} + +.fa-user-pen { + color: var(--icon-color); +} + +.inputs > div > label { + color: var(--bright-text); +} + +.submitButton { + height: 2rem; + margin: -1rem; + margin-left: 270px; + width: 40%; + font-size: 1rem; + border: none; + background-color: #1b094d; + color: white; +} + +.fieldForm label { + margin-top: 0; + margin-bottom: -0.2rem; + align-self: flex-start; +} + +.error { + color: red; +} + +.success { + color: green; +} + +.s-btn { + margin-right: 10px; +} + +@media screen and (max-width: 576px) { + .rfqForm { + width: 85%; + height: 90%; + flex-direction: column; + font-size: 0.7rem; + } + .inputs, .textArea { + width: 100%; + height: 50%; + } + .inputs { + justify-content: center; + align-items: center; + } + .submitButton { + margin: 1rem; + } +} +@media screen and (max-width: 1024px) { + .rfqForm { + width: 85%; + } + .submitButton { + margin: 1rem; + } + .textArea { + padding-top: 1rem; + } +}/*# sourceMappingURL=rfqStyles.css.map */ \ No newline at end of file diff --git a/dist/css/rfqStyles.css.map b/dist/css/rfqStyles.css.map new file mode 100644 index 0000000..49e38bb --- /dev/null +++ b/dist/css/rfqStyles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/css/rfqStyles.scss","rfqStyles.css"],"names":[],"mappings":"AAAA;EACI,qBAAA;EACA,iBAAA;ACCJ;;ADCA;EACI,kBAAA;ACEJ;;ADCA;EACI,yBAAA;EACA,eAAA;ACEJ;;ADAA;EACI,4BAAA;EACA,0BAAA;EACA,wBAAA;EACA,8BAAA;EACA,+BAAA;EACA,iCAAA;EACA,iBAAA;EACA,gDAAA;EACA,uBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,mBAAA;EACA,qBAAA;ACGJ;;ADDE;EACE,4BAAA;EACA,0BAAA;EACA,0BAAA;EACA,iCAAA;EACA,+BAAA;EACA,kCAAA;EACA,mBAAA;EACA,kCAAA;EACA,0CAAA;EACA,4BAAA;EACA,uBAAA;EACA,4BAAA;EACA,gCAAA;EACA,qBAAA;ACIJ;;ADAA;EACI;;;;2BAAA;EAKA,YAAA;EACA,aAAA;EACA,SAAA;ACGJ;;ADDA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,qBAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;ACIJ;;ADFA;EACI,aAAA;EACA,UAAA;EACA,WAAA;EACA,6BAAA;EACA,mBAAA;EAEA,qBAAA;EACA,eAAA;EACA,wCAAA;EACA,mOACF;ACGF;;ADKE;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;ACFJ;;ADMA;EACI,2BAAA;EACA,cAAA;EACA,UAAA;EACA,sBAAA;EACA,YAAA;EACA,4CAAA;EACA,wCAAA;EACA,yBAAA;EACA,aAAA;ACHJ;;ADKA;EACI,yCAAA;ACFJ;;ADIA;EACI,WAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;ACDJ;;ADGA;EACI,eAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;EACA,sBAAA;EACA,WAAA;EACA,gBAAA;EACA,YAAA;EACA,qCAAA;EACA,kCAAA;EACA,yBAAA;EACA,kBAAA;ACAJ;;ADEA;EACI,oCAAA;EACA,YAAA;ACCJ;;ADCA;EACI,YAAA;EACA,yBAAA;ACEJ;;ADAA;EACI,UAAA;EACA,YAAA;EACA,aAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;ACGJ;;ADCA;EACI,wBAAA;ACEJ;;ADAA;EACI,wBAAA;ACGJ;;ADDA;EACI,wBAAA;ACIJ;;ADFA;EACI,wBAAA;ACKJ;;ADHA;EACI,wBAAA;ACMJ;;ADJA;EACI,wBAAA;ACOJ;;ADLA;EACI,wBAAA;ACQJ;;ADNA;EACI,wBAAA;ACSJ;;ADPA;EACI,wBAAA;ACUJ;;ADRA;EACI,wBAAA;ACWJ;;ADTA;EACI,yBAAA;ACYJ;;ADVA;EACI,YAAA;EACA,aAAA;EACA,kBAAA;EACA,UAAA;EACA,eAAA;EACA,YAAA;EACA,yBAAA;EACA,YAAA;ACaJ;;ADXA;EACI,aAAA;EACA,sBAAA;EACA,sBAAA;ACcJ;;ADZA;EACI,UAAA;ACeJ;;ADbA;EACI,YAAA;ACgBJ;;ADdA;EACI,kBAAA;ACiBJ;;ADfA;EACI;IACI,UAAA;IACA,WAAA;IACA,sBAAA;IACA,iBAAA;ECkBN;EDhBE;IACI,WAAA;IACA,WAAA;ECkBN;EDhBE;IACI,uBAAA;IACA,mBAAA;ECkBN;EDhBE;IACI,YAAA;ECkBN;AACF;ADfA;EACI;IACI,UAAA;ECiBN;EDfE;IACI,YAAA;ECiBN;EDfE;IACI,iBAAA;ECiBN;AACF","file":"rfqStyles.css"} \ No newline at end of file diff --git a/src/css/styles.css b/dist/css/styles.css similarity index 88% rename from src/css/styles.css rename to dist/css/styles.css index cbfedb6..15f96ca 100644 --- a/src/css/styles.css +++ b/dist/css/styles.css @@ -3,14 +3,12 @@ padding: 0; box-sizing: border-box; font-family: "Roboto", serif, sans-serif; - --footer-background: rgb(89, 45, 210) !important; - + --footer-background: rgb(45, 210, 111) !important; } body { text-align: center; background-color: var(--body-background) !important; - } :root { @@ -96,7 +94,6 @@ body { justify-content: space-between; align-items: center; padding: 10px; - } .navbar2 { @@ -108,7 +105,6 @@ body { background-color: var(--navbar-background); z-index: 2; margin-top: -25px; - } .navbar2 a { @@ -203,14 +199,14 @@ body { padding: 10px; } -.hamburger_menu_active>li>a { +.hamburger_menu_active > li > a { padding: 5px; background-color: #dddddd; text-decoration: none; } /* Change the link color to #111 (black) on hover */ -.hamburger_menu_active>li>a:hover { +.hamburger_menu_active > li > a:hover { background-color: #111; color: orchid; } @@ -289,7 +285,7 @@ aside { padding-left: 0.5rem; } -aside>p { +aside > p { margin: 0.5rem; } @@ -400,100 +396,77 @@ li { } /* Medium Screens */ - @media all and (max-width: 1000px) { #hamburger_trigger { display: block; } - .hamburger_menu_active { flex-direction: column; align-items: center; gap: 20px; display: none; } - .navbar-nav { flex-direction: column; justify-content: space-around; display: none; } - } - @media screen and (max-width: 576px) { .header { height: 20%; padding: 0.2rem; font-size: 1rem; } - .jumbotron h1 { font-size: 1rem; } } - @media all and (min-width: 34.375em) { .map-container { display: block; } - .static-img { display: none; } } - @media screen and (max-width: 768px) { .jumbotron { padding-top: 20px; padding-bottom: 20px; } - /* footer */ .footer-top { flex-direction: column; } - #icon-title { width: 100%; text-align: left; padding: 15px; } - #footer-icon { padding: 0 10px; gap: 7px; } - .footer-middle { flex-direction: column; } - .openhours, - .company-name, - .useful-link { +.company-name, +.useful-link { width: 60%; } - .company-product { gap: 10px; } - .link-contact { gap: 100px; padding: 0 20px; } } - .container3 section { background-color: var(--form-background); - box-shadow: - 0 2.8px 2.2px rgba(0, 0, 0, 0.034), - 0 6.7px 5.3px rgba(0, 0, 0, 0.048), - 0 12.5px 10px rgba(0, 0, 0, 0.06), - 0 22.3px 17.9px rgba(0, 0, 0, 0.072), - 0 41.8px 33.4px rgba(0, 0, 0, 0.086), - 0 100px 80px rgba(0, 0, 0, 0.12); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); border-radius: 17px; } @@ -509,7 +482,6 @@ h2 { .header { background-image: radial-gradient(circle 610px at 5.2% 51.6%, rgb(2, 3, 54) 0%, rgb(5, 2, 39) 97.5%); - } .main_navbar a { @@ -538,32 +510,18 @@ h2 { } #navb { - box-shadow: - 0 2.8px 2.2px rgba(0, 0, 0, 0.034), - 0 6.7px 5.3px rgba(0, 0, 0, 0.048), - 0 12.5px 10px rgba(0, 0, 0, 0.06), - 0 22.3px 17.9px rgba(0, 0, 0, 0.072), - 0 41.8px 33.4px rgba(0, 0, 0, 0.086), - 0 100px 80px rgba(0, 0, 0, 0.12); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); background-color: var(--navbar-background); } #business-history { margin-left: 10px; margin-right: 10px; - } .navbar2 { height: 70px; - - box-shadow: - 0 2.8px 2.2px rgba(0, 0, 0, 0.034), - 0 6.7px 5.3px rgba(0, 0, 0, 0.048), - 0 12.5px 10px rgba(0, 0, 0, 0.06), - 0 22.3px 17.9px rgba(0, 0, 0, 0.072), - 0 41.8px 33.4px rgba(0, 0, 0, 0.086), - 0 100px 80px rgba(0, 0, 0, 0.12); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); z-index: 2; } @@ -590,7 +548,6 @@ h2 { position: absolute; top: 26.5vh; left: 91.5%; - color: black; } @@ -609,24 +566,12 @@ h2 { .card { background-color: var(--card-background); - box-shadow: - 0 2.8px 2.2px rgba(0, 0, 0, 0.034), - 0 6.7px 5.3px rgba(0, 0, 0, 0.048), - 0 12.5px 10px rgba(0, 0, 0, 0.06), - 0 22.3px 17.9px rgba(0, 0, 0, 0.072), - 0 41.8px 33.4px rgba(0, 0, 0, 0.086), - 0 100px 80px rgba(0, 0, 0, 0.12); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); } .footer-top { background: var(--footer-background); - box-shadow: - 0 2.8px 2.2px rgba(0, 0, 0, 0.034), - 0 6.7px 5.3px rgba(0, 0, 0, 0.048), - 0 12.5px 10px rgba(0, 0, 0, 0.06), - 0 22.3px 17.9px rgba(0, 0, 0, 0.072), - 0 41.8px 33.4px rgba(0, 0, 0, 0.086), - 0 100px 80px rgba(0, 0, 0, 0.12); + box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); } #head, @@ -665,6 +610,14 @@ h2 { border: 1px solid var(--border-color); } +.form-control::-moz-placeholder { + color: var(--bright-text); +} + +.form-control:-ms-input-placeholder { + color: var(--bright-text); +} + .form-control::placeholder { color: var(--bright-text); } @@ -678,7 +631,6 @@ h2 { text-decoration: none; color: white; text-shadow: none; - } #mhead { @@ -723,13 +675,13 @@ h3 { height: 41px; background-color: #eff8ff; border-radius: 50%; - transition: .5s; + transition: 0.5s; position: relative; text-decoration: none; } .mode__toggle:hover { - transition: .1s; + transition: 0.1s; width: 42px; height: 42px; } @@ -739,7 +691,7 @@ h3 { top: 50%; left: 50%; transform: translate(-50%, -50%); - transition: .5s; + transition: 0.5s; } .bx-moon { @@ -752,7 +704,6 @@ h3 { visibility: hidden; } - #s-btn:hover { color: grey; transition: 1s; @@ -764,7 +715,6 @@ h3 { } .footer-top { - background-color: var(--footer-background); } @@ -871,11 +821,9 @@ h3 { background-color: #000000; border-radius: 25px; } - - .f:checked~.background-dark-toggle { + .f:checked ~ .background-dark-toggle { background-color: rgb(104, 104, 104); } - .moveable { position: absolute; top: 4.98vh; @@ -886,18 +834,15 @@ h3 { border-radius: 50%; z-index: 10; } - - .f:checked~.moveable { + .f:checked ~ .moveable { left: 68.8%; background-color: black; transition: 2s; } - - .f:not(:checked)~.moveable { + .f:not(:checked) ~ .moveable { transition: 2s; } } - /*Cookie Consent Begin*/ #cookieConsent { background-color: rgba(20, 20, 20, 0.8); @@ -921,7 +866,6 @@ h3 { } #closeCookieConsent { - display: inline-block; cursor: pointer; height: 20px; @@ -948,4 +892,4 @@ h3 { background-color: #E0C91F; } -/*Cookie Consent End*/ \ No newline at end of file +/*Cookie Consent End*//*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/dist/css/styles.css.map b/dist/css/styles.css.map new file mode 100644 index 0000000..f0202dd --- /dev/null +++ b/dist/css/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/css/styles.scss","styles.css"],"names":[],"mappings":"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","file":"styles.css"} \ No newline at end of file diff --git a/src/css/jobsStyles.css b/src/css/jobsStyles.scss similarity index 100% rename from src/css/jobsStyles.css rename to src/css/jobsStyles.scss diff --git a/src/css/rfqStyles.css b/src/css/rfqStyles.scss similarity index 100% rename from src/css/rfqStyles.css rename to src/css/rfqStyles.scss diff --git a/src/css/styles.scss b/src/css/styles.scss new file mode 100644 index 0000000..dbb933d --- /dev/null +++ b/src/css/styles.scss @@ -0,0 +1,951 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Roboto", serif, sans-serif; + --footer-background: rgb(45, 210, 111) !important; + +} + +body { + text-align: center; + background-color: var(--body-background) !important; + +} + +:root { + --navbar-background: #d9d9d9; + --body-background: #cfcfcf; + --card-background: white; + --bright-text: rgb(26, 26, 26); + --grey-text: rgb(204, 204, 204); + --btn-background: rgb(126, 15, 218); + --btn-text: white; + --form-background: rgb(255, 255, 255) !important; + --s-b-b: rgb(4, 13, 44); + --border-color: rgb(63, 63, 63); + --btn-text-color: white; +} + +.dark-mode { + --navbar-background: #0e0e0e; + --body-background: #2a2929; + --card-background: #212529; + --bright-text: rgb(255, 255, 255); + --grey-text: rgb(204, 204, 204); + --btn-background: rgb(126, 15, 218); + --btn-text: #212529; + --form-background: rgb(26 26 26); + --search-btn-background: rgb(30, 163, 112); + --footer-background: #1b094d; + --border-color: #3e3e3e; +} + +.dark-mode .mode__toggle { + background-color: #404952; +} + +.dark-mode .bx-moon { + opacity: 0; + visibility: hidden; +} + +.dark-mode .bxs-moon { + opacity: 1; + visibility: visible; +} + +.overall_wrapper { + display: flex; + flex-direction: column; + gap: 20px; +} + +.nav-item { + padding: 0; +} + +.header { + padding: 60px; + text-align: center; + /* background: blue; */ + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + color: black; + font-size: 30px; + /*toggle light/dark mode*/ + position: relative; +} + +/*Nav Bar*/ +.navbar-nav, +.navbar-default, +.container-fluid, +.navbar-header, +.navbar-wrap, +.menu { + width: 100%; + margin: 0; + padding: 0; +} + +.navbar-nav { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px; + +} + +.navbar2 { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px; + background-color: var(--navbar-background); + z-index: 2; + margin-top: -25px; + +} + +.navbar2 a { + color: var(--bright-text); + text-decoration: none; + margin-left: 8px; +} + +.navbar2 a:focus { + color: var(--bright-text); +} + +.navbar2 a:hover { + color: rgb(116, 116, 116); + transition: 1s; +} + +.navbar2 a:not(:hover) { + transition: 1s; +} + +.navbar2 { + background-color: var(--navbar-background); +} + +/* Google maps */ +#map-container-google-1 { + width: 20vw; +} + +#google-map { + width: 100%; + height: 100%; +} + +/*Start toggle light/dark mode*/ +.navbar.navbar-expand-sm { + position: absolute; + z-index: 10; + top: 0; + right: 60px; + font-size: 20px; +} + +/*End toggle light/dark mode*/ +/*form*/ +#container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.mb-6 { + margin-bottom: 20px; +} + +.form-container { + height: 37rem; + width: 40rem; +} + +/**/ +.container { + max-width: 100%; + position: relative; + z-index: 2; + padding: 0; +} + +.jumbotron { + margin: 10px auto; + background-size: cover; + text-shadow: black 0.3em 0.3em 0.3em; +} + +.navbar_wrapper { + width: 100%; +} + +.main_navbar { + width: 100%; +} + +.hamburger_menu_active { + width: 100%; + display: flex; + justify-content: space-between; + list-style-type: none; + text-align: left; + background-color: white; + padding: 10px; +} + +.hamburger_menu_active>li>a { + padding: 5px; + background-color: #dddddd; + text-decoration: none; +} + +/* Change the link color to #111 (black) on hover */ +.hamburger_menu_active>li>a:hover { + background-color: #111; + color: orchid; +} + +#hamburger_trigger { + position: absolute; + right: 0; + font-size: 40px; + display: none; +} + +footer { + display: inline-flex; + background-color: gray; + color: black; + clear: both; + height: 100px; + font-family: "Roboto", sans-serif; + width: 100%; +} + +.fa-github { + color: #171515; +} + +.fa-linkedin-in { + color: #0e76a8; +} + +.fa-twitter { + color: #00acee; +} + +.fa-pinterest { + color: #c8232c; +} + +.fa-facebook { + color: #1877f2; +} + +.fa-instagram { + color: #a6f218; +} + +.fa-youtube { + color: #f21818; +} + +.svg-inline--fa:hover { + color: #fff; + transition: 1s; +} + +.svg-inline--fa:not(:hover) { + transition: 2s; +} + +section { + display: flex; + float: left; + margin: 0 1.5%; + width: 63%; + padding: 5%; + background: greenyellow; +} + +aside { + color: black; + float: right; + margin: 2%; + width: 30%; + background: gray; + padding: 5%; + box-shadow: inset 5px 0 5px -5px #29627e; + padding-left: 0.5rem; +} + +aside>p { + margin: 0.5rem; +} + +article { + background: var(--card-background); + padding: 5%; +} + +.static-img { + display: block; +} + +iframe { + max-width: 100%; + background: orange; +} + +i { + width: 20px; + height: 20px; +} + +/* footer */ +/* footer-top */ +.footer-top { + width: 100%; + display: inline-flex; + justify-content: space-between; + background-color: var(--footer-background); + color: white; +} + +#icon-title { + padding: 10px 50px; + gap: 20px; +} + +#footer-icon { + align-items: center; + padding: 10px 50px; + gap: 20px; + display: flex; +} + +#footer-icon a { + color: white; + padding-left: 20px; +} + +/* footer-middle */ +.footer-middle { + display: flex; + justify-content: space-evenly; + padding: 40px 0; + background-color: #1B2430; + color: white; + text-align: left; + align-items: start; + flex-wrap: wrap; +} + +.footer-title { + font-weight: 500; + font-size: 18px; + padding-bottom: 30px; + color: black; +} + +.contact-list, +.link-list, +.product-list, +.company-list { + font-size: 13px; + text-align: left; +} + +.hours-map, +.company-product, +.link-contact { + display: flex; + gap: 50px; + justify-content: space-evenly; +} + +footer ul, +li { + text-decoration: none; + list-style-type: none; + padding-bottom: 15px; + padding-left: 0; +} + +.footer-bottom { + background-color: #0f151b; + color: white; + padding: 20px; + margin: 0; +} + +.imgLogo { + width: 30%; + height: 10%; + border-radius: 50%; +} + +.btn-primary { + margin-top: 1.5rem; +} + +/* Medium Screens */ + +@media all and (max-width: 1000px) { + #hamburger_trigger { + display: block; + } + + .hamburger_menu_active { + flex-direction: column; + align-items: center; + gap: 20px; + display: none; + } + + .navbar-nav { + flex-direction: column; + justify-content: space-around; + display: none; + } + +} + +@media screen and (max-width: 576px) { + .header { + height: 20%; + padding: 0.2rem; + font-size: 1rem; + } + + .jumbotron h1 { + font-size: 1rem; + } +} + +@media all and (min-width: 34.375em) { + .map-container { + display: block; + } + + .static-img { + display: none; + } +} + +@media screen and (max-width: 768px) { + .jumbotron { + padding-top: 20px; + padding-bottom: 20px; + } + + /* footer */ + .footer-top { + flex-direction: column; + } + + #icon-title { + width: 100%; + text-align: left; + padding: 15px; + } + + #footer-icon { + padding: 0 10px; + gap: 7px; + } + + .footer-middle { + flex-direction: column; + } + + .openhours, + .company-name, + .useful-link { + width: 60%; + } + + .company-product { + gap: 10px; + } + + .link-contact { + gap: 100px; + padding: 0 20px; + } +} + +.container3 section { + background-color: var(--form-background); + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); + border-radius: 17px; +} + +.form-container option { + color: grey; +} + +.jumbotron h1, +h2 { + text-shadow: none; + color: white; +} + +.header { + background-image: radial-gradient(circle 610px at 5.2% 51.6%, rgb(2, 3, 54) 0%, rgb(5, 2, 39) 97.5%); + +} + +.main_navbar a { + color: grey; + background-color: transparent; + text-decoration: none; +} + +.custom-control-label { + color: white; +} + +#navb a { + background-color: var(--navbar-background); + z-index: 2; +} + +#navb a:hover { + background-color: rgb(212, 212, 212); + transition: 1s; + color: grey; +} + +#navb a:not(:hover) { + transition: 1s; +} + +#navb { + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); + background-color: var(--navbar-background); +} + +#business-history { + margin-left: 10px; + margin-right: 10px; + +} + +.navbar2 { + height: 70px; + + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); + z-index: 2; +} + +.s { + position: absolute; + top: 27vh; + left: 90%; + z-index: 100; +} + +.dmlabel { + position: absolute; + top: 1.8pc; + right: 19pc; + color: var(--bright-text); +} + +.dmlabel-f { + right: 19pc; + color: var(--bright-text); +} + +.dmlabel-c { + position: absolute; + top: 26.5vh; + left: 91.5%; + + color: black; +} + +.e { + position: absolute; + top: 60vh; + left: 90%; +} + +.dmlabel-e { + position: absolute; + top: 59.5vh; + left: 91.5%; + color: white; +} + +.card { + background-color: var(--card-background); + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); +} + +.footer-top { + background: var(--footer-background); + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); +} + +#head, +#head2, +.card-text { + color: var(--bright-text); +} + +.btn { + background: var(--btn-background); + color: var(--btn-text); + border: none; +} + +#bheader { + color: var(--bright-text); +} + +#business-history { + color: var(--bright-text); +} + +#business-history-container { + padding-top: 200px; +} + +#head3 { + color: var(--bright-text); + font-size: 55px; +} + +.form-control { + color: var(--bright-text); + background-color: var(--form-background); + border-radius: 8px 0px 0px 8px; + border: 1px solid var(--border-color); +} + +.form-control::placeholder { + color: var(--bright-text); +} + +.form-control:focus { + color: var(--bright-text); + background-color: var(--form-background); +} + +.jumbotron a { + text-decoration: none; + color: white; + text-shadow: none; + +} + +#mhead { + color: var(--bright-text); +} + +#map-gog { + height: 500px; + width: 100%; + margin-bottom: -55px; +} + +#art p, +h3 { + color: var(--bright-text); +} + +#art { + height: 363px; + margin-right: 25px; +} + +#s-btn { + margin-left: -10px; + width: 85px; + border: 1px solid var(--border-color); + color: var(--btn-text-color); + background-color: var(--s-b-b); + border-radius: 0px 8px 8px 0px; +} + +.mode__header { + display: flex; + width: 5%; + justify-content: flex-end; + margin-right: 15px; +} + +.mode__toggle { + display: flex; + width: 41px; + height: 41px; + background-color: #eff8ff; + border-radius: 50%; + transition: .5s; + position: relative; + text-decoration: none; +} + +.mode__toggle:hover { + transition: .1s; + width: 42px; + height: 42px; +} + +.mode__toggle .bx { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + transition: .5s; +} + +.bx-moon { + color: #1b094d; +} + +.bxs-moon { + color: #fff; + opacity: 0; + visibility: hidden; +} + + +#s-btn:hover { + color: grey; + transition: 1s; +} + +#s-btn:not(:hover) { + color: var(--btn-text-color); + transition: 1s; +} + +.footer-top { + + background-color: var(--footer-background); +} + +.card-body p { + color: var(--bright-text); +} + +#team { + padding-top: 200px; +} + +#head { + padding-top: 100px; + font-size: 100px; +} + +#map-info { + padding-top: 150px; +} + +.mainContent section { + background-color: #dfb900; +} + +#ba { + background-color: var(--card-background); +} + +#as { + margin-top: -5px; + margin-right: 25px; + left: 25px; + width: 454px; + padding-left: 40px; + padding-right: -10px; +} + +#navbarSupportedContent li { + display: inline-block; + padding-left: 50px; + margin-top: 15px; + z-index: 2; +} + +#capabilities { + width: 85px; + height: 35px; + border: none; + outline: none; + background-color: var(--navbar-background); + color: var(--bright-text); +} + +#capabilities option { + width: 400px; + border: none; + border-radius: 0px; +} + +#the-form { + background-color: var(--form-background); +} + +#the-form input { + border-radius: 5px; + border: 1px solid var(--border-color); +} + +.label { + color: var(--bright-text); +} + +#dropdown { + background-color: var(--navbar-background); + color: var(--bright-text); + border: none; + outline: none; + margin-right: -40px; +} + +.dropdown-item:hover { + background-color: transparent; +} + +.dropdown-menu { + background-color: var(--navbar-background); +} + +#submit-btn { + width: 449px; + background-color: #5d2bd0; + background-color: #5d2bd0; + border: none; + color: var(--bright-text); +} + +@-moz-document url-prefix() { + .background-dark-toggle { + position: absolute; + top: 4.9vh; + left: 67.4%; + width: 33px; + height: 15.5px; + background-color: #000000; + border-radius: 25px; + } + + .f:checked~.background-dark-toggle { + background-color: rgb(104, 104, 104); + } + + .moveable { + position: absolute; + top: 4.98vh; + left: 67.49%; + width: 13px; + height: 14px; + background-color: #ffffff; + border-radius: 50%; + z-index: 10; + } + + .f:checked~.moveable { + left: 68.8%; + background-color: black; + transition: 2s; + } + + .f:not(:checked)~.moveable { + transition: 2s; + } +} + +/*Cookie Consent Begin*/ +#cookieConsent { + background-color: rgba(20, 20, 20, 0.8); + min-height: 26px; + font-size: 14px; + color: #ccc; + line-height: 26px; + padding: 8px 0 8px 30px; + font-family: "Trebuchet MS", Helvetica, sans-serif; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + z-index: 9999; +} + +#cookieConsent a { + color: #4B8EE7; + text-decoration: none; +} + +#closeCookieConsent { + + display: inline-block; + cursor: pointer; + height: 20px; + width: 20px; + margin: -15px 0 0 0; + font-weight: bold; +} + +#closeCookieConsent:hover { + color: #FFF; +} + +#cookieConsent a.cookieConsentOK { + background-color: #F1D600; + color: #000; + display: inline-block; + border-radius: 5px; + padding: 0 20px; + cursor: pointer; + margin: 0 60px 0 10px; +} + +#cookieConsent a.cookieConsentOK:hover { + background-color: #E0C91F; +} + +/*Cookie Consent End*/ \ No newline at end of file diff --git a/templates/about.html b/templates/about.html index f0b8101..728429a 100644 --- a/templates/about.html +++ b/templates/about.html @@ -33,7 +33,7 @@ - + diff --git a/templates/applicationReceived.html b/templates/applicationReceived.html index 8c6d735..428f79b 100644 --- a/templates/applicationReceived.html +++ b/templates/applicationReceived.html @@ -6,7 +6,7 @@ Thanks for Applying - + - + + diff --git a/templates/contact.html b/templates/contact.html index 436b6cd..58d3968 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -30,7 +30,7 @@ - + diff --git a/templates/index.html b/templates/index.html index 4ab60be..2d54235 100644 --- a/templates/index.html +++ b/templates/index.html @@ -33,7 +33,7 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> - + diff --git a/templates/rfq.html b/templates/rfq.html index f87bdd2..60f3f66 100644 --- a/templates/rfq.html +++ b/templates/rfq.html @@ -25,8 +25,8 @@ - - + +