Strane - Startup Agency Bootstrap 5 Template

Introduction

Template Name: Strane - Startup Agency Bootstrap 5 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..

Strane - Startup Agency Bootstrap 5 Template is an excellent web template that is here to help you sort out a top-class website for startup agencies. If you have a startup agency, the first thing required to boost solid web presence to reach out to people is a sophisticated and well-functional website. Whether startup you have, Strane Bootstrap 5 template is here to make a difference to promise a smooth website execution in the professional and business space.

Equipped with 15 HTML pages, Strane startup agency web template showcases your projects in the best possible light. On the homepage you will find a beautiful hero section, promo display section, services section, content display section, project display section, testimonials from satisfied clients and excerpts from the latest blog posts.

On top of that, this template is cross-browser compatible and super responsive; visitors will have a hassle-free experience while navigating your website.

Strane has a plethora of traits and goodies to offer for you. Some of its notable specialties include W3C Validated Code, made with SASS, Google Font, icon fonts, well documentation, no console error, smooth animations, dynamic contact form, etc.

Finally, Strane comes with regular free updates so that you can maintain your website flawlessly. Try this outstanding template today and grow your startup agency to the new heights.

By: HasThemes
URL: https://hasthemes.com/
HelpDesk: https://hasthemes.com/contact-us/

Template features

Elegant and eye-catching homepage
15+ HTML pages
Build with Bootstrap 5
Made with SASS (SCSS)
Icon font (Icofont)
Google Fonts
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Smooth animations
Easy to customize
Cross Browser Support
Well Documented
No console error
Dynamic Contact form with AJAX

Need Support?

If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

Documentation
Template Files - strane

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 strane folder.

Page Structure

index.html is for Home Page One
service-list.html is for Service List
service-details.html is for Service Details
portfolio-list.html is for Portfolio List
portfolio-details.html is for Portfolio Details
about.html is for About page
faq.html is for FAQ Pages
404-error.html is for 404 error page
blog-list-left-sidebar.html is for Blog List Page (Left sidebar)
blog-list-right-sidebar.html is for Blog List Page (Right sidebar)
blog-list-full-width.html is for Blog List Page (Without Sidebar)
blog-details-left-sidebar.html is for Blog Details (Left sidebar)
blog-details-right-sidebar.html is for Blog Details (Right sidebar)
blog-details-full-width.html is for Blog Details (Without Sidebar)
contact.html is for Contact page

Source File Structure

Fonts Source File structure

Remember to change the font into main.css

            <!--All Google Fonts-->
            @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&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.

            <!-- ::::::::::::::All CSS Files here :::::::::::::: -->

            <!-- Vendor CSS -->
            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/vendor/icofont.min.css">
            <link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css">

            <!-- Plugin CSS Files -->
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">

            <!-- Main CSS File -->
            <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.

            <!-- ::::::::::::::All Javascripts here ::::::::::::::-->

            <!-- Vendor JS Files -->
            <script src="assets/js/vendor/modernizr-3.11.2.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/bootstrap.bundle.min.js"></script>
            <script src="assets/js/vendor/jquery-ui.min.js"></script>

            <!-- Plugins JS Files -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/jquery.waypoints.js"></script>
            <script src="assets/js/plugins/counter.js"></script>
            <script src="assets/js/plugins/images-loaded.min.js"></script>
            <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
            <script src="assets/js/plugins/ajax-mail.js"></script>
            <script src="assets/js/plugins/material-scrolltop.js></script>

            <!-- Main js file that contents all jQuery plugins activation. -->
            <script src="assets/js/main.js"></script>

How to change Logo?

How to Change Any Image?

How to Change Copyright?

You can change copyright text from here.

How to Change Mail?

You can pass dynamic email in the contact form and newsletter.

How to Change Map Location?

You can change iframe map from here