diff --git a/api/carrer/carrer.js b/api/carrer/carrer.js
new file mode 100644
index 0000000..94a2811
--- /dev/null
+++ b/api/carrer/carrer.js
@@ -0,0 +1,100 @@
+import apollo from "../../lib/apollo.js";
+
+async function GetCarrerS1(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "S1"})
+ {
+ id
+ name
+ description
+ img{
+ url
+ }
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetCarrerD3(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "D3"})
+ {
+ id
+ name
+ description
+ img{
+ url
+ }
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetCarrerSMA(token="") {
+ var res = await apollo.query(
+ `
+ query {
+ carrers(where: {category: "SMA"})
+ {
+ id
+ name
+ description
+ img{
+ url
+ }
+ start_regis
+ until_regis
+ name_description
+ }
+ }`,
+ token
+ );
+ return res;
+}
+
+async function GetDetailCarrer(id, token="") {
+ var res = await apollo.query(
+ `
+ query($input: ID!){
+ carrers(where:{id:$input})
+ {
+ name
+ description
+ category
+ img{
+ url
+ }
+ start_regis
+ until_regis
+ name_description
+ }
+ }
+ `,
+ token,
+ {
+ "input": id
+ }
+ );
+ return res;
+}
+
+module.exports = {
+ GetCarrerS1:GetCarrerS1,
+ GetCarrerD3:GetCarrerD3,
+ GetCarrerSMA:GetCarrerSMA,
+ GetDetailCarrer:GetDetailCarrer,
+};
\ No newline at end of file
diff --git a/api/latest_news/news.js b/api/latest_news/news.js
index ef451ba..0e6753d 100644
--- a/api/latest_news/news.js
+++ b/api/latest_news/news.js
@@ -12,6 +12,7 @@ async function GetNews(token="", start = 0) {
img{
url
}
+ published_at
}
}
`,
@@ -35,6 +36,7 @@ async function GetDetailNews(id, token="") {
img{
url
}
+ published_at
}
}
`,
diff --git a/assets/img/carrer.png b/assets/img/carrer.png
new file mode 100644
index 0000000..096e228
Binary files /dev/null and b/assets/img/carrer.png differ
diff --git a/components/Footer/footer.css b/components/Footer/footer.css
new file mode 100644
index 0000000..6d5f777
--- /dev/null
+++ b/components/Footer/footer.css
@@ -0,0 +1,370 @@
+.page-wrapper
+{
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ z-index: 11111;
+ top: 35px;
+}
+
+footer p, footer strong, footer b, footer {
+ color: #b0b0b0;
+}
+
+.footer-top {
+ background: #303030;
+ background-size: cover;
+ background-position: center;
+ padding: 0 0 20px;
+ font-family: rubik;
+ padding-top:30px;
+
+}
+
+.footer-top, .footer-bottom {
+ background-color: #1c1f2f;
+}
+
+.footer-bottom {
+ padding: 15px 0;
+ border-top: 1px solid #313646;
+ background-color: #181828 !important;
+ color: #b0b0b0;
+ font-family: rubik;
+}
+
+.footer-site-info {
+ font-size: 92.86%;
+}
+#footer-navigation, #footer-navigation li a:hover, .custom-footer, .custom-footer li a:hover {
+ color: white;
+}
+
+#footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {
+ color: #99a9b5;
+ padding-top: 15px;
+}
+
+.footer-bottom ul {
+ margin: 0;
+}
+.inline-inside {
+ font-size: 0;
+ line-height: 0;
+}
+.clearfix:after, .clearfix:before {
+ content: "";
+ display: table;
+}
+#footer-menu li {
+ display: inline-block;
+ padding: 0 21px;
+ position: relative;
+ line-height: 1;
+}
+
+#footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {
+ color: #99a9b5;
+ padding-top: 15px;
+}
+
+#footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a {
+ color: #99a9b5;
+ padding-top: 15px;
+}
+#footer-menu li+li:before {
+ content: '';
+ width: 0;
+ height: 100%;
+ position: absolute;
+ left: -1px;
+ top: 0;
+ font-size: 0;
+ border-left: 1px solid #232234;
+ border-right: 1px solid #333146;
+}
+
+
+navigation li a, .custom-footer, .custom-footer li a {
+ color: #99a9b5;
+ padding-top: 15px;
+}
+
+#footer-socials {
+ text-align: right;
+}
+
+#footer-socials .socials {
+ text-align: right;
+ margin: 0 -7px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+a.socials-item {
+ display: inline-block;
+ vertical-align: top;
+ text-align: center;
+ -o-transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ transition: all 0.3s;
+ margin: 0 5px;
+ line-height: 16px;
+ padding: 10px;
+ border-radius: 50%;
+ background-color: #141421;
+ border: 1px solid #2e2e4c;
+ box-shadow: 3px 9px 16px rgb(0,0,0,0.4), -3px -3px 10px rgba(255,255,255, 0.06), inset 14px 14px 26px rgb(0,0,0,0.3), inset -3px -3px 15px rgba(255,255,255, 0.05);
+}
+
+.socials-item i {
+ display: inline-block;
+ font-weight: normal;
+ width: 1em;
+ height: 1em;
+ line-height: 1;
+ font-size: 16px;
+ text-align: center;
+ vertical-align: top;
+ font-feature-settings: normal;
+ font-kerning: auto;
+ font-language-override: normal;
+ font-size-adjust: none;
+ font-stretch: normal;
+ font-style: normal;
+ font-synthesis: weight style;
+ font-variant: normal;
+ font-weight: normal;
+ text-rendering: auto;
+}
+
+.facebook {
+ color: #4e64b5;
+}
+
+.twitter {
+ color: #00aced;
+}
+.instagram {
+ color: #9a8f62;
+}
+.youtube {
+ color: #c82929;
+}
+
+.telegram {
+ color: #2ca5e0;
+}
+
+
+a.socials-item:hover {
+ box-shadow: 0 0px 20px rgba(84, 1, 74, 0.7);
+ border-color: rgba(255, 6, 224, 0.61);
+ background: linear-gradient(to right, rgba(255, 9, 9, 0.12941176470588237), #c000ffb5, rgba(255, 0, 94, 0.14));
+}
+
+.footer-bottom a:hover {
+ color: white;
+}
+
+
+footer p, footer li {
+ font-size: 15px;
+ line-height: 22px;
+}
+
+
+.widget {
+ margin-bottom: 50px;
+}
+
+.footer-title {
+ margin-bottom: 40px;
+ color: #fff;
+ font-weight: 500;
+ text-transform: capitalize;
+ padding-bottom: 15px;
+ font-size: 16px;
+ position: relative;
+}
+
+.footer-title:after {
+ width: 50px;
+ background: #fff;
+ opacity: 0.2;
+ height: 1px;
+ content: "";
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+
+.gem-contacts-item {
+ padding-top: 10px;
+ font-size: 15px;
+}
+
+.gem-contacts-item i {
+ padding-right: 10px;
+}
+
+footer .widget ul {
+ list-style: none;
+ margin-top: 5px;
+}
+
+.posts li {
+ border-bottom: 1px solid #393d50;
+ padding-bottom: 12px;
+ padding-top: 6px;
+}
+
+footer p, footer li {
+ font-size: 15px;
+ line-height: 22px;
+}
+
+.gem-pp-posts-date {
+ color: #00bcd4;
+ font-size: 89.5%;
+}
+
+footer p {
+ line-height: 24px;
+ margin-bottom: 10px;font-size: 15px;
+}
+
+.wpcf7-form-control-wrap .wpcf7-form-control {
+ padding: 7px!important;
+ width: 100%;
+}
+
+.wpcf7-form-control-wrap input {
+ background: #1c1f2f;
+ overflow: hidden;
+ border: 1px solid #2e344d;
+ background-color: #1c1f2f;
+ box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03);
+ border-radius: 5px;
+ transition: all 0.3s ease-in-out 0s;
+}
+
+.wpcf7-form-control-wrap input:hover {
+ background-color: transparent;
+ box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04);
+ border-color: rgba(255, 255, 255, 0.2);
+ color: white;
+}
+
+.wpcf7 .wpcf7-form .contact-form-footer textarea {
+ height: 160px;
+ width: 100%;
+}
+
+.wpcf7-form-control-wrap textarea:hover {
+ background-color: transparent;
+ box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04);
+ border-color: rgba(255, 255, 255, 0.2);
+ color: white;
+}
+
+.wpcf7-form-control-wrap textarea {
+ background: #1c1f2f;
+ overflow: hidden;
+ border: 1px solid #2e344d;
+ background-color: #1c1f2f;
+ box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03);
+ border-radius: 5px;
+ transition: all 0.3s ease-in-out 0s;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+.wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {
+ width: 100%;
+ padding: 11px;
+ margin: 0;
+ line-height: 0;
+}
+.wpcf7-form .contact-form-footer .wpcf7-submit {
+ background-color: #394050;
+ color: #99a9b5;
+ border: none;
+ cursor: pointer;
+ padding: 15px 40px;
+ font-size: 14px;
+ font-weight: 400;
+ transition: all 0.5s;
+ letter-spacing: 2px;
+ color: rgba(255,255,255,.5);
+ box-shadow: none;
+ text-transform: uppercase;
+ outline: none !important;
+ background-color: #1c1f2f;
+ border-radius: 5px;
+ min-width: 140px;
+ /* box-shadow: 10px 10px 36px rgb(0,0,0,0.5), -13px -13px 23px rgba(255,255,255, 0.03), inset 14px 14px 70px rgb(0,0,0,0.2), inset -15px -15px 30px rgba(255,255,255, 0.04); */
+ box-shadow: 3px 9px 16px rgb(0,0,0,0.4), -3px -3px 10px rgba(255,255,255, 0.06), inset 14px 14px 26px rgb(0,0,0,0.3), inset -3px -3px 15px rgba(255,255,255, 0.05);
+ border-width: 1px 0px 0px 1px;
+ border-style: solid;
+ border-color: #2e344d;
+ transition: all 0.3s ease-in-out 0s;
+}
+
+.wpcf7-form input[type=submit] {
+ height: 40px;
+ line-height: 21px;
+ padding: 10px 40px;
+ font-size: 14px;
+}
+
+.posts li a {
+ color: #99a9b5;
+}
+
+.wpcf7-form .contact-form-footer .wpcf7-submit:hover {
+ box-shadow: 0 0px 20px rgba(84, 1, 74, 0.7);
+ border-color: rgba(255, 6, 224, 0.61);
+ background: linear-gradient(to right, rgba(255, 9, 9, 0.12941176470588237), #c000ffb5, rgba(255, 0, 94, 0.14));
+ color: white;
+}
+
+img {
+ border-style: none;
+ height: auto;
+ max-width: 100%;
+ vertical-align: middle;
+}
+.widget_gallery a {
+ display: inline-block;
+}
+footer .widget ul {
+ list-style: none;
+ margin-top: 5px;
+}
+.widget_gallery ul {
+ padding-left: 0;
+ display: table;
+}
+
+.widget_gallery li {
+ display: inline-block;
+ width: 33.33%;
+ transition: all 0.5s;
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ padding: 2px;
+}
+
+.widget_gallery.gallery-grid-4 li {
+ width: 30%;
+}
+
+.footer-site-info
+{
+ padding-top: 10px;
+}
\ No newline at end of file
diff --git a/pages-sections/SectionCarrer.js b/pages-sections/SectionCarrer.js
deleted file mode 100644
index c90fdcd..0000000
--- a/pages-sections/SectionCarrer.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from "react";
-
-// nodejs library that concatenates classes
-import classNames from "classnames";
-
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-
-// @material-ui/icons
-import Dashboard from "@material-ui/icons/Dashboard";
-import LocalGroceryStoreIcon from "@material-ui/icons/LocalGroceryStore";
-
-// Component
-import GridContainer from "components/Grid/GridContainer.js";
-import GridItem from "components/Grid/GridItem.js";
-import NavPills from "components/NavPills/NavPills.js";
-import Card from "components/Card/Card.js";
-import CardBody from "components/Card/CardBody.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardFooter from "components/Card/CardFooter.js";
-import Button from "components/CustomButtons/Button.js";
-import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
-
-const useStyles = makeStyles(styles);
-
-export default function ProfilePage(props) {
- const classes = useStyles();
- const { ...rest } = props;
- const imageClasses = classNames(
- classes.imgRaised,
- classes.imgRoundedCircle,
- classes.imgFluid
- );
- const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
- return (
- Carrer & Job Vacancies
-
-
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
+ Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+
+
Carrer & Job Vacancies
+
+
+
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
+ Syarat & Tata Cara Pendaftaran :
+
+ {data.description}
+
+