BullTap Documentation

  • Name: BullTap
  • Version: 1.0.0
  • Author: Alissio
  • Live Preview: View Demo
  • Support: alissioteam@gmail.com

Thank you for purchasing BullTap.
You can find the detailed information about the template in this document.
If you have any questions that are beyond the scope of this help file,
please feel free to email via the Profile page
Thanks so much!

1. Introduction

You are a shining owner of a regular license based on BullTap HTML Template.

We would like to thank you for choosing BullTap and for being our loyal customer. You are entitled to get free updates to this product + exceptional support (as per market policy) from the author directly.

We made BullTap from the ground-up with flexibility in mind.
Each element of BullTap is extremely customizable, where you can make BullTap to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize BullTap and make it fit your brand perfectly!
Please go through the documentation carefully to understand how this product is made and how to edit this properly.
Basic HTML and CSS knowledge is required to customize.

1.1 What's Included

After purchasing BullTap on themeforest.net with your Envato account, go to your Download page.
Do not directly upload the zip file you downloaded from Themeforest. To begin, unzip the Themeforest file you just downloaded which contains the following files:

  • documentation: contains what you are reading now.
  • about, services, portfolio, pricing, blog, contact and other pages html files.
  • assets: contains assets files (css, scss, sass, images, fonts, js, minify source files).

Key features:

  • Completely Responsive Design Optimized viewing on desktop, tablet and mobile devices.
  • Easy Customization Customize each slide to meet your unique requirements and preferences.
  • Beautiful Appearance on Any Device Great user experience on any screen size or resolution.
  • Advanced Animation Effects Eye-catching transitions between slides.
  • Cross-Browser Compatibility Seamless functionality on multiple browsers.
  • Fast Loading Speed Optimized user experience with fast loading times.
  • User-Friendly Interface Easy to use and navigate.

Other features:

  • Based on Bootstrap 5.3.2
  • W3C HTML valid code
  • Better Support (response within 24 hours)
  • Free Regular Updates
  • Well, Extensive Documentation
  • Easy to Setup

2. Files Organization

Ensure the project folder is well-structured:

  butazzo-pizza/
  ├── documentation/       # This Documentation File
  ├── index.html       # Demo HTML
  ├── assets/          # CSS, JS, SCSS, SASS, Images, Fonts, Minify source files
  │    ├── css/
  │    ├── js/
  │    ├── scss/
  │    ├── sass/
  │    ├── images/
  │    ├── fonts/
  │    ├── minify/
  └── README.txt           # Basic Info & Licensing

3. Usage Example

Basic HTML Structure for BullTap:

  
  
  
  
    
    

      ...
    

    

    
    

      ...
    

    

    
    

      ...
    

    

    
    

      ...
    

    
    
    

      ...
    

    

    
    

      ...
    

    

    
    

      ...

4. Code Standards

  • Validate all HTML and CSS using tools like the W3C Validator.
  • Write clean, well-commented JavaScript code and follow best practices.

5. CSS Structure

6. Fonts Include

Google Fonts imported inside style.css file

  
  @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

7. JavaScript Structure

8.1 Change Site Title

To change your Site Title open the index.html in your editor and go to the title tag.

  
  
  BullTap - Personal Portfolio, Responsive Bootstrap Template

8.2 Theme Colors

BullTap uses green in two ways — a solid color for links and buttons, and a gradient for decorative elements. You only need to edit one file: assets/css/style.css. Open it in a code editor (VS Code, Notepad++, Sublime Text, etc.) and use Find & Replace All (Ctrl+H on Windows / Cmd+H on Mac).

Step 1 — Solid accent color (links, buttons, borders)

Search for both the lowercase and uppercase variants and replace with your chosen color:

  
  Find:    #27ae60    Replace: YOUR_COLOR   (e.g. #e74c3c for red, #3498db for blue)
  Find:    #27AE60    Replace: YOUR_COLOR   (same value as above)

This updates the hamburger menu button, link hover colors, buttons, and borders across all pages.

Step 2 — Gradient accent (decorative elements)

Some elements (process step circles, text labels, portfolio overlays, gradient buttons) use a two-tone gradient. Replace both gradient color stops:

  
  Find:    #38ec8c    Replace: YOUR_LIGHT_COLOR
  Find:    #1d8f4e    Replace: YOUR_DARK_COLOR

Step 3 — Gradient hover overlays (rgba)

Portfolio and team card hover overlays use rgba() versions of the same gradient colors. Replace these too:

  
  Find:    rgba(56, 236, 140, 0.9)    Replace: rgba(R, G, B, 0.9)  ← RGB of YOUR_LIGHT_COLOR
  Find:    rgba(29, 143, 78, 0.9)     Replace: rgba(R, G, B, 0.9)  ← RGB of YOUR_DARK_COLOR

Tip: Use coolors.co or htmlcolorcodes.com to pick hex codes, and any online hex-to-RGB converter to get the RGB values for Step 3.

If you use SCSS source files

Make the same replacements inside assets/scss/style.scss and recompile to regenerate assets/css/style.css.

9. Testing

  • Cross-Browser Compatibility: Tested on IE9, IE10, IE11, Chrome, Firefox, Edge, and Safari.
  • Responsiveness: Ensure it works seamlessly on mobile, tablet, and desktop devices.
  • Performance Optimization: Minify CSS/JS files and optimize assets for faster loading times.

10. Sources and Credits

The product uses following resources by third parties.

Plugins Fonts Images

11. Support

For any questions or issues, please contact our support team:

Email: alissioteam@gmail.com

Included in Free Support Scope:

  • Fixing bugs
  • Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

  • Any type of custom changes
  • Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

  • Custom change request
  • Custom pages
  • Custom features

We kept a flat rate for our paid support which is $35/hour.

Before seeking support, please...

  • Make sure your question is a valid item issue and not a customization request.
  • Make sure you have read through the documentation or any related video guides before asking support on how to accomplish a task.

12. Regular Updates

We’re always improving our skills and knowledge so we’re making changes regularly. From bug fixes to new awesome features, updates generally come at least twice a month. 

  May 17, 2025: BullTap v2.0.0
  -----------------------------------
  - New: Freelancer Home Page
  - New: Branding Agency Home page
  - New: About Us Page
  - Tweak: Improved Documentation

  March 09, 2025: BullTap v1.0.0
  -----------------------------------
  - Initial release

13. Thanks

Once again thank you for purchasing one of our Templates.
If you love our product, please don’t forget rate ⭐️⭐️⭐️⭐️⭐️ stars and give feedback for a better update. Thank you ☺️

Best Regards
Alissio