Care on Location Component Library

Preview: Full 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel='stylesheet' id='et-gf-lato-css' href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&#038;subset=latin' type='text/css' media='all' />
    <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
    <link rel="stylesheet" href="../../styles/font-awesome.min.css">

    <link media="all" rel="stylesheet" href="../../style.css">

    <title>Preview Layout</title>
</head>

<body>
    <header id="header">
        <section id="toplogin" class="flex-grid">
            <nav>
                <ul>
                    <li><a href="">Sign Up</a></li>
                    <li><a href="">Log In</a></li>
                </ul>
            </nav>
        </section>

        <section id="topbanner" class="flex-grid">
            <section class="logo">
                <img src="/images/COL_Logo_Full_2ColorBig.png" alt="Care On Location Logo" />
            </section>
            <nav id="main">
                <ul>
                    <li class="has-sub-menu"><a href="#">Services</a>
                        <ul class="sub-menu">

                            <li><a href="#">Video Care Consult</a></li>

                            <li><a href="#">Assisted Video Care Consult</a></li>

                            <li><a href="#">On Location Care Consult</a></li>

                        </ul>
                    </li>
                    <li class=""><a href="#">Providers</a>
                    </li>
                    <li class=""><a href="#">Partners</a>
                    </li>
                    <li class=""><a href="#">About</a>
                    </li>
                    <li class=""><a href="#">FAQ</a>
                    </li>
                    <li class=""><a href="#">News</a>
                    </li>
                    <li class="nav-more"><a href="#">...</a>
                        <ul class="spillover-nav">

                            <li><a href="#">Services</a></li>

                            <li><a href="#">Providers</a></li>

                            <li><a href="#">Partners</a></li>

                            <li><a href="#">About</a></li>

                            <li><a href="#">FAQ</a></li>

                            <li><a href="#">News</a></li>

                        </ul>

                    </li>
                </ul>
            </nav>

        </section>

    </header>
    <section id="clearheader"></section>

    <footer id="footer" class="flex-grid">
        <section class="footer-copyright">
            <div class="footer-copyright-1">&copy; Copyright 2017 - Care on Location</div>
            <menu>
                <ul>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </menu>
        </section>
        <section class="footer-contact">
            <div class="footer-address">
                111 N. 1st St. <br /> Denver, CO 80204
            </div>
            <div class="footer-phone">
                <a href="tel:303-111-1111">303-111-1111</a>
            </div>
        </section>
        <section class="footer-socials">
            <ul>
                <li><a class="socials-facebook" href="https://www.facebook.com"><span>facebook</span></a></li>
                <li><a class="socials-twitter" href="https://www.twitter.com"><span>twitter</span></a></li>
                <li><a class="socials-google-plus" href="https://plus.google.com"><span>google-plus</span></a></li>
            </ul>
        </section>

    </footer>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script src="/js/all.min.js"></script>

</body>

</html>
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel='stylesheet' id='et-gf-lato-css'  href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&#038;subset=latin' type='text/css' media='all' />
    <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
    <link rel="stylesheet" href="{{ path '/styles/font-awesome.min.css'}}">

    <link media="all" rel="stylesheet" href="{{ path '/style.css' }}">

    <title>Preview Layout</title>
</head>
<body>
{{> @topmenu }}
{{{ yield }}}
{{> @footer }}


<script
			  src="https://code.jquery.com/jquery-1.12.4.min.js"
			  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
			  crossorigin="anonymous"></script>
<script src="/js/all.min.js"></script>

</body>
</html>

{
  "main-logo": "/images/COL_Logo_Full_2ColorBig.png",
  "site-title": "Care on Location",
  "year": 2017,
  "nav-items": [
    {
      "nav-item-link": "#",
      "nav-item-title": "Services",
      "classes": "has-sub-menu",
      "sub-nav-items": [
        {
          "nav-item-link": "#",
          "nav-item-title": "Video Care Consult"
        },
        {
          "nav-item-link": "#",
          "nav-item-title": "Assisted Video Care Consult"
        },
        {
          "nav-item-link": "#",
          "nav-item-title": "On Location Care Consult"
        }
      ]
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "Providers"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "Partners"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "About"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "FAQ"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "News"
    }
  ],
  "org-address": "111 N. 1st St. <br /> Denver, CO 80204",
  "org-phone": "303-111-1111",
  "socials": [
    {
      "social": "facebook",
      "social-url": "https://www.facebook.com"
    },
    {
      "social": "twitter",
      "social-url": "https://www.twitter.com"
    },
    {
      "social": "google-plus",
      "social-url": "https://plus.google.com"
    }
  ]
}

There are no notes for this item.