Numbers Produce Meaning

    morioh

    1.1.2 • Public • Published

    Morioh Theme: Responsive Template with Bootstrap 4, HTML5 and Vue.js

    Morioh Responsive Template with Bootstrap 4, HTML5 and Vue.js

    Morioh Responsive Template with Bootstrap 4, HTML5 and Vue.js

    Preview and Guide

    Morioh Html5 Preview

    Quick start

    Looking to quickly add Morioh to your project? Use CDN, provided for free by the folks at UNPKG.

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css">

    OR

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/js/bootstrap.min.js"></script>

    NPM

    npm install morioh
    

    Yarn

    yarn install morioh
    

    Starter template

    Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

    <!doctype html>
    <html lang="en">
        <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     
        <!-- Morioh CSS -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css">
     
        <title>Hello, world!</title>
        </head>
        <body>
        <h1>Hello, world!</h1>
     
        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script> 
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> 
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/js/bootstrap.min.js"></script> 
        </body>
    </html>

    Community

    Stay up to date on the development of Morioh and reach out to the community with these helpful resources.

    Follow @codek_tv and @im_a_developer on Twitter.

    Join the official Discord room: https://discord.gg/sqxU6un.

    Install

    npm i morioh

    DownloadsWeekly Downloads

    11

    Version

    1.1.2

    License

    MIT

    Unpacked Size

    5.55 MB

    Total Files

    207

    Last publish

    Collaborators

    • nasa8x