diff --git a/assets/js/AdminVacancyPage.jsx b/assets/js/AdminVacancyPage.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..55f70ae56522faba1830f97a8dc3f97eea6b5162
--- /dev/null
+++ b/assets/js/AdminVacancyPage.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import Tabs from './components/Tabs';
+import Pane from './components/Pane';
+import AdminVacancy from './components/AdminVacancy';
+import { Item } from 'semantic-ui-react';
+
+
+export default class AdminVacancyPage extends React.Component {
+
+  render() {
+    return (
+      <Tabs selected={0}>
+        <Pane label="Lowongan Belum Terferivikasi" >
+          <Item.Group>
+            <AdminVacancy />
+          </Item.Group>
+        </Pane>
+        <Pane label=" Semua Lamaran" />
+      </Tabs>
+    );
+  }
+}
diff --git a/assets/js/components/AdminVacancy.jsx b/assets/js/components/AdminVacancy.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..5a68ce36897b45d6e2bfa8768227b479dde018fa
--- /dev/null
+++ b/assets/js/components/AdminVacancy.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Button, Icon, Item, Grid } from 'semantic-ui-react';
+import AdminVerificationModal from './AdminVerificationModal';
+
+export default class AdminVacancyPage extends React.Component {
+
+  render() {
+    return (
+      <Item className="adminItems">
+        <Item.Image src="http://semantic-ui.com/images/wireframe/image.png" size="small" />
+        <Item.Content>
+          <Item.Header as="a">Software Engineer</Item.Header>
+          <Grid.Row>
+            <Grid.Column floated="left">
+              <h4>Jalanloka </h4>
+                Jakarta Barat, DKI Jakarta
+            </Grid.Column>
+            <Grid.Column floated="right">
+              <h4> <Icon name="remove circle" size="large" color="red" /> Belum Terverifikasi </h4>
+              <AdminVerificationModal />
+            </Grid.Column>
+          </Grid.Row>
+        </Item.Content>
+      </Item>
+    );
+  }
+}
diff --git a/assets/js/components/AdminVerificationModal.jsx b/assets/js/components/AdminVerificationModal.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..37a1c63b281c9063dc3b29951749fa58f23502b2
--- /dev/null
+++ b/assets/js/components/AdminVerificationModal.jsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { Button, Header, Modal, Grid } from 'semantic-ui-react';
+
+export default class AdminVerificationModal extends React.Component {
+
+  state = { modalOpen: false }
+
+  handleOpen = () => this.setState({
+    modalOpen: true,
+  });
+
+  handleClose = () => this.setState({
+    modalOpen: false,
+  });
+
+  render() {
+    return (
+
+      <Modal
+        trigger={
+          <Button color="blue" icon="right chevron" labelPosition="right" floated="right" content="ubah" onClick={this.handleOpen} />
+        }
+        closeIcon="close"
+        open={this.state.modalOpen}
+        onClose={this.handleClose}
+      >
+        <Modal.Header>Software Engineer</Modal.Header>
+        <Modal.Content >
+          <Modal.Description>
+            <Header>Deskripsi Lowongan</Header>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+              sed do eiusmod tempor incididunt ut labore et dolore
+              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+              laboris nisi ut aliquip ex ea commodo consequat.
+          </Modal.Description>
+        </Modal.Content>
+
+        <Modal.Actions>
+          <Grid columns={2} >
+            <Grid.Column>
+              <Button color="red" floated="left" onClick={this.handleClose} >Hapus</Button>
+            </Grid.Column>
+            <Grid.Column>
+              <Button color="blue" floated="right" onClick={this.handleClose}>Ubah</Button>
+              <Button color="green" floated="right" onClick={this.handleClose}>Verifikasi</Button>
+            </Grid.Column>
+          </Grid>
+        </Modal.Actions>
+
+      </Modal>
+    );
+  }
+}
diff --git a/assets/js/index.jsx b/assets/js/index.jsx
index 8fa8387becf5cfe03bc9374ee249a96d815b5add..76c1a224bd3ed72d17a4468eaeaa29bbdee3f37c 100644
--- a/assets/js/index.jsx
+++ b/assets/js/index.jsx
@@ -11,6 +11,7 @@ import Server from './lib/Server';
 import Storage from './lib/Storage';
 import ApplicantPage from './ApplicantPage';
 import TranscriptPage from './TranscriptPage';
+import AdminVacancyPage from './AdminVacancyPage';
 
 export default class App extends React.Component {
 
@@ -92,6 +93,7 @@ export default class App extends React.Component {
         <Route component={Dashboard} onEnter={this.handleAuth}>
           <Route path="/transcript/:id" component={company(TranscriptPage)} />
           <Route path="/lowongan" component={commonUser(VacancyPage)} />
+          <Route path="/admin-lowongan" component={AdminVacancyPage} />
           <Route path="/buat-lowongan" component={company(CreateVacancy)} />
           <Route path="/buat-lowongan/:id" component={company(CreateVacancy)} />
           <Route path="/pelamar" component={company(ApplicantPage)} />