How To Use Icon Box - Hogash Studio Dashboard

Trang chủ » Html Css Icon Box » How To Use Icon Box - Hogash Studio Dashboard

Có thể bạn quan tâm

Skip to content
  • Home
  • Phaeton Restaurant HTML Template
  • Template customisation
  • How to use icon box
How to use icon box

Style 1: centered

Style 2: inline

the markup for the icon box is:

<div class="ph-iconbox "> <div class="ph-iconbox__icon-wrapper"> <span class="ph-iconbox__icon icon-BirthdayCake"></span> </div> <div class="ph-iconbox__content-wrapper"> <div class="ph-iconbox__title-wrapper"> <h3 class="ph-iconbox__title"> Birthdays </h3> </div> <div class="ph-iconbox__wrapper ph-iconbox__desc-wrapper"> <p class="ph-iconbox__desc">Book a table for two with the best Italian dishes served for the anniversary. Or reserve a bigger one for a huge family to get together one sunny day. Gather your friends together</p> </div> </div> </div>

The images use for icons are created with icomoon and with font-awesome.

the style of the icon box in in app/css/scss/elements/_iconbox.scss

How to change title elements

RELATED ARTICLES

  • How to add smooth scroll
  • How to setup the parallax effect
  • How to use buttons
  • How to edit social icons element
  • How to change the footer
  • How to change title elements

RECENT INCIDENTS

DOCUMENTATION CATEGORIES

  • Recent incidents / Known bugs with fixes (2)
  • Installation (11)
  • Troubleshooting (31)
  • Additional help (24)
  • Customisations (16)
  • Code Snippets / Helpers (11)
  • Using Child Theme (6)
  • Theme Features (6)
  • Portfolio (3)
  • Setting up blog (1)
  • Page specific options (2)
  • Page Builder Features (11)
  • Page Builder Elements (99)
  • Shortcodes (1)
  • Widgets (2)
  • General Information (8)

VIDEO TUTORIALS

  • Tips & Tricks (16)
  • WooCommerce integration (6)
  • Portfolio (2)
  • Various features (8)
  • Page Builder Elements (93)
  • Kallyas Options (18)
  • Customisations (6)
  • Page Builder Introduction (8)
  • Getting Started (10)

DOCUMENTATION CATEGORIES

  • Sliders (2)
  • Other features (3)
  • Components (3)
  • Template Customization (6)
  • Classes Structure (4)
  • Site Structure (4)
  • Folder Structure (3)
  • General Stuff (5)
  • Addons (3)

When unlinking your domain, you'll need to connect again in your theme's dashboard.

As a friendly reminder, ThemeForest licenses are applicable per end-product. You may charge your client for your services to create an end product, even under the Regular License but you can't use a Standard License for multiple clients or jobs.

More about ThemeForest licenses on https://themeforest.net/licenses/standard

Are you sure you want to continue?

YES Cancel

Từ khóa » Html Css Icon Box