diff --git a/apply_form.html b/apply_form.html new file mode 100644 index 0000000..7b1d971 --- /dev/null +++ b/apply_form.html @@ -0,0 +1,173 @@ + + + Axizoun + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+ +
+ Action + Another action + Something else here +
+
+ +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+ +
+
+ + APPLY NOW +
+
+
+ +
+
+
+
+ + + +
+
+
+ + + diff --git a/css/checkbox.css b/css/checkbox.css new file mode 100644 index 0000000..048970a --- /dev/null +++ b/css/checkbox.css @@ -0,0 +1,58 @@ +.checkbox label:after, +.radio label:after { + content: ''; + display: table; + clear: both; +} + +.checkbox .cr, +.radio .cr { + position: relative; + display: inline-block; + border: 1px solid #a9a9a9; + border-radius: .25em; + width: 1.3em; + height: 1.3em; + float: left; + margin-right: .5em; +} + +.radio .cr { + border-radius: 50%; +} + +.checkbox .cr .cr-icon, +.radio .cr .cr-icon { + position: absolute; + font-size: .8em; + line-height: 0; + top: 50%; + left: 20%; +} + +.radio .cr .cr-icon { + margin-left: 0.04em; +} + +.checkbox label input[type="checkbox"], +.radio label input[type="radio"] { + display: none; +} + +.checkbox label input[type="checkbox"] + .cr > .cr-icon, +.radio label input[type="radio"] + .cr > .cr-icon { + transform: scale(3) rotateZ(-20deg); + opacity: 0; + transition: all .3s ease-in; +} + +.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, +.radio label input[type="radio"]:checked + .cr > .cr-icon { + transform: scale(1) rotateZ(0deg); + opacity: 1; +} + +.checkbox label input[type="checkbox"]:disabled + .cr, +.radio label input[type="radio"]:disabled + .cr { + opacity: .5; +} diff --git a/css/styles.css b/css/styles.css index 1cfd9a5..975b7f4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2,9 +2,11 @@ html { height: 100%; } + body { font-family: 'Source Sans Pro', sans-serif; } + #main { background-image: url(../imgs/bg.png); background-position: -25px -35px; @@ -15,7 +17,18 @@ body { position: absolute; } -#nameplate { +#main1 { + background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)), url(../imgs/bg.png); + background-position: -25px -35px; + background-repeat: no-repeat; + background-size: cover; + background-blend-mode: color; + height: 100%; + z-index: -4; + position: absolute; +} + +#nameplate, #nameplate1 { padding: 8px; color: white; /* text-decoration: underline; */ @@ -26,7 +39,7 @@ body { padding-top: 2px; } -#nameplate_box { +#nameplate_box, #nameplate_box1 { /* padding: 0.5px; */ border-bottom: 2px solid white; } @@ -115,6 +128,19 @@ body { box-shadow: 0px 17px 95px 1px rgba(0,0,0,0.35); } +.job-box1 { + width: 90%; + height: auto; + position: absolute; + background-color: white; + margin-left: 5%; + margin-top: 4%; + border-radius: 20px; + -webkit-box-shadow: 0px 17px 95px 1px rgba(0,0,0,0.35); + -moz-box-shadow: 0px 17px 95px 1px rgba(0,0,0,0.35); + box-shadow: 0px 17px 95px 1px rgba(0,0,0,0.35); +} + .option-selector { border-radius: 40px; border: 1.5px solid #0cebeb; @@ -155,7 +181,7 @@ body { margin-left: -0.5em; } -.form-content { +.form-content, .form-content1 { width: 84%; margin: 0 auto; margin-top: 8%; @@ -170,6 +196,26 @@ body { color: black; } +.dropdown { + width: 100%; + height: 53px; + font-size: 16px; + background-color: transparent; + color: black; +} + +#dropdownMenuButton { + width: 100%; + background-color: transparent; + color: black; + height: 49px; +} + +.p { + height: 53px; + font-size: 16px; +} + .mybutt { border-radius: 40px; margin-top: 0.7em; @@ -694,7 +740,6 @@ div.company-url, div.about-skill-header { .sort-list::-webkit-scrollbar { width: 0.6em; border-radius: 5px; - } .sort-list::-webkit-scrollbar-track { @@ -728,3 +773,31 @@ div.company-url, div.about-skill-header { #sort:hover, #filter:hover { cursor: pointer; } + +#application_form { + width: 97%; +} + +.form-content1 { + max-height: 450px; + overflow: scroll; + overflow-x: hidden; + margin-top: 6%; +} + +.form-content1::-webkit-scrollbar { + width: 0.6em; + border-radius: 5px; + margin-right: 8%; +} + +.form-content1::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + border-radius: 5px; +} + +.form-content1::-webkit-scrollbar-thumb { + background-color: darkgrey; + border-radius: 5px; + outline: 1px solid slategrey; +} diff --git a/job_vacancies.html b/job_vacancies.html index 3852b5d..6c8af20 100644 --- a/job_vacancies.html +++ b/job_vacancies.html @@ -9,6 +9,7 @@ +