index.html

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>if-Team</title>
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta property="og:title" content="if-Team">
        <meta property="og:type" content="website">
        <meta property="og:url" content="http://iftm.xyz">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="stylesheet" charset="utf-8" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
        <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.com/icon?family=Material+Icons" >
        <link rel="stylesheet" charset="utf-8" href="resources/css/index.css" media="screen">
        <link rel="stylesheet" charset="utf-8" href="resources/css/octicons/octicons/octicons.css">
    </head>

    <body>
        <nav class="white" role="navigation">
            <div class="nav-wrapper container">
                <a href="#" class="brand-logo grey-text text-darken-3">if-Team</a>
                <span class="right hide-on-med-and-down header-actions">
                    <!-- TODO scrollspy -->
                    <a class="grey-text text-darken-3" href="#sectors">Description</a>
                    <a class="grey-text text-darken-3" href="#projects">Projects</a>
                    <a class="octicon octicon-mark-github" href="https://github.com/if-Team"></a>
                </span>
            </div>
        </nav>

        <main>
            <div class="parallax-container valign-wrapper">
                <div class="valign section no-pad-bot">
                    <div class="container center">
                        <h1 class="header blue-grey-text text-darken-4 brand-logo">if-Team</h1>
                        <h6 class="header blue-grey-text text-darken-3 light">YOUTH DEVELOPERS' TEAM</h6>
                    </div>
                </div>
                <div class="parallax teal lighten-1" id="particles"></div>
            </div>

            <div class="section container center">
                <h3>open-source, Youth developer team</h3>
                <section class="section" id="sectors">
                    <div class="row">
                        <div class="col s12 m4">
                            <div class="icon-block">
                                <h2 class="blue-text"><i class="material-icons">language</i></h2>
                                <h5>for open-source</h5>
                                <p class="light">여러 오픈소스 개발 분야로</p>
                                <p class="light" style="margin-top:-1.2em">발을 넓히고 있습니다.</p>
                            </div>
                        </div>

                        <div class="col s12 m4">
                            <div class="icon-block">
                                <h2 class="green-text"><i class="material-icons">supervisor_account</i></h2>
                                <h5>by Youth</h5>
                                <p class="light">if-Team은 청소년 개발자를 주축으로</p>
                                <p class="light" style="margin-top:-1.2em">2014년에 개설되었습니다.</p>
                            </div>
                        </div>

                        <div class="col s12 m4">
                            <div class="icon-block">
                                <h2 class="brown-text"><i class="material-icons">forum</i></h2>
                                <h5>support Community</h5>
                                <p class="light"><a href="https://github.com/organization" target="_blank">Organic</a> 개발자 양성 그룹을</p>
                                <p class="light" style="margin-top:-1.2em">if-Team 에서 관리 중입니다.</p>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

            <div class="container center" id="contents">
                <h3>Projects</h3>
                <section class="section" id="projects">
                    <a class="waves-effect waves-light btn-large" href="https://github.com/if-Team"><i class="material-icons left">input</i>REPOSITORIES</a>
                </section>

                <h3>Members</h3>
                <section id="members" class="section no-pad-top">
                    <div id="members-view"></div>
                </section>
            </div>
        </main>

        <footer class="page-footer teal">
            <div class="container">
                <div class="row">
                    <div class="col l9 s12">
                        <h5 class="white-text">if-Team</h5>
                        <p class="teal-text text-lighten-4">
                            여러 오픈소스 개발 분야로 발을 넓히고 있는 소규모 청소년 개발 팀 if-Team 입니다.
                        </p>
                    </div>
                    <div class="col l3 s12">
                        <h5 class="white-text">Links</h5>
                        <ul><li><a class="white-text" href="https://facebook.com/iftm.xyz">Facebook</a></li>
                            <li><a class="white-text" href="recruit/index.html">2016 Recruitment</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="container">
                    &copy; 2014-2018 if-Team
                    <div class="right">
                    <a class="white-text">View on</a>
                    <a class="octicon octicon-logo-github white-text" href="https://github.com/if-Team/if-Team.github.io"></a>
                    </div>
                </div>
            </div>
        </footer>

        <script charset="utf-8" src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.min.js"></script>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.min.js"></script>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
        <script charset="utf-8" src="https://cdn.rawgit.com/jnicol/particleground/master/jquery.particleground.min.js"></script>
        <script charset="utf-8" src="resources/src/index.js"></script>
        <script charset="utf-8" src="resources/src/analytics.js"></script>
        <script charset="utf-8" src="resources/src/member.jsx" type="text/babel"></script>
    </body>
</html>