diff --git a/css/about-style.css b/css/about-style.css new file mode 100644 index 0000000..9320dd7 --- /dev/null +++ b/css/about-style.css @@ -0,0 +1,105 @@ +* { + font-family: "Roboto"; +} + +.about-section { + min-height: 300px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 50px; +} +.about-section #about { + font-size: 18px; + font-weight: 700; + line-height: 22px; + color: #283FA6; +} +.about-section h2 { + font-size: 36px; + line-height: 45px; + text-align: center; + margin: 20px; +} + +.team { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 50px; + background-color: #F4F6F8; +} +.team h3 { + font-size: 32px; + font-weight: 700; + line-height: 42px; + margin: 20px; +} +.team #we-are { + font-size: 18px; + line-height: 20px; + font-weight: 700; + color: #283FA6; +} + +.paragraph { + display: block; + max-width: 750px; + line-height: 20px; + font-size: 14px; + text-align: center; + margin: 20px; +} + +.photo-team { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; + background-color: #F4F6F8; +} +.photo-team h4 { + font-size: 24px; + line-height: 30px; + text-align: center; + margin: 10px; +} +.photo-team p { + font-size: 16px; + line-height: 24px; + text-align: center; +} + +#board { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 150px 150px; + grid-template-areas: ". ."; +} +#board img { + width: 240px; + height: auto; + margin-right: 50px; + margin-left: 50px; + clip-path: circle(50% at 50% 50%); +} + +#other-team { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". . ."; +} +#other-team img { + width: 150px; + height: auto; + margin-right: 100px; + margin-left: 100px; + clip-path: circle(50% at 50% 50%); +} + +/*# sourceMappingURL=about-style.css.map */ diff --git a/css/about-style.css.map b/css/about-style.css.map new file mode 100644 index 0000000..7de7a9d --- /dev/null +++ b/css/about-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["about-style.scss"],"names":[],"mappings":"AAgBA;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OA9BQ;;AAiCZ;EACI;EACA;EACA;EACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA,kBAtCQ;;AAwCR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OA9DQ;;;AAmEhB;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA,kBAvEQ;;AAyER;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,qBACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA,qBACI;;AAEA;EACI;EACA;EACA;EACA;EACA","file":"about-style.css"} \ No newline at end of file diff --git a/css/about-style.scss b/css/about-style.scss new file mode 100644 index 0000000..e4911de --- /dev/null +++ b/css/about-style.scss @@ -0,0 +1,133 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; +$secondary-700: #283FA6; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + + +* { + font-family: 'Roboto' +} + +.about-section { + min-height: 300px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 50px; + + #about { + font-size: 18px; + font-weight: 700; + line-height: 22px; + color: $secondary-700; + } + + h2 { + font-size: 36px; + line-height: 45px; + text-align: center; + margin: 20px; + } + + +} + +.team { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 50px; + background-color: $light-600; + + h3 { + font-size: 32px; + font-weight: 700; + line-height: 42px; + margin: 20px; + } + + #we-are { + font-size: 18px; + line-height: 20px; + font-weight: 700; + color: $secondary-700; + } + +} + +.paragraph { + display: block; + max-width: 750px; + line-height: 20px; + font-size: 14px; + text-align: center; + margin: 20px; + +} + +.photo-team { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; + background-color: $light-600; + + h4{ + font-size: 24px; + line-height: 30px; + text-align: center; + margin: 10px; + } + + p{ + font-size: 16px; + line-height: 24px; + text-align: center; + } +} + +#board { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 150px 150px; + grid-template-areas: + ". ."; + + img{ + width: 240px; + height: auto; + margin-right: 50px; + margin-left: 50px; + clip-path: circle(50% at 50% 50%); + } +} + +#other-team { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". . ."; + + img{ + width: 150px; + height: auto; + margin-right: 100px; + margin-left: 100px; + clip-path: circle(50% at 50% 50%); + } +} \ No newline at end of file diff --git a/css/contact-style.css b/css/contact-style.css new file mode 100644 index 0000000..1223c28 --- /dev/null +++ b/css/contact-style.css @@ -0,0 +1,45 @@ +.contact-form { + min-width: 500px; + height: auto; + display: flex; + flex-direction: column; + padding: 20px; + margin-top: 30px; + border-radius: 5px; + box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.15); +} +.contact-form input, +.contact-form textarea { + height: 50px; + font-size: 16px; + line-height: 20px; + color: #42464D; + margin: 10px; + border-radius: 5px; + border: 1px solid #0E1117; +} +.contact-form .contact-input { + padding-left: 20px; +} +.contact-form .contact-input:focus { + border: 2px solid #FEDD01; + color: #0E1117; + outline: none; +} +.contact-form h4 { + margin: 10px; +} +.contact-form #message { + min-height: 100px; + padding: 20px; + margin-bottom: 20px; +} + +#contact-container { + max-width: 1200px; + display: flex; + justify-content: center; + align-items: center; +} + +/*# sourceMappingURL=contact-style.css.map */ diff --git a/css/contact-style.css.map b/css/contact-style.css.map new file mode 100644 index 0000000..4231b81 --- /dev/null +++ b/css/contact-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["contact-style.scss"],"names":[],"mappings":"AAeA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA,OAxBG;EAyBH;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA,OAjCG;EAkCH;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA","file":"contact-style.css"} \ No newline at end of file diff --git a/css/contact-style.scss b/css/contact-style.scss new file mode 100644 index 0000000..cea5b7d --- /dev/null +++ b/css/contact-style.scss @@ -0,0 +1,63 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; +$secondary-700: #283FA6; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + +.contact-form { + min-width: 500px; + height: auto; + display: flex; + flex-direction: column; + padding: 20px; + margin-top: 30px; + border-radius: 5px; + box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.15); + + input, + textarea { + height: 50px; + font-size: 16px; + line-height: 20px; + color: $dark-400; + margin: 10px; + border-radius: 5px; + border: 1px solid $dark-700; + } + + .contact-input { + padding-left: 20px; + } + + .contact-input:focus { + border: 2px solid $primary-color; + color: $dark-700; + outline: none; + } + + h4 { + margin: 10px; + } + + #message { + min-height: 100px; + padding: 20px; + margin-bottom: 20px; + } +} + +#contact-container { + max-width: 1200px; + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git a/css/developers-style.css b/css/developers-style.css new file mode 100644 index 0000000..8470824 --- /dev/null +++ b/css/developers-style.css @@ -0,0 +1,60 @@ +.banner-page { + max-width: 1200px; + width: 100%; + min-height: 580px; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". ."; +} + +.banner-column { + font-size: 16px; + line-height: 24px; + padding: 50px; +} + +#banner-text { + color: #0E1117; + margin: 50px; +} + +.sub-title { + font-size: 32px; + line-height: 42px; + text-align: center; + margin: 40px; +} + +.why-join, +.hire-quality { + max-width: 1200px; + width: 100%; + min-height: 580px; + color: #0E1117; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". ."; +} + +.button-banner { + width: 100%; + height: 300px; + color: #ffffff; + background-color: #42464D; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.button-banner h4 { + text-align: center; + font-size: 32px; + line-height: 42px; + margin: 40px; +} + +/*# sourceMappingURL=developers-style.css.map */ diff --git a/css/developers-style.css.map b/css/developers-style.css.map new file mode 100644 index 0000000..1145156 --- /dev/null +++ b/css/developers-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["developers-style.scss"],"names":[],"mappings":"AAgBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACI;;;AAGR;EACI;EACA;EACA;;;AAIJ;EACI,OA5BO;EA6BP;;;AAKJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA,OA9CO;EA+CP;EACA;EACA;EACA;EACA,qBACI;;;AAKR;EACQ;EACA;EACA,OAzDD;EA0DC,kBAhEG;EAiEH;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA","file":"developers-style.css"} \ No newline at end of file diff --git a/css/developers-style.scss b/css/developers-style.scss new file mode 100644 index 0000000..76105ae --- /dev/null +++ b/css/developers-style.scss @@ -0,0 +1,83 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + +//Banner + +.banner-page { + max-width: 1200px; + width: 100%; + min-height: 580px; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". ."; +} + +.banner-column { + font-size: 16px; + line-height: 24px; + padding: 50px; + +} + +#banner-text { + color: $dark-700; + margin: 50px; +} + +//Benefits + +.sub-title { + font-size: 32px; + line-height: 42px; + text-align: center; + margin: 40px; +} + +.why-join, +.hire-quality { + max-width: 1200px; + width: 100%; + min-height: 580px; + color: $dark-700; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". ."; +} + +//Bottom Banner Section + +.button-banner{ + width: 100%; + height: 300px; + color: $text; + background-color: $dark-400; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + h4{ + text-align: center; + font-size: 32px; + line-height: 42px; + margin: 40px; + } + +} \ No newline at end of file diff --git a/css/footer-style.css b/css/footer-style.css new file mode 100644 index 0000000..847bb2e --- /dev/null +++ b/css/footer-style.css @@ -0,0 +1,103 @@ +footer { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: #0E1117; + color: #ffffff; +} +footer a, +footer a:visited { + text-decoration: none; + color: #ffffff; +} + +.container { + max-width: 1200px; + width: 90%; + padding: 40px; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". . . ."; +} +.container h3 { + margin-top: 20px; + margin-left: 10px; + text-align: left; +} +.container li { + list-style: none; + margin: 30px; +} + +#social ul { + display: flex; + flex-direction: row; +} +#social ul li { + margin: 10px; +} +#social ul i { + font-size: 30px; +} + +hr { + max-width: 1200px; + width: 90%; + color: #42464D; +} + +#r-brand { + color: #ADB0BB; +} + +#forms { + display: flex; + flex-direction: column; +} +#forms input, +#forms textarea { + margin: 10px; + min-height: 50px; + border-radius: 5px; + font-size: 14px; + line-height: 20px; +} +#forms .input { + padding-left: 10px; + background-color: transparent; + border: 1px solid #ADB0BB; + color: #ADB0BB; +} +#forms .input:focus { + border: 2px solid #FEDD01; + color: #ffffff; + outline: none; +} +#forms #message { + height: 100px; + padding-top: 20px; +} + +#send, +#send-footer { + background-color: #FEDD01; + color: #0E1117; + font-weight: 700; + cursor: pointer; + border: none; +} + +#send:active, +#send-footer:active { + transform: translate(0px, 2px); +} + +.legals { + text-align: right; +} + +/*# sourceMappingURL=footer-style.css.map */ diff --git a/css/footer-style.css.map b/css/footer-style.css.map new file mode 100644 index 0000000..b6cf6b5 --- /dev/null +++ b/css/footer-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["footer-style.scss"],"names":[],"mappings":"AAWA;EACI;EACA;EACA;EACA;EACA;EACA,kBATO;EAUP,OATG;;AAWH;AAAA;EAEQ;EACA,OAdL;;;AAkBP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACI;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAQJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAMZ;EACI;EACA;EACA,OAnEO;;;AAsEX;EACI,OAxEO;;;AA2EX;EACI;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OA5FG;;AA+FP;EACI;EACA,OA5FD;EA6FC;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI,kBAjHY;EAkHZ,OA1GO;EA2GP;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI","file":"footer-style.css"} \ No newline at end of file diff --git a/css/footer-style.scss b/css/footer-style.scss new file mode 100644 index 0000000..5f7d9c7 --- /dev/null +++ b/css/footer-style.scss @@ -0,0 +1,128 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; +$text: #ffffff; + +footer { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: $dark-700; + color: $text; + + a, + a:visited { + text-decoration: none; + color: $text; + } +} + +.container { + max-width: 1200px; + width: 90%; + padding: 40px; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". . . ."; + + h3 { + margin-top: 20px; + margin-left: 10px; + text-align: left; + } + + li { + list-style: none; + margin: 30px; + + } +} + + +#social { + + ul { + display: flex; + flex-direction: row; + + li{ + margin: 10px; + } + + i{ + font-size: 30px; + } + } + +} + +hr{ + max-width: 1200px; + width: 90%; + color: $dark-400; +} + +#r-brand{ + color: $dark-300; +} + +#forms{ + display: flex; + flex-direction: column; + + input, + textarea{ + margin: 10px; + min-height: 50px; + border-radius: 5px; + font-size: 14px; + line-height: 20px; + } + + .input{ + padding-left: 10px; + background-color: transparent; + border: 1px solid $dark-300; + color: $dark-300; + } + + .input:focus{ + border: 2px solid $primary-color; + color: $text; + outline: none; + } + + #message{ + height: 100px; + padding-top: 20px; + } +} + +#send, +#send-footer{ + background-color: $primary-color; + color: $dark-700; + font-weight: 700; + cursor: pointer; + border: none; +} + +#send:active, +#send-footer:active{ + transform: translate(0px, 2px); +} + +.legals{ + text-align: right; +} \ No newline at end of file diff --git a/css/general-style.css b/css/general-style.css new file mode 100644 index 0000000..aa5c047 --- /dev/null +++ b/css/general-style.css @@ -0,0 +1,153 @@ +* { + font-family: "Roboto", sans-serif; +} + +.banner-column { + display: flex; + flex-direction: column; + justify-content: center; + color: #ffffff; + font-size: 16px; + line-height: 24px; + padding: 50px; +} +.banner-column img { + width: 100%; + height: auto; +} +.banner-column h1, +.banner-column h3 { + font-size: 36px; + line-height: 40px; + margin-bottom: 30px; +} + +.main-column { + max-width: 1200px; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". ."; +} + +.cta { + display: flex; + flex-direction: row; +} + +.primary { + width: 200px; + height: 50px; + margin: 20px; + margin-left: 0px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background-color: #FEDD01; + border: 2px solid #FEDD01; + cursor: pointer; +} +.primary a, +.primary a:visited { + color: #0E1117; + font-weight: 700; + text-decoration: none; +} + +.secondary { + width: 200px; + height: 50px; + margin: 20px; + margin-left: 0px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + border: 2px solid #FEDD01; +} +.secondary a { + color: #FEDD01; + font-weight: 500; + text-decoration: none; +} + +.primary:hover, +.secondary:hover { + transform: translate(0px, -5px); + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); +} + +.column { + display: flex; + justify-content: center; +} + +.benefits { + width: 1200px; + padding: 50px; + display: flex; + flex-direction: row; + justify-content: center; + justify-content: space-evenly; +} +.benefits .benefits-single { + width: 300px; + height: 100px; + display: grid; + grid-template-columns: 1fr 2fr; + grid-template-rows: 1fr; + gap: 10px 10px; + grid-template-areas: ". ."; + border-radius: 5px; + box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.15); +} +.benefits .icon { + width: 60px; + height: 60px; + margin-left: 20px; + margin-top: 20px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 5px; + background-color: #F4F6F8; +} +.benefits .icon i { + color: #3080EC; + font-size: 30px; +} +.benefits .benefit-text { + max-height: 60px; + margin-top: 20px; +} +.benefits .benefit-text h5 { + font-size: 18px; + line-height: 24px; +} +.benefits .benefit-text p { + font-size: 13px; + line-height: 18px; +} + +.subtitle { + font-size: 18px; + line-height: 22px; + font-weight: 700; + color: #283FA6; +} + +.success { + color: #28A745; + font-size: 14px; + line-height: 20px; +} + +.failed { + color: #DC3546; + font-size: 14px; + line-height: 20px; +} + +/*# sourceMappingURL=general-style.css.map */ diff --git a/css/general-style.css.map b/css/general-style.css.map new file mode 100644 index 0000000..2ea5e3f --- /dev/null +++ b/css/general-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["general-style.scss"],"names":[],"mappings":"AAoBA;EACI;;;AAIJ;EACI;EACA;EACA;EACA,OAjBG;EAkBH;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,qBACI;;;AAIR;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAzEY;EA0EZ;EACA;;AAEA;AAAA;EAEI,OAtEG;EAuEH;EACA;;;AAKR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,OAnGQ;EAoGR;EACA;;;AAKR;AAAA;EAEI;EACA;;;AAMJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,qBACI;EACJ;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAzII;;AA2IJ;EACI,OAxJM;EAyJN;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAMZ;EACI;EACA;EACA;EACA,OAjLY;;;AAqLhB;EACI,OAxKM;EAyKN;EACA;;;AAGJ;EACI,OA5KI;EA6KJ;EACA","file":"general-style.css"} \ No newline at end of file diff --git a/css/general-style.scss b/css/general-style.scss new file mode 100644 index 0000000..7fa3af0 --- /dev/null +++ b/css/general-style.scss @@ -0,0 +1,194 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; +$secondary-700: #283FA6; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + +//Alerts +$success: #28A745; +$warning: #FFC107; +$error: #DC3546; + +* { + font-family: 'Roboto', sans-serif; +} + +//Main Banner Column +.banner-column { + display: flex; + flex-direction: column; + justify-content: center; + color: $text; + font-size: 16px; + line-height: 24px; + padding: 50px; + + img { + width: 100%; + height: auto; + } + + h1, + h3 { + font-size: 36px; + line-height: 40px; + margin-bottom: 30px; + } +} + +.main-column { + max-width: 1200px; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". ."; +} + +//CTA Section +.cta { + display: flex; + flex-direction: row; +} + +//Primary Button Styles +.primary { + width: 200px; + height: 50px; + margin: 20px; + margin-left: 0px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background-color: $primary-color; + border: 2px solid $primary-color; + cursor: pointer; + + a, + a:visited { + color: $dark-700; + font-weight: 700; + text-decoration: none; + } +} + +//Secondary Button Styles +.secondary { + + width: 200px; + height: 50px; + margin: 20px; + margin-left: 0px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + border: 2px solid $primary-color; + + a { + color: $primary-color; + font-weight: 500; + text-decoration: none; + } +} + +//Buttons Hover +.primary:hover, +.secondary:hover { + transform: translate(0px, -5px); + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); +} + +//How it Works Section +//Benefits Section + +.column{ + display: flex; + justify-content: center; +} + +.benefits { + width: 1200px; + padding: 50px; + display: flex; + flex-direction: row; + justify-content: center; + justify-content: space-evenly; + + .benefits-single { + width: 300px; + height: 100px; + display: grid; + grid-template-columns: 1fr 2fr; + grid-template-rows: 1fr; + gap: 10px 10px; + grid-template-areas: + ". ."; + border-radius: 5px; + box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.15); + } + + .icon { + width: 60px; + height: 60px; + margin-left: 20px; + margin-top: 20px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 5px; + background-color: $light-600; + + i { + color: $secondary-color; + font-size: 30px; + } + } + + .benefit-text { + max-height: 60px; + margin-top: 20px; + + h5 { + font-size: 18px; + line-height: 24px; + } + + p { + font-size: 13px; + line-height: 18px; + } + } +} + +//Client and Developer Subtitle +.subtitle { + font-size: 18px; + line-height: 22px; + font-weight: 700; + color: $secondary-700; +} + +//Email Alerts +.success { + color: $success; + font-size: 14px; + line-height: 20px; +} + +.failed { + color: $error; + font-size: 14px; + line-height: 20px; +} \ No newline at end of file diff --git a/css/header-style.css b/css/header-style.css new file mode 100644 index 0000000..41db4cb --- /dev/null +++ b/css/header-style.css @@ -0,0 +1,94 @@ +* { + margin: 0px; + padding: 0px; +} + +header { + width: 100%; + height: 60px; + display: flex; + justify-content: center; + background-color: #282C34; + color: #ffffff; +} + +#header-container { + max-width: 1200px; + width: 90%; + display: grid; + grid-template-columns: 1fr 2fr 1fr; + grid-template-rows: 1fr; + gap: 10px; + grid-template-areas: ". . ."; +} + +.navbar { + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.navbar #logo { + width: 190px; + height: auto; + margin-top: 10px; +} +.navbar nav ul { + list-style-type: none; + display: flex; + flex-direction: row; +} +.navbar nav a, +.navbar nav a:visited { + margin-left: 15px; + margin-right: 15px; + padding-bottom: 5px; + text-decoration: none; + color: #ffffff; +} +.navbar nav a:hover { + border-bottom: 2px solid #FEDD01; +} +.navbar nav .current_menu_item a, +.navbar nav .current_page_item a { + color: #FEDD01 !important; + border-bottom: 2px solid #FEDD01; +} + +.mobile-nav { + visibility: hidden; + height: 0px; +} + +#login { + color: #FEDD01; + padding-left: 20px; + padding-right: 20px; + padding-top: 10px; + padding-bottom: 10px; + margin-right: 15px; + border: 2px solid #FEDD01; + border-radius: 5px; + text-decoration: none; +} + +#signup { + color: #0E1117; + padding-left: 20px; + padding-right: 20px; + padding-top: 10px; + padding-bottom: 10px; + margin-left: 15px; + background-color: #FEDD01; + border: 2px solid #FEDD01; + border-radius: 5px; + text-decoration: none; +} + +.sub-menu { + visibility: hidden; + height: 0px; + width: 0px; +} + +/*# sourceMappingURL=header-style.css.map */ diff --git a/css/header-style.css.map b/css/header-style.css.map new file mode 100644 index 0000000..50deafc --- /dev/null +++ b/css/header-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["header-style.scss"],"names":[],"mappings":"AAWA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBAfO;EAgBP,OAbG;;;AAgBP;EACI;EACA;EACA;EACA;EACA;EACA;EACA,qBACI;;;AAGR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAKA;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA,OArDL;;AAwDC;EACI;;AAMA;AAAA;EACI;EACA;;;AAOhB;EACI;EACA;;;AAGJ;EACI,OAvFY;EAwFZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OA3FO;EA4FP;EACA;EACA;EACA;EACA;EACA,kBAzGY;EA0GZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA","file":"header-style.css"} \ No newline at end of file diff --git a/css/header-style.scss b/css/header-style.scss new file mode 100644 index 0000000..8aacf1f --- /dev/null +++ b/css/header-style.scss @@ -0,0 +1,116 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; +$text: #ffffff; + +* { + margin: 0px; + padding: 0px; +} + +header { + width: 100%; + height: 60px; + display: flex; + justify-content: center; + background-color: $dark-500; + color: $text; +} + +#header-container{ + max-width: 1200px; + width: 90%; + display: grid; + grid-template-columns: 1fr 2fr 1fr; + grid-template-rows: 1fr; + gap: 10px; + grid-template-areas: + ". . ."; +} + +.navbar { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + + #logo { + width: 190px; + height: auto; + margin-top: 10px; + } + + nav { + + ul { + list-style-type: none; + display: flex; + flex-direction: row; + } + + a, + a:visited { + margin-left: 15px; + margin-right: 15px; + padding-bottom: 5px; + text-decoration: none; + color: $text; + } + + a:hover { + border-bottom: 2px solid $primary-color; + } + + .current_menu_item, + .current_page_item { + + a { + color: $primary-color !important; + border-bottom: 2px solid $primary-color; + } + } + + } +} + +.mobile-nav{ + visibility: hidden; + height: 0px; +} + +#login { + color: $primary-color; + padding-left: 20px; + padding-right: 20px; + padding-top: 10px; + padding-bottom: 10px; + margin-right: 15px; + border: 2px solid $primary-color; + border-radius: 5px; + text-decoration: none; +} + +#signup { + color: $dark-700; + padding-left: 20px; + padding-right: 20px; + padding-top: 10px; + padding-bottom: 10px; + margin-left: 15px; + background-color: $primary-color; + border: 2px solid $primary-color; + border-radius: 5px; + text-decoration: none; +} + +.sub-menu{ + visibility: hidden; + height: 0px; + width: 0px; +} \ No newline at end of file diff --git a/css/index-style.css b/css/index-style.css new file mode 100644 index 0000000..baa4ff1 --- /dev/null +++ b/css/index-style.css @@ -0,0 +1,112 @@ +/* +Theme Name: CodeSpread +Author: Aldo Guzman +Version: 1.0 +*/ +.banner { + width: 100%; + min-height: 580px; + display: flex; + justify-content: center; + background-image: url(https://codespread-assets.s3.us-west-2.amazonaws.com/wordpress/banner.webp); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.video-section { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.video-section h2 { + font-size: 32px; + line-height: 42px; + text-align: center; + margin: 40px; +} +.video-section p { + font-size: 18px; + line-height: 22px; + margin: 40px; +} +.video-section #youtube-video { + margin: 40px; +} + +#tech-screens { + width: 100%; + min-height: 510px; + background-image: url(https://codespread-assets.s3.us-west-2.amazonaws.com/wordpress/banner-screens-mobile.webp); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +#column-black { + display: flex; + flex-direction: column; + align-items: center; + background-color: #1C2025; +} + +.how-works { + max-width: 1200px; + width: 100%; + min-height: 580px; + color: #ffffff; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". ."; +} + +#partners { + font-size: 32px; + line-height: 42px; + font-weight: 600; + text-align: center; + margin: 40px; +} + +.slider { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.slider-track { + margin-bottom: 40px; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: ". . . ."; +} + +.partner-logo { + width: 230px; + height: 120px; +} + +.sliderMobile { + visibility: hidden; + height: 0px; +} + +.slider-mobile { + margin-left: 15%; + margin-right: 15%; +} + +.bx-viewport, +.bx-wrapper { + border: 0 !important; /* border */ + -webkit-box-shadow: none !important; /* these two shadows */ + box-shadow: none !important; +} + +/*# sourceMappingURL=index-style.css.map */ diff --git a/css/index-style.css.map b/css/index-style.css.map new file mode 100644 index 0000000..8acf404 --- /dev/null +++ b/css/index-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["index-style.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAKJ;EACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA,kBAjEO;;;AAoEX;EACI;EACA;EACA;EACA,OApEG;EAqEH;EACA;EACA;EACA;EACA,qBACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,qBACI;;;AAGR;EACI;EACA;;;AAKJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;AAAA;EAEI;EACA;EACA","file":"index-style.css"} \ No newline at end of file diff --git a/css/index-style.scss b/css/index-style.scss new file mode 100644 index 0000000..ce7781a --- /dev/null +++ b/css/index-style.scss @@ -0,0 +1,145 @@ +/* +Theme Name: CodeSpread +Author: Aldo Guzman +Version: 1.0 +*/ + +$primary-color: #FEDD01; +$secondary-color: #3080EC; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + +// Banner Section +.banner { + width: 100%; + min-height: 580px; + display: flex; + justify-content: center; + background-image: url(https://codespread-assets.s3.us-west-2.amazonaws.com/wordpress/banner.webp); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + + + +//Video Section + +.video-section { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + h2 { + font-size: 32px; + line-height: 42px; + text-align: center; + margin: 40px; + } + + p { + font-size: 18px; + line-height: 22px; + margin: 40px; + } + + + + #youtube-video { + margin: 40px; + } +} + +//How it Works Section + +#tech-screens { + width: 100%; + min-height: 510px; + background-image: url(https://codespread-assets.s3.us-west-2.amazonaws.com/wordpress/banner-screens-mobile.webp); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + +} + +#column-black{ + display: flex; + flex-direction: column; + align-items: center; + background-color: $dark-600; +} + +.how-works { + max-width: 1200px; + width: 100%; + min-height: 580px; + color: $text; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". ."; +} + +// Partners Section + +#partners { + font-size: 32px; + line-height: 42px; + font-weight: 600; + text-align: center; + margin: 40px; +} + +.slider { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.slider-track { + margin-bottom: 40px; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 20px 20px; + grid-template-areas: + ". . . ."; +} + +.partner-logo { + width: 230px; + height: 120px; +} + +//Slider on Mobile + +.sliderMobile { + visibility: hidden; + height: 0px; +} + +.slider-mobile { + margin-left: 15%; + margin-right: 15%; + +} + +.bx-viewport, +.bx-wrapper{ + border: 0!important; /* border */ + -webkit-box-shadow: none!important; /* these two shadows */ + box-shadow: none!important; +} \ No newline at end of file diff --git a/css/mobile-style.css b/css/mobile-style.css new file mode 100644 index 0000000..ed9ee60 --- /dev/null +++ b/css/mobile-style.css @@ -0,0 +1,352 @@ + /*Header*/ + + @media (max-width: 1100px) { + + .primary:hover, + .secondary:hover { + transform: translate(0px, 0px); + box-shadow: none; + } + + /*Hidden Nav bar*/ + .navbar { + display: none; + } + + } + + /*End of Header*/ + + /*Footer*/ + + @media (max-width: 600px) { + + .container { + width: auto; + display: flex; + flex-direction: column; + } + + .footer-column { + width: 100%; + } + + .legals { + text-align: center; + } + } + + /*End of Footer*/ + + /*------------------------- Front Page --------------------------------------------*/ + + @media (max-width: 900px) { + + /*Main Banner*/ + + .main-column { + display: flex; + flex-direction: column-reverse; + } + + /*Benefits*/ + .benefits { + padding: 20px; + flex-direction: column; + align-items: center; + } + + .benefits-single { + margin: 10px; + } + + #youtube-video iframe { + width: 600px; + height: 340px; + } + + .sliderMobile { + visibility: visible; + height: auto; + } + + .slider-track { + display: none; + } + + .mobile-hide { + display: none; + } + + } + + @media (max-width: 810px) { + #tech-screens { + display: none; + } + + } + + @media (max-width: 600px) { + + /*Main Banner*/ + + .banner { + display: flex; + flex-direction: column-reverse; + } + + .banner-column { + padding: 20px; + } + + /*Video Section*/ + + .video-section p { + text-align: center; + } + + #youtube-video iframe { + width: 300px; + height: 170px; + } + + /*How It Works*/ + .how-works { + display: flex; + flex-direction: column; + } + + .banner-column { + padding: 20px; + } + + #works-one { + flex-direction: column-reverse; + } + + } + + @media (max-width: 490px) { + + /*Main Banner*/ + + .cta { + display: flex; + flex-direction: column; + } + + } + + /*------------------------- End of Front Page --------------------------------------------*/ + + /*------------------------- Clients & Developers Page --------------------------------------------*/ + + @media (max-width: 810px) { + + .banner-page { + display: flex; + flex-direction: column-reverse; + } + } + + @media (max-width: 600px) { + .why-join { + display: flex; + flex-direction: column; + } + + .middle { + flex-direction: column-reverse; + } + + #banner-text { + margin: 20px; + } + } + + /*------------------------- End of Clients & Developers Page --------------------------------------------*/ + + /*------------------------- About Us Page --------------------------------------------*/ + + @media (max-width: 810px) { + + #other-team img { + margin-right: 50px; + margin-left: 50px; + } + + } + + @media (max-width: 600px) { + + #board { + gap: 50px 50px; + } + + #board img { + margin-right: 0px; + margin-left: 0px; + } + + #other-team img { + margin-right: 0px; + margin-left: 0px; + } + + } + + @media (max-width: 550px) { + + .about-section { + padding: 20px; + } + + #we-are { + text-align: center; + } + + .paragraph { + margin: 10px; + } + + .team { + padding: 20px; + } + + .photo-team { + padding: 20px; + } + + #board, + #other-team { + display: flex; + flex-direction: column; + } + } + + /*------------------------- End of About Us Page --------------------------------------------*/ + + /*------------------------- Contact Page --------------------------------------------*/ + + @media (max-width: 1100px) { + #mail-pic { + display: none; + } + } + + @media (max-width: 560px) { + + .contact-form { + min-width: 450px; + } + + } + + @media (max-width: 460px) { + + .contact-form { + min-width: 350px; + } + + } + + @media (max-width: 400px){ + + #banner-text{ + max-width: 350px; + } + + #contact-container{ + border: 1px solid red; + } + + .contact-form { + min-width: 300px; + } + + } + + /*------------------------- Mobile Menu --------------------------------------------*/ + + @media (max-width: 1100px) { + /*-- Mobile Menu --*/ + + header { + visibility: hidden; + height: 0px; + } + + .mobile-nav { + visibility: visible; + height: 60px; + background-color: #282C34; + color: white; + display: grid; + grid-template-columns: 3fr 1fr; + grid-template-rows: 1fr; + gap: 10px 10px; + grid-template-areas: + ". ."; + padding: 10px; + } + + .mobile-column { + display: flex; + align-items: center; + } + + .mobile-column i { + font-size: 20px; + } + + #logo-mobile { + width: 190px; + height: auto; + margin-top: 10px; + margin-left: 10px; + } + + .icon { + display: flex; + justify-content: right; + } + + .closemenu { + display: none; + } + + .closemenu, + .openmenu { + height: auto; + padding: 10px; + margin-right: 10px; + } + + /*-- Submenu --*/ + .sub-menu { + width: 100%; + height: 0px; + } + + .mainmenu li { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #0E1117; + background-color: #282C34; + height: 40px; + } + + .mainmenu li a { + text-decoration: none; + color: white; + } + + .mainmenu li:hover { + background-color: #42464D; + } + + } + + /*------------------------- End of Mobile Menu --------------------------------------------*/ \ No newline at end of file diff --git a/css/page-style.css b/css/page-style.css new file mode 100644 index 0000000..5e9e4db --- /dev/null +++ b/css/page-style.css @@ -0,0 +1,24 @@ +* { + font-family: "Roboto", sans-serif; +} + +.main { + padding: 50px; + display: flex; + align-items: center; + justify-content: center; + color: #1C2025; +} + +.container-box { + width: 70%; + font-size: 16px; + line-height: 24px; +} +.container-box h1 { + font-size: 32px; + line-height: 42px; + margin-bottom: 30px; +} + +/*# sourceMappingURL=page-style.css.map */ diff --git a/css/page-style.css.map b/css/page-style.css.map new file mode 100644 index 0000000..87ac604 --- /dev/null +++ b/css/page-style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["page-style.scss"],"names":[],"mappings":"AAgBA;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OAlBO;;;AAqBX;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA","file":"page-style.css"} \ No newline at end of file diff --git a/css/page-style.scss b/css/page-style.scss new file mode 100644 index 0000000..4c123e4 --- /dev/null +++ b/css/page-style.scss @@ -0,0 +1,40 @@ +$primary-color: #FEDD01; +$secondary-color: #3080EC; + +//Dark Theme +$dark-300: #ADB0BB; +$dark-400: #42464D; +$dark-500: #282C34; +$dark-600: #1C2025; +$dark-700: #0E1117; + +//Light Theme +$text: #ffffff; +$light-600: #F4F6F8; + + + +* { + font-family: 'Roboto', sans-serif; +} + +.main { + padding: 50px; + display: flex; + align-items: center; + justify-content: center; + color: $dark-600; +} + +.container-box { + width: 70%; + font-size: 16px; + line-height: 24px; + + h1 { + font-size: 32px; + line-height: 42px; + margin-bottom: 30px; + } + +} \ No newline at end of file diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..e99831b --- /dev/null +++ b/footer.php @@ -0,0 +1,72 @@ + + + + CodeSpread + + + \ No newline at end of file diff --git a/front-page.php b/front-page.php new file mode 100644 index 0000000..e4d65db --- /dev/null +++ b/front-page.php @@ -0,0 +1,213 @@ + + + + + + + + + + Freelance Programmer - Talented Developer For Hire | CodeSpread + + + + + + + + + + + +
+ +
+ +
+ + + + + +
Developer
+

Monetize your Github activity, Generate new opportunities.

+ +
+ +
+ + + + + +
Client
+

Find the best developers based on Github contributions.

+ +
+ +
+ + + + + +
Unique Match
+

We are making remote development easy.

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

+Made for Developers
+by Developers +

+ +

Helping developers and clients make the most of open source.

+ +
+ +
+ +
+ + + + +
+ +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +Our Partners + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..5ab9d11 --- /dev/null +++ b/functions.php @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + CodeSpread + + + + + +
+ +
+ +
+ + + +
+ + + +
+ +
+ Log In + Sign Up + +
+ +
+ +
+ +
+ + +
+ +
+ + + +
+ +
+
+
+
+ + +
+ +
+ + + +
+ + + + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..6220032 --- /dev/null +++ b/index.php @@ -0,0 +1,2 @@ + + + + + + + + + + We are Helping Developers & Clients make the most of Open Source + + + + +
+ +About Us + +

Helping Developers +and Clients +
+make the most of Open Source

+ +

+Imagine the power of pairing the perfect developer with the ultimate project. This is CodeSpread, and it marks a new era in matching the most talented developers with the world’s most ambitious projects. Using proprietary technology we leverage developer’s Github activity to perfectly match them with clients needing their exact skillset. +

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

+Our Team +

+ +We’re Developers. We’re Clients. We’re You. + +

+No matter what your goals are, we’re on your side and have developed the CodeSpread platform to help you take your projects, your career, and your dreams to the next level. +

+ +
+ + + +
+ +
+ +
+ avi amsalem +

Avi Amsalem

+

Co-founder and CEO

+
+ +
+ avi amsalem +

Galit Amsalem

+

Co-founder and COO

+
+ +
+ +
+ +
+ +
+ +
+ avi amsalem +

Gadi Maizler​

+

VP R&D

+
+ +
+ avi amsalem +

Idan Benabu

+

Full Stack Developer

+
+ +
+ avi amsalem +

Aldo Guzman

+

UI/UX Designer

+
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/page-clients.php b/page-clients.php new file mode 100644 index 0000000..a9199e8 --- /dev/null +++ b/page-clients.php @@ -0,0 +1,170 @@ + + + + + + + + + + Hire the Best Developers, Fast | CodeSpread + + + + + +
+ + +
+ + + + + +

+How it Works +

+ +
+ +
+ + +
+ + + + + +
Create Code Request
+

We’ll match you with the perfect fits for your project.

+ +
+ +
+ + + + + +
Choose Developer
+

Choose the proposal that suits your specific needs.

+ +
+ +
+ + + + + +
Get Work Done
+

Agree on conditions and start creating something awesome.

+ +
+ +
+ +
+ + + + +

+Hire High Quality Developers +

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

+Start Hiring
+Great Developers +

+ +Sign Up + +
+ + + + + + + + \ No newline at end of file diff --git a/page-contact.php b/page-contact.php new file mode 100644 index 0000000..cc97ccc --- /dev/null +++ b/page-contact.php @@ -0,0 +1,59 @@ + + + + + + + + + + Contact Us to find the best programmers in the world | CodeSpread + + + + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/page-developers.php b/page-developers.php new file mode 100644 index 0000000..2a85a2e --- /dev/null +++ b/page-developers.php @@ -0,0 +1,169 @@ + + + + + + + + + + Developers & Programmers Jobs - Make Your Github Activities Count + + + + + +
+ +
+ + + + +

+How it Works +

+ +
+
+ +
+ + + + + +
Register
+

Using your Github credentials, your activity is essential.

+ +
+ +
+ + + + + +
Add Details
+

About your skills and preferred coding language.

+ +
+ +
+ + + + + +
Start Earning
+

Receive request invitations, and submit proposals.

+ +
+ +
+
+ + + + + +

+Why Join? +

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

+Step Up +Your Career +

+ +Sign Up + +
+ + + + + + + + \ No newline at end of file diff --git a/page-sendemail.php b/page-sendemail.php new file mode 100644 index 0000000..cb00d8c --- /dev/null +++ b/page-sendemail.php @@ -0,0 +1,56 @@ + + + + + + + + + + Freelance Programmer - Talented Developer For Hire | CodeSpread + + +"; + $headers = "New Message: " . $senderName . " <" . $senderEmail . ">"; + $msgBody = " Subject: " . $subject . " Message: " . $message . ""; + $success = mail($to = implode(", ", $addresses), $headers, $msgBody); + + //Set Location After Successsfull Submission + + $response = "Message sent"; + header("refresh:5;url=page-contact.php"); +} else { + //Set Location After Unsuccesssfull Submission + $response = "Message couldn't be delivered."; + header("refresh:5;url=page-contact.php"); +} + +?> + +
+ +

Contact Us

+ +

+ +
+ + + + \ No newline at end of file diff --git a/page.php b/page.php new file mode 100644 index 0000000..28ca623 --- /dev/null +++ b/page.php @@ -0,0 +1,21 @@ + + + + + + + + + + CodeSpread + + + + + + + + + + + \ No newline at end of file diff --git a/screenshot.jpg b/screenshot.jpg new file mode 100644 index 0000000..9a6f0b7 Binary files /dev/null and b/screenshot.jpg differ diff --git a/scripts/jquery-3.6.0.min.js b/scripts/jquery-3.6.0.min.js new file mode 100644 index 0000000..c4c6022 --- /dev/null +++ b/scripts/jquery-3.6.0.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0"; + $headers = "New Message: " . $senderName . " <" . $senderEmail . ">"; + $msgBody = " Subject: " . $subject . " Message: " . $message . ""; + $success = mail( $to = implode(", ", $addresses), $headers, $msgBody ); + + //Set Location After Successsfull Submission + + $response ="Message sent"; + header( "refresh:5;url=page-contact.php" ); +} + +else{ + //Set Location After Unsuccesssfull Submission + $response ="Message couldn't be delivered."; + header( "refresh:5;url=page-contact.php" ); +} + +?> + + +
+ +

Contact Us

+ +

+ +
+ + \ No newline at end of file diff --git a/sentMail.php b/sentMail.php new file mode 100644 index 0000000..bd1a1cb --- /dev/null +++ b/sentMail.php @@ -0,0 +1,30 @@ + \ No newline at end of file diff --git a/single.php b/single.php new file mode 100644 index 0000000..9d72799 --- /dev/null +++ b/single.php @@ -0,0 +1,12 @@ + +

+

+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..661c03c --- /dev/null +++ b/style.css @@ -0,0 +1,5 @@ +/* +Theme Name: CodeSpread +Author: Aldo Guzman +Version: 1.0 +*/ \ No newline at end of file