|
|
@@ -0,0 +1,60 @@
|
|
|
+import React from "react";
|
|
|
+import ContentWrapper from "@/components/Layout/ContentWrapper";
|
|
|
+import { Row, Jumbotron, Col, Button } from "reactstrap";
|
|
|
+import Link from "next/link";
|
|
|
+
|
|
|
+class Bantuan extends React.Component {
|
|
|
+ render() {
|
|
|
+ return (
|
|
|
+ <div>
|
|
|
+ <ContentWrapper>
|
|
|
+ <div className="content-heading">
|
|
|
+ <span className="font-color-white">Buku Panduan</span>
|
|
|
+ <div className="ml-auto"></div>
|
|
|
+ </div>
|
|
|
+ <Jumbotron>
|
|
|
+ <Row className="home-1-1">
|
|
|
+ <Col lg={5} className="d-flex flex-column justify-content-center align-items-start">
|
|
|
+ <h1 className="display-5 home-2 txt-size">Buku Panduan</h1>
|
|
|
+ <h1 className="display-5 txt-size">Penggunaan Aplikasi SIDALI</h1>
|
|
|
+ <hr className="my-4" />
|
|
|
+ <p className="txt-size">Buku Panduan ini dapat membantu Anda dalam menggunakan Aplikasi SIDALI. Pelajari lebih lanjut Aplikasi SIDALI dengan mengunduh buku panduan dibawah ini.</p>
|
|
|
+ <p className="lead">
|
|
|
+ {/* <Link href="/laporan/new">
|
|
|
+ <button className="btn btn-info btn-lg"><img className="icon-buatlaporan" src="/static/img/icon-buat-laporan.png" alt="icon"/>Buat Laporan</button>
|
|
|
+ </Link> */}
|
|
|
+ <a href="/static/img/buku_panduan_DIKTI.pdf" download="Buku Panduan Sidali">
|
|
|
+ <span className="btn-radius">
|
|
|
+ <Button color="" className="btn-labeled">
|
|
|
+ <h4 className="p-1 font-color-white mt-2">Download</h4>
|
|
|
+ </Button>
|
|
|
+ </span>
|
|
|
+ </a>
|
|
|
+ <a target="_blank" rel="noopener noreferrer" href="/static/img/buku_panduan_DIKTI.pdf">
|
|
|
+ <span className="btn-radius">
|
|
|
+ <Button color className="btn-labeled-3">
|
|
|
+ <h4 className="p-0 mt-2">Buka Buku Panduan</h4>
|
|
|
+ </Button>
|
|
|
+ </span>
|
|
|
+ </a>
|
|
|
+ <div style={{
|
|
|
+ marginTop: "20px",
|
|
|
+ fontSize: "15px"
|
|
|
+ }}>Buku Panduan versi 7.3</div>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ </Col>
|
|
|
+ <Col lg={5}>
|
|
|
+ <img className="responsive-1" src="/static/img/Ilustrasi.png" alt="gambar" />
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Jumbotron>
|
|
|
+ </ContentWrapper>
|
|
|
+
|
|
|
+ </div >
|
|
|
+
|
|
|
+ )
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+export default Bantuan;
|