Technologia | Theme Documentation

Introduction

Are you looking to create a dynamic online presence for your technology business? Whether you're a leading tech corporation, an innovative startup, or a rapidly growing company in the tech sector, the Technologia Theme by TransFunnel is the ideal solution for building your professional website. This intuitive, do-it-yourself theme offers extensive customization options, enabling you to adapt your site to meet your unique technological requirements and brand identity.

Crafted by Transfunnel Consulting, HubSpot's trusted ELITE PARTNER.

It's EASY, POWERFUL, and 100% RESPONSIVE.

 

Support  

If you need any assistance, then get in touch with us at productsupport@transfunnel.com.  

Table of Contents

  1. Getting Started
  2. Theme effects
  3. Colours
  4. Fonts
  5. Typography
  6. Header
  7. Footer
  8. Hero banner
  9. Hero slider
  10. Modules
  11. Responsive Layout
Technologia | Theme Documentation

Table of Contents

  1. Getting Started
  2. Theme effects
  3. Colours
  4. Fonts
  5. Typography
  6. Header
  7. Footer
  8. Hero banner
  9. Hero slider
  10. Modules
  11. Responsive Layout

Getting started 

What happens once you buy our theme?  

Once you have purchased our theme, you will find all the templates and modules in your HubSpot portal. While you are creating a website, select ‘Technologia ’ for a list of all available templates.  

The theme encompasses many website and landing page templates that will help you get started with creating well-designed technology websites.  

Check out our demo-pages and find sample pages and modules configurations created just for you.  

Demo: https://beta.transfunnel.com/hero-with-side-image

tecnologia_doc_1_img

Important:  

The Technologia Theme  pages can be used as is. If you still want to configure pages on your own, it is advisable to set up a child theme version of Technologia  Theme before you start configuring and building your site. This will help you change code, extend it with specific requirements or change styles as needed by still keeping the original theme intact. This can help you go back and take reference from original theme anytime you need and also receive and install all theme updates for free without affecting your code.  

Create a child theme from the Design Manager. This child theme will inherit the assets and files from Technologia  Theme. 

Cursor Follower

Enhance user experience with our Cursor Follower Effect: customizable magnification and simplification for a personalized browsing journey.

Progress bar

Our customizable Progress Bar Effect: choose from horizontal, upward, downward, or circular styles to visually represent progress seamlessly. Enhance user experience effortlessly.

Button animations

Elevate your website's interactivity with our customizable Button Effect. Choose between standard and transition effects to create engaging user experiences that captivate audiences.

Colour Setting

Set your branding colors under the primary secondary and tertiary sections. & seamlessly customize your website 

Primary Color Effect

 

Secondary Color Effect

 

Tertiary Color Effect

 

Font Setting  

Add primary Font that will apply to all the headings and secondary Font that applies to body text.  

Note: Only Google fonts can be used on Technologia.

Primary Font

primary font

Secondary Font

secondary font

 

Typography Setting

Each heading has its own font and text color and many more defined under this category.

Customize Your Header Setting  

Setup your header with multiple customization. Fully drag & drop environment in header area.

Header properties

Enable & disable sticky effect

Enable & disable progress bar

Header button required?

Header background color customize your background with transparent effect or background color

If you want to add different logo for sticky section enable the below

To add different logo in mobile

Customize the text property 

Customize the menu dropdown effect

 

Enable button

Change your mobile color

Enable disable your sticky mobile effect

Enable disable 2nd button effcets

 

Customize Your Footer Setting  

Fully drag & drop environment in footer area. Each part is easily editable 

 

Banner Setting  

We provide you beautiful, impactful banners to attract visitors and hold their interest. You can add beautiful images as background or just a simple color or video or many more. Create the banner you like all with ease.  You can side image with content for a form. We also provide you banner in the form of slider

Hero banner contents

Enable sticky effect

Style part for banner

Background Type

Spacing

Content section

Customize the upper text

Customize the title

Add your container width

Button effect

 

Banner Setting  

We provide you beautiful, impactful slider banners to attract visitors and hold their interest. You can add beautiful images as background or just a simple color or video or many more. Create the banner you like all with ease.  You can side image with content for a form. We also provide you banner in the form of slider

Hero banner contents

Style sections

The style has the options to customize background, spacing, color, font, button, image, forms. alignment, slider speed, arrows, dots and many more.

Modules  

This theme is pre-built with the power of 20+ gorgeous modules that will help you build your webpages, the way you want, just by DRAG and DROP; without any coding.  

Modules: About us, Blog listing, hero slider, accordion, contact details, coming soon, counter, product showcase, Image gallery  ,Blog recent posts, Button, Card, Client's logos,  hero banner and many more.

 

Responsive Layout   

Fully responsive on all devices.  

responsive-2