Hope UI

Getting Started

  • Requirements
  • Codeigniter
  • Frontend Setup
  • File Structure
  • Layout Structure
  • Head Section
  • Script Section
  • App Configuration
  • Database Configuration
  • Mail Configuration

Authentication

  • Summary
  • Theme
  • Sidebar Appearance
  • Navbar Appearance
  • Page Appearance
  • Changing Fonts
  • Color Customizer
  • Storage
  • Modules
  • Color
  • Favicon
  • Loader
  • Logo
  • Header Style
  • Footer Style

Live Customizer

  • Apexchart
  • Rating
  • Choice Js
  • NoUi Slider
  • FS light box
  • Select2
  • Sweet alert
  • Flatpickr
  • Quill
  • Swiper Slider
  • Circle Progress
  • Image Cropper
  • Signature pad
  • Uppy

Source & Credits

Upgrade Guide

Changelog

  • Home
  • -
  • Logo
  • Submit a Ticket

For Logo

  • The Logo component can be found in the resources/views/components/partials/logo.blade.php with your own logo SVG image OR logo image URL.
  • Then user has to call logo component wherever logo has to show eg. <x-logo />

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

<svg class="icon-30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
    <rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
    <rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
    <rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>

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

<img src="❴❴asset('images/logo.png')❵❵" alt="logo">
Previous Header & Footer Style
Hope UI.Copyright ©
Built with ♥ from IQONIC DESIGN.