Colfee | Portfolio Agency One Page HTML5 Template-[Clean-Nulled].zip
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 edit the template be sure to install the font.
-
Google font
Graphics Used:
Before as you start edit the template be sure to install the font.
- Unsplash
- Freepik
Thanks so much! Best Reagurds
Devchange
Mercifully Note: We refresh new substance like WordPress Themes,
Plugins, PHP Scripts ordinary. In any case, recall that you
ought to never utilize this things in a business site.
Every one of the substance posted here for advancement
and testing reason as it were. We’re not in charge of
any harm, use at your own particular RISK! We highly recommend to buy Colfee | Portfolio Agency One Page HTML5 Template from the The Developer ( debuggers-studio ) website. Thank you.
