Top

Html Folder Structure

We have used the best folder structure.If you want check some images path and scss folder structure you can refer this page

  • boho
    • public
      • assets
        • audio
        • fonts
        • i18n
        • images
        • json
        • scss
        • svg
        • video
      • favicon.ico
    • src
      • app
        • auth
          • login
            • login.html
            • login.scss
            • login.ts
        • components
          • blog
            • blog-add-post
              • blog-add-post.html
              • blog-add-post.scss
              • blog-add-post.ts
            • blog-details
              • blog-details.html
              • blog-details.scss
              • blog-details.ts
            • blog-single
              • blog-single.html
              • blog-single.scss
              • blog-single.ts
            • blog-routes.ts
          • bonus-ui
            • basic-cards
              • basic-card
                • basic-card.html
                • basic-card.scss
                • basic-card.ts
              • common-info-color-cards
                • common-info-color-cards.html
                • common-info-color-cards.scss
                • common-info-color-cards.ts
              • dark-color-card
                • dark-color-card.html
                • dark-color-card.scss
                • dark-color-card.ts
              • flat-card
                • flat-card.html
                • flat-card.scss
                • flat-card.ts
              • icon-heading-card
                • icon-heading-card.html
                • icon-heading-card.scss
                • icon-heading-card.ts
              • without-shadow-card
                • without-shadow-card.html
                • without-shadow-card.scss
                • without-shadow-card.ts
              • basic-cards.html
              • basic-cards.scss
              • basic-cards.ts
            • bonus-ui-breadcrumb
              • colored-breadcrumb
                • colored-breadcrumb.html
                • colored-breadcrumb.scss
                • colored-breadcrumb.ts
              • default-breadcrumb
                • default-breadcrumb.html
                • default-breadcrumb.scss
                • default-breadcrumb.ts
              • divider-breadcrumb
                • divider-breadcrumb.html
                • divider-breadcrumb.scss
                • divider-breadcrumb.ts
              • icon-breadcrumb
                • icon-breadcrumb.html
                • icon-breadcrumb.scss
                • icon-breadcrumb.ts
              • variation-breadcrumb
                • variation-breadcrumb.html
                • variation-breadcrumb.scss
                • variation-breadcrumb.ts
              • bonus-ui-breadcrumb.html
              • bonus-ui-breadcrumb.scss
              • bonus-ui-breadcrumb.ts
            • creative-cards
              • common-absolute-card
                • common-absolute-card.html
                • common-absolute-card.scss
                • common-absolute-card.ts
              • common-border-position-card
                • common-border-position-card.html
                • common-border-position-card.scss
                • common-border-position-card.ts
              • primary-state
                • primary-state.html
                • primary-state.scss
                • primary-state.ts
              • secondary-state
                • secondary-state.html
                • secondary-state.scss
                • secondary-state.ts
              • warning-state
                • warning-state.html
                • warning-state.scss
                • warning-state.ts
              • creative-cards.html
              • creative-cards.scss
              • creative-cards.ts
            • dropzone
              • default-file-upload
                • default-file-upload.html
                • default-file-upload.scss
                • default-file-upload.ts
              • image-preview
                • image-preview.html
                • image-preview.scss
                • image-preview.ts
              • multi-file-upload
                • multi-file-upload.html
                • multi-file-upload.scss
                • multi-file-upload.ts
              • single-file-upload
                • single-file-upload.html
                • single-file-upload.scss
                • single-file-upload.ts
              • dropzone.html
              • dropzone.scss
              • dropzone.ts
            • image-cropper
            • owl-carousel
            • pagination
            • range-slider
            • rating
            • ribbons
            • sweetalert2
            • time-line1
            • toast
            • bonus-ui.routes.ts
          • buttons
            • button-group
              • checkbox-button-group
                • checkbox-button-group.html
                • checkbox-button-group.scss
                • checkbox-button-group.ts
              • common-default-button-group
                • common-default-button-group.html
                • common-default-button-group.scss
                • common-default-button-group.ts
              • common-large-button-group
                • common-large-button-group.html
                • common-large-button-group.scss
                • common-large-button-group.ts
              • common-outline-button-group
                • common-outline-button-group.html
                • common-outline-button-group.scss
                • common-outline-button-group.ts
              • common-outline-custom-button-group
                • common-outline-custom-button-group.html
                • common-outline-custom-button-group.scss
                • common-outline-custom-button-group.ts
              • nesting-button-group
                • nesting-button-group.html
                • nesting-button-group.scss
                • nesting-button-group.ts
              • radio-button-group
                • radio-button-group.html
                • radio-button-group.scss
                • radio-button-group.ts
              • vertical-button-group
                • vertical-button-group.html
                • vertical-button-group.scss
                • vertical-button-group.ts
              • button-group.html
              • button-group.scss
              • button-group.ts
            • default-buttons
              • default-buttons.html
              • default-buttons.scss
              • default-buttons.ts
            • edge-buttons
              • edge-buttons.html
              • edge-buttons.scss
              • edge-buttons.ts
            • flat-buttons
              • flat-buttons.html
              • flat-buttons.scss
              • flat-buttons.ts
            • raised-buttons
              • raised-buttons.html
              • raised-buttons.scss
              • raised-buttons.ts
            • buttons-routing-module.ts
            • buttons.module.ts
          • calender
            • calender.html
            • calender.scss
            • calender.ts
            • calender.routes.ts
          • charts
          • chat
          • contact
          • dashboard
          • editors
          • email
          • faq
          • file-manager
          • forms
          • gallery
          • icons
          • job-search
          • knowledgebases
          • learning
          • main-bookmark
          • main-ecommerce
          • maps
          • page-layout
          • project
          • sample-page
          • search-result
          • social-media
          • support-ticket
          • tasks
          • to-do
          • ui-kits
          • users
          • widgets
        • pages
          • authentication
          • coming-soon
          • error-pages
        • shared
          • component
          • data
          • directives
          • guard
          • modal
          • routes
          • services
          • tables
        • app.html
        • app.scss
        • app.ts
        • app.config.ts
        • app.routes.ts
      • index.html
      • main.ts
      • styles.scss
    • angular.json
    • package.json
    • tsconfig.app.json
    • tsconfig.json
    • tsconfig.spec.json