All

Colfee | Portfolio Agency One Page HTML5 Template

  • 0 download
Live Preview

Colfee is a one page portfolio html template designed for agencies, freelancers and designers. The template is fully responsive and comes with a filterable portfolio, a contact form, a blog with a sidebar and a working contact form.

Template Features:

    Two home page version
    Responsive with bootstrap 4.5.3 framework
    Dynamic PHP contact form
    Clean and nice design
    SEO and developer friendly coding
    Simple markup and CSS
    Compatible with all major browsers
    HTML5 and CSS3 validated
    Based on bootstrap 1170px grid system
    Free google fonts used
    Font awesome icon
    Clean & commented code
    Well documented
    Easy to customize
    Lifetime support (limited)

Pages:

  • 01_Home page
  • 02_Home page

Template Structure

        <!DOCTYPE html>
        <html lang="en">
        <head>

          <!-- required meta tags -->
          <meta charset="utf-8">
          <title>Title goes here</title>
          <!--favicon-->
          <link rel="shortcut icon" href="assets/img/favicon.png">
          <!--all csss-->
          ...

        </head>

        <body>

          <!--header start-->
          <header>
             ...
          </header>
          <!--header end-->

          <!-- main content area start -->
          <main>
            <!-- hero area start -->
            <section class="cf-hero-area">
            ...
            </section>
            <!-- hero area end -->

             <!-- intro area start -->
            <section class="cf-intro-area">
              <div class="container">
                <div class="row">
                  <div class="col-xl-12">
                    ...
                  </div><!-- /.column -->
                </div><!-- /.row -->
               </div><!-- /.container -->
            </section>
            <!-- intro area end -->
          </main>
          <!-- main content area end -->

          <!--footer start -->
          <footer>
            <div class="cf-footer-area">
              ....
            </div>
          </footer>
          <!--footer end-->

          <!-- JS here -->
          <!-- Placed js at the end of the document so the pages load faster -->
          ....
         </body>
        </html>

Template CSS

All CSS files 
    <!--all csss-->
    <link rel="stylesheet" href="assets/css/preloader.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/jquery.lineProgressbar.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/deafault.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

    <!-- modernizr js -->
    <script src="assets/js/modernizr-3.5.0.min.js"></script>

CSS indexing

<strong>/* CSS Index
===============
01. default
02. header
03. hero
04. intro
05. services
06. portfolio
07. factor
08. video
09. faqs
10. testimonial
11. blog
12. contact
13. footer
14. contact
15. footer
*/</strong>

 

All JS files

    <!-- JS -->
    <script src="assets/js/jquery-3.5.1.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.lineProgressbar.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/jquery.counterup-1-0.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/ajax-contact-form.js"></script>
    <script src="assets/js/main.js"></script>

Note: Preview images are not included in the final download. These are only for example purpose.

Google Fonts are Used:

Before, as you start to edit the template, be sure to install the font.

    Google font

Graphics Used:

Before, as you start to edit the template, be sure to install the font.

  • Unsplash
  • Freepik

Changelog

Version 1.1.1

  • Improved accessibility for interactive elements.
  • Added ARIA attributes for better screen reader compatibility.
  • Bootstrap version update (4 > 5)

Thanks so much! Best Regards

Debuggers Studio

$10 $13

*Save $3 instantly when you buy here!

Live Preview
You can download it after purchase.
Last Update
Published 11 May 2021
High Resolution Yes
Compatible Browsers IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
Compatible With Bootstrap 5.x
Files Included HTML Files, CSS Files, Images,...
Columns 3
Layout Responsive
Tags animations, business portfolio, colorful, corporate, creative, elegant, html5, image background, light skin, multiple layouts, one page, portfolio, portfolio template, single portfolio

FAQ

Our goal is to make high-quality design accessible to everyone at an affordable price. We collaborate with a global network of talented designers and developers who provide us with unique and innovative designs at a reduced cost. By streamlining our processes and focusing on efficiency, we keep our prices low, making professional-quality designs accessible to all businesses and individuals.
The download file includes everything you need to get started: HTML, CSS, JS files, and all relevant images. The files are identical to what you see on the live demo, provided in clean and well-structured HTML format for easy customization without requiring additional installations.
Yes, you can use the themes for multiple projects as long as they comply with our terms.
Yes, we provide dedicated customer support to help you resolve any issues or questions related to our themes. You can reach out to us through our support email ([email protected]), and we’ll respond promptly.