Castro - Vue Construction Template

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our Support Forum

IMPORTANT : It's built with Vue.JS and It's not a regular HTML Template.

Installation

Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.

Install Npm Packages

NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.

Development server

Run npm run serve for a dev server. Navigate to http://localhost:8080/ . The app will automatically reload if you change any of the source files.

Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.

           Castro/// root folder
        +
        |——castro
        |  |——public/
        |  |  |——/index.html
        |  |  |——/favicon.ico
        |  |  |——/.htaccess
        |  |——dist/
        |  |  |——css/
        |  |  |——img/
        |  |  |——js/
        |  |  |——fonts/
        |  |  |——.htaccess
        |  |  |——favicon
        |  |  |——/index.html
        |  |——src
        |  |  |——assets/
        |  |  |  |——css/                          --css files
        |  |  |  |——fonts/                        --fonts files
        |  |  |  |——img/                          --img files
        |  |  |  |——js/                           --js files
        |  |  |  |——scss/                         --scss files
        |  |  |  |——/index.scss
        |  |  |——components                       --Component Files Folder
        |  |  |  |——/BlogComment.vue
        |  |  |  |——/BlogDetailsContent.vue
        |  |  |  |——/BlogPost.vue
        |  |  |  |——/BrandCarousel.vue
        |  |  |  |——/Breadcrumb.vue
        |  |  |  |——/ContactWidget.vue
        |  |  |  |——/Experience.vue
        |  |  |  |——/Feature.vue
        |  |  |  |——/Footer.vue
        |  |  |  |——/FooterAbout.vue
        |  |  |  |——/FooterLink.vue
        |  |  |  |——/FunFact.vue
        |  |  |  |——/GoogleMap.vue
        |  |  |  |——/Header.vue
        |  |  |  |——/MobileNavMenu.vue
        |  |  |  |——/OffCanvasMobileMenu.vue
        |  |  |  |——/Policy.vue
        |  |  |  |——/ProjectGrid.vue
        |  |  |  |——/ServiceDetailsMain.vue
        |  |  |  |——/ServiceDetailsSidebar.vue
        |  |  |  |——/ServiceItem.vue
        |  |  |  |——/Testimonial.vue
        |  |  |  |——/AboutSection.vue
        |  |  |  |——/AboutSectionTwo.vue
        |  |  |  |——/AboutSectionThree.vue
        |  |  |  |——/BlogDetailsWrapper.vue
        |  |  |  |——/BlogDetailsWrapperRight.vue
        |  |  |  |——/BlogMainWrapper.vue
        |  |  |  |——/BlogMainWrapperRight.vue
        |  |  |  |——/BlogSection.vue
        |  |  |  |——/BlogSidebar.vue
        |  |  |  |——/ContactMainWrapper.vue
        |  |  |  |——/HeroOne.vue
        |  |  |  |——/LatestProject.vue
        |  |  |  |——/ProjectDetailsWrapper.vue
        |  |  |  |——/ProjectGallery.vue
        |  |  |  |——/ProjectGridSlider.vue
        |  |  |  |——/ServiceDetailsWrapper.vue
        |  |  |  |——/ServiceDetailsWrapperRight.vue
        |  |  |  |——/ServiceSlider.vue
        |  |  |  |——/ServiceTabs.vue
        |  |  |  |——/TeamJob.vue
        |  |  |  |——/TeamMember.vue
        |  |  |——views                         
        |  |  |  |——/HomeOne.vue
        |  |  |  |——/HomeTwo.vue
        |  |  |  |——/HomeThree.vue
        |  |  |  |——/About.vue
        |  |  |  |——/Project.vue
        |  |  |  |——/ProjectDetails.vue
        |  |  |  |——/Service.vue
        |  |  |  |——/ServiceDetails.vue
        |  |  |  |——/ServiceDetailsRight.vue
        |  |  |  |——/BlogLeftSidebar.vue
        |  |  |  |——/BlogRightSidebar.vue
        |  |  |  |——/BlogDetails.vue
        |  |  |  |——/BlogDetailsRightSidebar.vue
        |  |  |  |——/Contact.vue
        |  |  |——router/
        |  |  |  |——/index.js
        |  |  |——/App.vue
        |  |  |——/main.js
        |  |——/babel.config.js
        |  |——/.gitignore.js                    
        |  |——/package.json
        |  |——/README.md
        +

Help: Forther details can be found here official documentation https://vuejs.org/v2/guide

Header Structure