iRoom framework

download

these files are necessary

  • Your project
    • css
      • iroom.css
      • iroom.min.css
    • fonts
      • Indie_Flower
        • IndieFlower.ttf
        • OFL.txt
      • Lato
        • Lato-Black.ttf
        • Lato-BlackItalic.ttf
        • Lato-Bold.ttf
        • Lato-BoldItalic.ttf
        • Lato-Hairline.ttf
        • Lato-HairlineItalic.ttf
        • Lato-Italic.ttf
        • Lato-Light.ttf
        • Lato-LightItalic.ttf
        • Lato-Regular.ttf
        • OFL.txt
      • Libre_Barcode_128_Text
        • LibreBarcode128Text-Regular.ttf
        • OFL.txt
      • Merriweather
        • Merriweather-Black.ttf
        • Merriweather-BlackItalic.ttf
        • Merriweather-Bold.ttf
        • Merriweather-BoldItalic.ttf
        • Merriweather-Italic.ttf
        • Merriweather-Light.ttf
        • Merriweather-LightItalic.ttf
        • Merriweather-Regular.ttf
        • OFL.txt
      • Open_Sans
        • OpenSans-Bold.ttf
        • OpenSans-BoldItalic.ttf
        • OpenSans-ExtraBold.ttf
        • OpenSans-ExtraBoldItalic.ttf
        • OpenSans-Italic.ttf
        • OpenSans-Light.ttf
        • OpenSans-LightItalic.ttf
        • OpenSans-Regular.ttf
        • OpenSans-SemiBold.ttf
        • OpenSans-SemiBoldItalic.ttf
        • LICENSE.txt
      • Open_Sans_Condensed
        • OpenSansCondensed-Bold.ttf
        • OpenSansCondensed-Light.ttf
        • OpenSansCondensed-LightItalic.ttf
        • LICENSE.txt
      • Raleway
        • Raleway-Black.ttf
        • Raleway-BlackItalic.ttf
        • Raleway-Bold.ttf
        • Raleway-BoldItalic.ttf
        • Raleway-ExtraBold.ttf
        • Raleway-ExtraBoldItalic.ttf
        • Raleway-ExtraLight.ttf
        • Raleway-ExtraLightItalic.ttf
        • Raleway-Italic.ttf
        • Raleway-Light.ttf
        • Raleway-LightItalic.ttf
        • Raleway-Medium.ttf
        • Raleway-MediumItalic.ttf
        • Raleway-Regular.ttf
        • Raleway-SemiBold.ttf
        • Raleway-SemiBoldItalic.ttf
        • Raleway-Thin.ttf
        • Raleway-ThinItalic.ttf
        • OFL.txt
      • Roboto
        • Roboto-Black.ttf
        • Roboto-BlackItalic.ttf
        • Roboto-Bold.ttf
        • Roboto-BoldItalic.ttf
        • Roboto-Italic.ttf
        • Roboto-Light.ttf
        • Roboto-LightItalic.ttf
        • Roboto-Medium.ttf
        • Roboto-MediumItalic.ttf
        • Roboto-Regular.ttf
        • Roboto-Thin.ttf
        • Roboto-ThinItalic.ttf
        • LICENSE.txt
      • Roboto_Condensed
        • RobotoCondensed-Bold.ttf
        • RobotoCondensed-BoldItalic.ttf
        • RobotoCondensed-Italic.ttf
        • RobotoCondensed-Light.ttf
        • RobotoCondensed-LightItalic.ttf
        • RobotoCondensed-Regular.ttf
        • LICENSE.txt
      • FontAwesome.odt
      • fontawesome-webfont.eot
      • fontawesome-webfont.svg
      • fontawesome-webfont.ttf
      • fontawesome-webfont.woff
      • fontawesome-webfont.woff2
    • js
      • iroom.js
      • iroom.min.js
    • index.html

the minimum html

these html tags are necessary

                    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <!-- required -->
        <meta charset="UTF-8"/>
        <title>Example page</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <!-- hack html5 ie8 -->
        <!--[if lt IE 9]>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
        <![endif]-->

        <!-- styles -->
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/iroom.min.css"/>
    </head>
    <body>

        <!-- PUT YOUR CONTENT HERE -->

    <!-- scripts -->
    <script type="text/javascript" src="js/iroom.min.js"></script>
    </body>
    </html>