[HTML] Flat UI Free

spring·2020년 11월 9일
0

#####공식 사이트
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>
profile
Researcher & Developer @ NAVER Corp | Designer @ HONGIK Univ.

0개의 댓글