Egens - Creative Agency HTML Template

Introduction

Template Name: Egens - Creative Agency HTML Template

Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..

Egens is a simple and elegant Creative Agency HTML Template. This template has 2 homepage layouts, responsive, easy to customize. You can use this HTML Template for Creative Agency, Business.

Egens comes with a variation of 14+ HTML pages, there are 2 unique home versions. It is built with Bootstrap 5, HTML5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like Animations, Google Fonts, Font Awesome, Swiper Slider and many more.

Now grow your business with this Egens - Creative Agency HTML Template without any hesitation.

Template features

Build with Bootstrap 5
2 Homepage variations
14+ HTML pages
HTML5 and CSS3
Made with sass(scss)
Dynamic contact form
Used Swiper slider
Icon font FontAwesome 5
Google Fonts
Dynamic Mailchimp Subscribe form
Ajax Working Contact form
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Smooth animations
Easy to customize
SEO friendly code
Speed Optimized
Cross Browser Support
Well Documented
No console error
jQuery latest version
And Much More!

Files Included

Documentation
Template Files - Egens

Root Folder Structure

FTP Upload

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the all files inside Egens folder.

Page Structure

index.html is for Home 1
index-2.html is for Home 2
about.html is for About Page
team-members.html is for All Team Members Page
member-details.html is for Member Details Page
portfolio.html is for Portfolio Masonry Page
portfolio-grid.html is for Portfolio Grid Page
portfolio-details.html is for Portfolio Details Page
service.html is for Services Page
service-details.html is for Service Details Page
blog.html is for Blog Classic Page
blog-grid.html is for Blog Grid Page
blog-details.html is for Blog Details Page
contact.html is for Contact Page

Source File Structure

Fonts Source File structure

Remember to change the font into style.css

            
          <!-- Fonts -->
          @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
          @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

CSS Source File structure

These are the css files that are loaded into templates in Head Section.

            
            <!-- Vendor CSS (Icon Font) -->
            <!--
            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/font-awesome.min.css" />
            -->
            
            <!-- Plugins CSS (All Plugins Files) -->
            <!--
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/odometer-theme-default.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/fancybox.min.css" />
            -->
            
            <!-- Main Style CSS -->
            <!-- <link rel="stylesheet" href="assets/css/style.css" /> -->

Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

        
            <!-- Scripts -->
            <!-- Global Vendor, plugins JS -->
            
            <!-- Vendor JS -->
            
            <!--
            <script src="assets/js/vendor/bootstrap.min.js"></script>
            <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
            <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
            <script src="assets/js/vendor/modernizr-3.11.7.min.js"></script>
            -->
            
            <!-- Plugins JS -->
            
            <!--
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/tilt.jquery.min.js"></script>
            <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
            <script src="assets/js/plugins/odometer.min.js"></script>
            <script src="assets/js/plugins/isotope.min.js"></script>
            <script src="assets/js/plugins/imagesloaded.min.js"></script>
            <script src="assets/js/plugins/waypoint.min.js"></script>
            <script src="assets/js/plugins/wow.min.js"></script>
            <script src="assets/js/plugins/fancybox.min.js"></script>
            <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
            -->
            
            <!-- Use the specific js activation file for specific page to increase page speed -->
            
            <!--All Page JS Activation-->
            <script src="assets/js/main.js"></script>            
            
            <!--Home Page JS Activation-->
            <script src="assets/js/pages/home.js"></script>

            <!--Service Page JS Activation-->
            <script src="assets/js/pages/service.js"></script>

            <!--Portfolio Page JS Activation-->
            <script src="assets/js/pages/portfolio.js"></script>

            <!--Member Page JS Activation-->
            <script src="assets/js/pages/member.js"></script>

            <!--Blog Page JS Activation-->
            <script src="assets/js/pages/blog.js"></script>

            <!--Contact Page JS Activation-->
            <script src="assets/js/pages/contact.js"></script>