logo logo

Getting Started

  • Requirements
  • Gulp
  • HTML
  • File Structure
  • HTML Structure
  • CSS Structure
  • Javascript Structure
  • Theme
  • Sidebar Appearance
  • Color
  • Favicon
  • Loader
  • Logo
  • Changing Fonts

Component

  • Header Style
  • Footer Style
  • Megamenu

Live Customizer

  • NoUi Slider
  • Apexchart
  • Circle Progress
  • Flatpickr
  • Data Table
  • Swiper
  • Sweet aleart

Source & Credits

Upgrade Guide

Changelog

  • Home
  • -
  • logo
  • Submit a Ticket

Dashboard Logo

  • The Logo component can be found in the templates/components/widget/logo.hbs with your own logo SVG image OR logo image URL.
  • Then user has to call logo component wherever logo has to show eg. {{> partials/components/widget/logo }}

You can add a image URL icon to your Website using the following code:

<img class="logo-normal" src="../../../assets/images/logo.png" alt="#">
<img class="logo-normal logo-white" src="../../../assets/images/logo-white.png" alt="#">
<img class="logo-full" src="../../../assets/images/logo-full.png" alt="#">
<img class="logo-full logo-full-white" src="../../../assets/images/logo-full-white.png" alt="#">

You can call logo component wherever logo has to show:

{{> components/widgets/logo}}

Template Logo

  • The Logo component can be found in the templates/components/widgets/logo.hbs with your own logo SVG image OR logo image URL.
  • Then user has to call logo component wherever logo has to show eg. {{> partials/components/widget/logo }}

You can add a image URL icon to your Website using the following code:

<div class="logo-default">
    <a class="navbar-brand text-primary" href="../../../index.html"> 
        <img class="img-fluid logo" src="../../../assets/images/logo.webp" loading="lazy" alt="streamit" />
    </a>
</div>
<div class="logo-hotstar">
    <a class="navbar-brand text-primary" href="../../../index.html"> 
        <img class="img-fluid logo" src="../../../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" />
    </a>
</div> 
<div class="logo-prime">
    <a class="navbar-brand text-primary" href="../../../index.html"> 
        <img class="img-fluid logo" src="../../../assets/images/logo-prime.webp" loading="lazy" alt="streamit" />
    </a>
</div> 
<div class="logo-hulu">
    <a class="navbar-brand text-primary" href="../../../index.html"> 
        <img class="img-fluid logo" src="../../../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" />
    </a>
</div>

You can call logo component wherever logo has to show:

{{> components/widgets/logo }}
Previous Next
Streamit.Copyright ©
Built with ♥ from IQONIC DESIGN.