Bruce - Creative Multipurpose HTML Template

Bruce - Creative Multipurpose HTML Template

created: 05/03/2019

24/7 Support: Send Us a message from our profile

Thank you for purchasing my 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

Template Installation

  1. FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside bruce folder.

Pages

    • index.html is for Preview Page
    • 01-corporate-index.html is for corporate home one Page
    • 02-corporate-index.html is for corporate home Two Page
    • architecture.html is for architecture home one Page
    • architecture-02.html is for architecture home Two Page
    • architecture-03.html is for architecture home Three Page
    • creative.html is for creative home one Page
    • creative-2.html is for creative home two Page
    • personal.html is for personal home one Page
    • personal-2.html is for personal home two Page
    • startup-index-01.html is for startup home one Page
    • startup-index-02.html is for startup home two Page
    • about-us.html is for about us Page
    • services.html is for services Page
    • services-2.html is for services two Page
    • services-details.html is for services details Page
    • project.html is for project Page
    • project-2.html is for project two Page
    • portfolio-single-one.html is for project Details Page
    • clients-logo.html is for clients logo Page
    • contact-us.html is for contact us Page
    • error-404.html is for error Page
    • pricing-package.html is for pricing package Page
    • blog-grid.html is for blog grid Page
    • blog-left-sidebar.html is for blog left sidebar Page
    • blog-right-sidebar.html is for blog right sidebar Page
    • blog-details-full-width.html is for blog details full width Page
    • blog-details-left-sidebar.html is for blog details left sidebar Page
    • blog-details-right-sidebar.html is for blog details right sidebar Page
    • shop-fullwidth.html is for shop fullwidth Page
    • shop-left-sidebar.html is for shop left sidebar Page
    • shop-right-sidebar.html is for shop right sidebar Page
    • product-details.html is for product details Page
    • cart.html is for cart Page
    • checkout.html is for checkout Page
    • wishlist.html is for wishlist Page
    • team.html is for team Page
    • team-details.html is for team details Page

Font

        @import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&display=swap");

Source File (CSS)

	
      
        <!-- CSS
        ============================= -->
        
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
        
        <!-- Font CSS -->
        <link rel="stylesheet" href="assets/css/vendor/fontawesome-all.min.css">
        
        <!--  Swiper slider CSS -->
        <link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
        
        <!--  Animate text CSS -->
        <link rel="stylesheet" href="assets/css/plugins/animate-text.css">
        
        <!--  AOS CSS -->
        <link rel="stylesheet" href="assets/css/plugins/aos.css">
        
        <!--  Some Plugins CSS -->
        <link rel="stylesheet" href="assets/css/plugins/some-plugins.min.css">
        
        <!--   Animate CSS -->
        <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
        
        <!--  Main Style CSS -->
        <link rel="stylesheet" href="assets/css/style.css">

Source File (JS)

       
        <!-- Modernizer JS -->
        <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
       
        <!-- jQuery JS -->
        <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
        
        <!-- Bootstrap JS -->
        <script src="assets/js/vendor/bootstrap.min.js"></script>
        
        <!-- Swiper Slider JS -->
        <script src="assets/js/plugins/swiper.min.js"></script>
        
        <!-- Waypoints JS -->
        <script src="assets/js/plugins/waypoints.min.js"></script>
        
        <!-- Counter down JS -->
        <script src="assets/js/plugins/countdown.min.js"></script>
        
        <!-- Isotope JS -->
        <script src="assets/js/plugins/isotope.min.js"></script>
        
        <!-- Masonry JS -->
        <script src="assets/js/plugins/masonry.min.js"></script>
        
        <!-- ImagesLoaded JS -->
        <script src="assets/js/plugins/images-loaded.min.js"></script>
        
        
        <!-- Counterup JS -->
        <script src="assets/js/plugins/counterup.min.js"></script>
        
        <!-- WOW JS  -->
        <script src="assets/js/plugins/wow.min.js"></script>
        
        <!-- AOS JS  -->
        <script src="assets/js/plugins/aos.js"></script>
        
        <!-- Plugins JS  -->
        <script src="assets/js/plugins/some-plugins.js"></script>
        
        <!-- Main JS -->
        <script src="assets/js/main.js"></script>

Customization

How to Change Logo

How to Change Copy Right

How to Change Email for Contact Form

How to Change theme color

Note: if you use SASS. you can just change variable color

How to change Heading Font Size

Note: if you use SASS

 

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

Bruce