{"size": 11813, "ext": "js", "max_stars_repo_path": "src/pages/about-us/_our-team.js", "max_stars_repo_name": "cakasuma/maritim-core", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/about-us/_our-team.js", "max_issues_repo_name": "cakasuma/maritim-core", "max_issues_repo_issues_event_min_datetime": "2020-07-03T19:58:59.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T17:44:17.000Z", "max_forks_repo_path": "src/pages/about-us/_our-team.js", "max_forks_repo_name": "cakasuma/maritim-core", "max_forks_repo_forks_event_min_datetime": "2019-09-27T16:54:14.000Z", "max_forks_repo_forks_event_max_datetime": "2019-09-27T16:54:14.000Z"}
{"max_stars_count": null, "max_issues_count": 7, "max_forks_count": 1, "avg_line_length": 48.8140495868, "max_line_length": 191, "alphanum_fraction": 0.3088123254}
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

// core components
import GridContainer from '../../components/shared/Grid/GridContainer.jsx'
import GridItem from '../../components/shared/Grid/GridItem.jsx'
import Button from '../../components/shared/CustomButtons/Button.jsx'
import Card from '../../components/shared/Card/Card.jsx'
import CardBody from '../../components/shared/Card/CardBody.jsx'
import CardFooter from '../../components/shared/Card/CardFooter.jsx'

import styles from '../../components/jss/maritim/views/landingPageSections/teamStyle.jsx'

const useStyles = makeStyles(styles)

export default function TeamSection() {
    const classes = useStyles()
    const imageClasses = classNames(
        classes.imgRaised,
        classes.imgRoundedCircle,
        classes.imgFluid,
    )
    return (
        <div className={classes.section}>
            <h2 className={classes.title}>Keanggotaan</h2>
            <div>
                <GridContainer>
                    <GridItem xs={12} sm={12} md={4}>
                        <Card plain>
                            <GridItem
                                xs={12}
                                sm={12}
                                md={6}
                                className={classes.itemGrid}
                            >
                                <img
                                    src="https://i1.rgstatic.net/ii/profile.image/279094743846920-1443552780848_Q512/Kaisar_Akhir3.jpg"
                                    alt="..."
                                    className={imageClasses}
                                />
                            </GridItem>
                            <h4 className={classes.cardTitle}>
                                Kaisar Akhir
                                <br />
                                <small className={classes.smallTitle}>
                                    CEO Warung inovasi
                                </small>
                            </h4>
                            <CardBody>
                                <p className={classes.description}>
                                    Kaisar Akhir baru saja menyelesaikan
                                    pendidikan MSc in Maritime Affairs dari
                                    World Maritime University (WMU), Swedia,
                                    dengan spesialisasi Ocean Sustainability,
                                    Governance and Management pada November 2018
                                    yang didanai secara penuh oleh beasiswa dari
                                    LPDP. Sejak kuliah S1 pada program Ilmu dan
                                    Teknologi Kelautan di IPB, dia telah aktif
                                    dalam kegiatan sosial, kemahasiswaan, dan
                                    keilmiahan dari tingkat kampus/lokal,
                                    nasional, hingga internasional. Fokus ia
                                    sekarang pada kegiatan berupa edukasi,
                                    edutrip, aksi sosial, konsultasi, dan
                                    advokasi guna mendukung Indonesia sebagai
                                    Poros Maritim Dunia serta penanganan sampah
                                    plastik laut di Indonesia. Ia percaya dengan
                                    kolaborasi dan profesionalisme, itu semua
                                    dapat terwujud.
                                </p>
                            </CardBody>
                            <CardFooter className={classes.justifyCenter}>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-twitter'
                                        }
                                    />
                                </Button>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials +
                                            ' fab fa-instagram'
                                        }
                                    />
                                </Button>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-facebook'
                                        }
                                    />
                                </Button>
                            </CardFooter>
                        </Card>
                    </GridItem>
                    <GridItem xs={12} sm={12} md={4}>
                        <Card plain>
                            <GridItem
                                xs={12}
                                sm={12}
                                md={6}
                                className={classes.itemGrid}
                            >
                                <img
                                    src="https://1.bp.blogspot.com/_bCYQxIvMQ2U/TQOQAXHapkI/AAAAAAAAAQw/dIjtEHBe5cc/s640/anonymous_international_black_sticker-p217501226871431885qjcl_400.jpg"
                                    alt="..."
                                    className={imageClasses}
                                />
                            </GridItem>
                            <h4 className={classes.cardTitle}>
                                Mustofa Ghaleb Amami
                                <br />
                                <small className={classes.smallTitle}>
                                    Developer
                                </small>
                            </h4>
                            <CardBody>
                                <p className={classes.description}>
                                    Just a normal human being. Interested in
                                    coding.
                                </p>
                            </CardBody>
                            <CardFooter className={classes.justifyCenter}>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-twitter'
                                        }
                                    />
                                </Button>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-linkedin'
                                        }
                                    />
                                </Button>
                            </CardFooter>
                        </Card>
                    </GridItem>
                    <GridItem xs={12} sm={12} md={4}>
                        <Card plain>
                            <GridItem
                                xs={12}
                                sm={12}
                                md={6}
                                className={classes.itemGrid}
                            >
                                <img
                                    src="https://maritimmuda.id/upload/user/24/foto.jpg"
                                    alt="..."
                                    className={imageClasses}
                                />
                            </GridItem>
                            <h4 className={classes.cardTitle}>
                                Biki Saputra
                                <br />
                                <small className={classes.smallTitle}>
                                    Designer
                                </small>
                            </h4>
                            <CardBody>
                                <p className={classes.description}>
                                    Menyelesaikan program BSc in Multimedia
                                    Technology di Asia Pasific University dan
                                    Staffordshire University, United Kingdom.
                                    Biki saputra handal dalam mendesign website,
                                    banner, video, dan segala multimedia
                                    teknologi. menjadi salah satu media
                                    informatika di Warung inovasi sejak 2018
                                </p>
                            </CardBody>
                            <CardFooter className={classes.justifyCenter}>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-twitter'
                                        }
                                    />
                                </Button>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials +
                                            ' fab fa-instagram'
                                        }
                                    />
                                </Button>
                                <Button
                                    justIcon
                                    color="transparent"
                                    className={classes.margin5}
                                >
                                    <i
                                        className={
                                            classes.socials + ' fab fa-facebook'
                                        }
                                    />
                                </Button>
                            </CardFooter>
                        </Card>
                    </GridItem>
                </GridContainer>
            </div>
        </div>
    )
}
