[HTML] Flat UI Free

공식 사이트

http://designmodo.github.io/Flat-UI/

Github

https://github.com/designmodo/Flat-UI

1. 설치
git clone https://github.com/designmodo/Flat-UI  

아래 사이트에서 설명이 나와있지만, 자세히 설명한다. http://designmodo.github.io/Flat-UI/docs/getting-started.html

bower ,grunt 라는놈은 따로 필요가 없는듯 하다.

http://designmodo.github.io/Flat-UI/docs/components.html

에서 아주 자세하게 코드 예시가 나와 있다.

사용법은 아래와 같이 js,css를 임베디드 시키고 시작한다.

<html>  
        <head>
            <!-- Loading Bootstrap -->
            <link href="3rdparty/Flat-UI/dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
            <!--Flat UI Free-->
            <link href="3rdparty/Flat-UI/dist/css/flat-ui.css" rel="stylesheet">
        </head>
        <body>

             <script src="3rdparty/prism/prism.js"></script>
             <script src="3rdparty/Flat-UI/dist/js/vendor/jquery.min.js"></script>
             <script src="3rdparty/Flat-UI/dist/js/vendor/video.js"></script>
             <script src="3rdparty/Flat-UI/dist/js/flat-ui.min.js"></script>
             <script src="3rdparty/Flat-UI/docs/assets/js/application.js"></script>
        </body>
</html>