Top

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

  • cairo
    • app
      • assets
        • fonts
          • calendar
          • feather
          • flag-icon
          • font-awesome
          • ico
          • slick
          • themify
        • scss
          • base
            • _reset.scss
            • _typography.scss
          • components
            • _according.scss
            • _alert.scss
            • _avatars.scss
            • _badge.scss
            • _bookmark.scss
            • _breadcrumb.scss
            • _builders.scss
            • _buttons.scss
            • _card.scss
            • _color.scss
            • _datatable.scss
            • _datepicker.scss
            • _dropdown.scss
            • _form-builder.scss
            • _form-input.scss
            • _form-wizard.scss
            • _forms.scss
            • _form_builder-2.scss
            • _icons.scss
            • _list.scss
            • _loader.scss
            • _popover.scss
            • _print.scss
            • _radio.scss
            • _ribbon.scss
            • _scrollbar.scss
            • _switch.scss
            • _tab.scss
            • _table.scss
            • _touchspin.scss
            • _tour.scss
            • _tree.scss
            • _typeahead-search.scss
          • font-awesome
            • fontawesome.scss
          • layout
            • _box-layout.scss
            • _footer.scss
            • _grid.scss
            • _header.scss
            • _navs.scss
            • _rtl.scss
            • _search.scss
            • _select2.scss
            • _sidebar.scss
          • pages
            • _blog.scss
            • _bookmark-app.scss
            • _cart.scss
            • _chart.scss
            • _chat.scss
            • _checkout.scss
            • _comingsoon.scss
            • _contacts.scss
            • _dashboard_2.scss
            • _dashboard_default.scss
            • _ecommerce.scss
            • _email-application.scss
            • _errorpage.scss
            • _faq.scss
            • _file.scss
            • _gallery.scss
            • _internationalization.scss
            • _job-search.scss
            • _jsgrid.scss
            • _kanban.scss
            • _knowledgebase.scss
            • _landing.scss
            • _language.scss
            • _learning.scss
            • _login.scss
            • _megaoption.scss
            • _order-history.scss
            • _page.scss
            • _pricing.scss
            • _progress.scss
            • _projectlist.scss
            • _social-app.scss
            • _task.scss
            • _timeline-v.scss
            • _timeliny.scss
            • _user-profile.scss
            • _wishlist.scss
          • themes
            • custom.scss
            • _dark.scss
            • _responsive.scss
            • _theme-customizer.scss
            • _update.scss
          • utils
            • _mixin.scss
            • _variables.scss
          • vendors
            • chartist
              • _chartist-settings.scss
              • _chartist.scss
            • whether-icon
              • _whether-icon.scss
            • animate.scss
            • flag-icon.scss
            • iconfont.scss
            • themify.scss
            • whether-icon.scss
          • app.scss
          • color-1.scss
          • color-2.scss
          • color-3.scss
          • color-4.scss
          • color-5.scss
          • color-6.scss
          • responsive.scss
          • style.scss
      • components
        • common
          • block
            • customizer
              • ConfigurationView.vue
              • CustomColor.vue
              • CustomizerSetting.vue
              • CustomizerSupport.vue
              • CustomSetting.vue
              • IndexCustomizer.vue
              • LayoutType.vue
              • MixLayout.vue
              • SidebarIcon.vue
              • SidebarType.vue
            • header
              • BookmarkSearch.vue
              • CartBox.vue
              • IndexHeader.vue
              • LanguageView.vue
              • LogoView.vue
              • MessageBox.vue
              • ModeView.vue
              • NotificationBox.vue
              • ProfileView.vue
              • SearchBar.vue
              • SearchInput.vue
            • sidebar
              • IndexSidebar.vue
              • NavMenu.vue
              • SidebarLogo.vue
            • BreadCrumbs.vue
            • FooterView.vue
            • TapTop.vue
          • card
            • CardData1.vue
            • CardData2.vue
            • CardData3.vue
          • AddChat.vue
          • ChatContacts.vue
          • EmojiChat.vue
          • JobSidebar.vue
          • LearningFilter.vue
          • BlogSidebar.vue
          • ProductFilter.vue
          • BrowserConfiguration.vue
          • SearchChat.vue
          • ShiftsChart.vue
          • SuccessfulWizard.vue
          • SwiperSlide.vue
          • TimerView.vue
          • DailyRevenue.vue
          • OrderStatus.vue
          • SalesAnalytics.vue
        • theme
          • advance
            • animation
              • AnimationBox.vue
            • basic
              • BasicFlat.vue
            • breadcrumb
              • DefaultBreadcrumb.vue
            • creative
              • AbsoluteInfoCard.vue
              • CreativeCard.vue
            • draggable
              • DraggableCard.vue
            • dropzone
              • DefaultDropzone.vue
              • ImageDropzone.vue
              • MultiDropzone.vue
              • SingleDropzone.vue
            • pagination
              • PaginationAlignment.vue
              • SimplePagination.vue
              • SizingPagination.vue
            • cropper
              • ImageCropper.vue
            • owlcarousel
              • AutoPlayVariant.vue
              • CarouselDarkVariant.vue
              • CrossFade.vue
              • EffectCoverflow.vue
              • SlideOnly.vue
              • VerticalSlider.vue
            • sweetAlert
              • AJAXAlert.vue
              • AnimatedAlert.vue
              • AutoCloseTimer.vue
              • BasicAlert.vue
              • FormsAlert.vue
              • InputAlert.vue
              • PositionAlert.vue
            • scrollable
              • BadgesScrollbar.vue
              • BothSide.vue
              • CustomScrollbar.vue
            • ribbons
              • RibbonsView.vue
            • timeline
              • AnimatedTimeline.vue
              • BasicTimeline.vue
              • HorizontalTimeline.vue
              • HoveringTimeline.vue
              • TimelineView.vue
              • VariationTimeline.vue
            • tree
              • SimpleLists.vue
              • SortableSwap.vue
              • StackableSortable.vue
            • tour
              • SecondPost.vue
              • SociaMedia.vue
              • UserProfile.vue
            • toasts
              • BasicToasts.vue
              • IconToasts.vue
              • PositionToasts.vue
            • rating
              • AnimationRating.vue
              • EmojiRating.vue
              • StarRating.vue
            • rangslider
              • DefultRang.vue
          • animation
            • animate
              • AnimateOption.vue
              • AnimateBox.vue
            • aos
              • AosExample.vue
              • InitAOS.vue
          • authantication
            • RegisterWizardData.vue
          • blog
            • blogsidebar
              • TrendingPosts.vue
            • single
              • BlogDetails.vue
              • CommentBox.vue
            • grids
              • BlogGrid.vue
              • LatestNews.vue
            • addpost
              • AddPost.vue
          • bookmark
            • BookmarkSidebar.vue
            • BookmarkDetails.vue
            • EditView.vue
            • NewBookmark.vue
            • TagsView.vue
          • buttons
          • calender
          • charts
          • chat
          • contact
          • dashboards
          • ecommerce
          • error
          • filemaneger
          • faq
          • forms
          • gallery
          • icons
          • internationalization
          • job
          • kanbanboard
          • Knowledgebase
          • learning
          • letterbox
          • maps
          • project
          • search
          • socialApp
          • support
          • table
          • task
          • todo
          • uikits
          • user
          • widgets
      • core
        • data
        • locales
      • layouts
        • custom.vue
        • default.vue
      • composables
        • common
          • animationView.ts
          • getImages.ts
          • allIcons.ts
          • InputField.ts
          • pagination
          • typeaheadview.ts
          • validationForm.ts
        • kanbanBoard
        • sliderData
        • contectCom.ts
        • createProject.ts
        • taskvalidation.ts
      • middleware
        • routeMiddleware.global.ts
      • pages
        • advance
        • animation
        • app
        • authentication
        • auth
        • blog
        • error
        • chart
        • comingsoon
        • dashboards
        • editor
        • ecommerce
        • form
        • gallery
        • icons
        • job
        • knowledgebase
        • learning
        • maps
        • project
        • pages
        • table
        • uikits
        • users
        • widgets
        • buttons
        • index.vue
      • plugins
        • apexchart.client.ts
        • i18n.ts
        • plugins.ts
        • useBootstrap.client.ts
        • vue-slider
      • store
        • searchdata
        • advance.ts
        • bookmark.ts
        • chat.ts
        • common.ts
        • contacts.ts
        • header.ts
        • products.ts
        • layout.ts
        • menu.ts
        • task.ts
        • todo.ts
      • types
        • common.ts
        • layout.ts
        • menuItems.ts
      • utils
        • validators
          • form.ts
          • inputField.ts
        • index.ts
      • shims-vue.d.ts
      • app.vue
    • public
      • audio
        • horse.ogg
      • images
        • avatar
        • banner
        • big-lightgallery
        • big-masonry
        • blog
        • category
        • calender
        • checkout
        • dashboard
        • dashboard-2
        • ecommerce
        • email
        • email-template
        • faq
        • job-search
        • knowledgebase
        • landing
        • lightgallry
        • login
        • logo
        • masonry
        • notification
        • other-images
        • product
        • range-slider
        • slider
        • slider-auto-width
        • social-app
        • svg-icon
        • tree
        • user
        • user-card
        • details_open.png
        • Cairo-logo1.png
        • favicon.png
        • hour.svg
        • js-grid.png
        • min.svg
        • sec.svg
        • settings.png
        • smiley.png
        • sort_asc.png
        • sort_asc_disabled.png
        • sort_both.png
        • sort_desc.png
        • sort_desc_disabled.png
        • user.jpg
      • svg
        • icon-sprite.svg
        • landing-icons.svg
      • video
        • auth-bg.mp4
      • favicon.ico
    • .prettierrc
    • eslint.config.js
    • nuxt.config.ts
    • package.json
    • tsconfig.json