Colfee | Portfolio Agency 单页 HTML5 模板

New g4f version: 0.5.1.4 (current: 0.5.0.4) | pip install -U g4f

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.

Template Features:

    Two home page versions
    Responsive with bootstrap 4.5.3 framework
    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

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 -->
                &;lt;div class="row"><!-- /.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>

<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>

<strong>All JS files</strong>

    <!-- 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/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

$7 $13

实时预览
您可以在购买后下载。

最后更新
已发布 11-05-2021
高分辨率
包含文件 HTML 文件, CSS 文件, JS 文件, 图片,...
标签 animations, business portfolio, colorful, corporate, creative, elegant, html5, image background, light skin, multiple layouts, one page, portfolio, portfolio template, single portfolio

常见问题

我们的目标是以实惠的价格让每个人都能获得高质量的设计。我们与全球才华横溢的设计师和开发人员网络合作,他们以较低的成本为我们提供独特而创新的设计。通过简化我们的流程并专注于效率,我们保持较低的价格,使所有企业和个人都能获得专业品质的设计。
是的,只要它们符合我们的条款,您就可以在多个项目中使用这些主题。
下载文件包含您入门所需的一切:HTML、CSS、JS 文件和所有相关图像。这些文件与您在实时演示中看到的文件相同,以干净且结构良好的 HTML 格式提供,方便您进行自定义,而无需额外的安装。
是的,我们提供专门的客户支持来帮助您解决与我们的主题相关的任何问题或疑问。您可以通过我们的支持电子邮件 ([email protected]) 与我们联系,我们会及时回复。