<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<meta name="description" content="Cocoon -Portfolio">
<meta name="keywords" content="Cocoon , Portfolio">
<meta name="author" content="Pharaohlab">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ========== Title ========== -->
<title> Cocoon -Portfolio</title>
<!-- ========== Favicon Ico ========== -->
<!--<link rel="icon" href="fav.ico">-->
<!-- ========== STYLESHEETS ========== -->
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Fonts Icon CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/et-line.css" rel="stylesheet">
<link href="assets/css/ionicons.min.css" rel="stylesheet">
<!-- Carousel CSS -->
<link href="assets/css/slick.css" rel="stylesheet">
<!-- Magnific-popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<div class="loader">
<div class="loader-outter"></div>
<div class="loader-inner"></div>
</div>
<div class="body-container container-fluid">
<a class="menu-btn" href="javascript:void(0)">
<i class="ion ion-grid"></i>
</a>
<div class="row justify-content-center">
<!--=================== side menu ====================-->
<div class="col-lg-2 col-md-3 col-12 menu_block">
<!--logo -->
<div class="logo_box">
<a href="#">
<img src="assets/img/logo.png" alt="cocoon">
</a>
</div>
<!--logo end-->
<!--main menu -->
<div class="side_menu_section">
<ul class="menu_nav">
<li class="active">
<a href="index.html">
Home
</a>
</li>
<li>
<a href="about.html">
About Us
</a>
</li>
<li>
<a href="services.html">
Services
</a>
</li>
<li>
<a href="portfolio.html">
Portfolio
</a>
</li>
<li>
<a href="blog.html">
Blog
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
</div>
<!--main menu end -->
<!--filter menu -->
<div class="side_menu_section">
<h4 class="side_title">filter by:</h4>
<ul id="filtr-container" class="filter_nav">
<li data-filter="*" class="active"><a href="javascript:void(0)" >all</a></li>
<li data-filter=".branding"> <a href="javascript:void(0)">branding</a></li>
<li data-filter=".design"><a href="javascript:void(0)">design</a></li>
<li data-filter=".photography"><a href="javascript:void(0)">photography</a></li>
<li data-filter=".architecture"><a href="javascript:void(0)">architecture</a></li>
</ul>
</div>
<!--filter menu end -->
<!--social and copyright -->
<div class="side_menu_bottom">
<div class="side_menu_bottom_inner">
<ul class="social_menu">
<li>
<a href="#"> <i class="ion ion-social-pinterest"></i> </a>
</li>
<li>
<a href="#"> <i class="ion ion-social-facebook"></i> </a>
</li>
<li>
<a href="#"> <i class="ion ion-social-twitter"></i> </a>
</li>
<li>
<a href="#"> <i class="ion ion-social-dribbble"></i> </a>
</li>
</ul>
<div class="copy_right">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</div>
</div>
</div>
<!--social and copyright end -->
</div>
<!--=================== side menu end====================-->
<!--=================== content body ====================-->
<div class="col-lg-10 col-md-9 col-12 body_block align-content-center">
<div class="elements">
<h3>Elements</h3>
<!--button elements-->
<div class="element_section mt30 mb50">
<div class="section_title">
<h4>buttons</h4>
</div>
<div class="section_content mt30">
<a href="#" class="btn btn-primary">Button</a>
<a href="#" class="btn btn-primary-outline">Button</a>
<a href="#" class="btn btn-dark">Button </a>
<a href="#" class="btn btn-primary btn-rounded">Button</a>
</div>
</div>
<!--button elements end-->
<!--progress bars elements-->
<div class="element_section mt30 mb50">
<div class="section_title">
<h4>progress bars & accordion</h4>
</div>
<div class="section_content mt30">
<div class="row justify-content-center">
<div class="col-12 col-md-6">
<div class="progress_container">
<div class="single_progressbar">
<div class="progress">
<div class="progress-bar" role="progressbar" data-transitiongoal="80"></div>
</div>
<div class="progress_text">
<span>Management</span>
<span class="progress_num" style="left:80%;">80%</span>
</div>
</div>
<div class="single_progressbar">
<div class="progress">
<div class="progress-bar" role="progressbar" data-transitiongoal="90"></div>
</div>
<div class="progress_text">
<span>Design</span>
作品展示&图片展示HTML源码-图文企业展示动态响应式网站模板-适配移动端.zip （114个子文件） 
bootstrap.min.css 122KB animate.min.css 75KB ionicons.min.css 50KB font-awesome.min.css 39KB main.css 39KB et-line.css 6KB magnific-popup.css 5KB slick.css 5KB ionicons.eot 118KB fontawesome-webfont.eot 73KB Linearicons-Free.eot 55KB et-line.eot 32KB glyphicons-halflings-regular.eot 20KB slick.eot 2KB
ajax-loader.gif 4KB
elements.html 22KB portfolio.html 17KB index.html 15KB blog.html 14KB about.html 14KB services.html 13KB contact.html 12KB jquery.min.js 82KB bootstrap.min.js 50KB slick.min.js 42KB isotope.js 35KB jquery.magnific-popup.min.js 20KB popper.js 19KB main.js 11KB jquery-migrate.js 10KB wow.min.js 8KB waypoints.min.js 8KB imgloaded.js 5KB bootstrap-progressbar.min.js 2KB gulpfile.js 2KB jquery.counterup.min.js 1KB package.json 540B FontAwesome.otf 120KB
service_bg.png 475KB about.png 437KB blog3.png 318KB blog2.png 288KB blog1.png 197KB home-port1.png 180KB home-port2.png 125KB home-port7.png 110KB home-port6.png 99KB home-port9.png 98KB port1.png 98KB port10.png 83KB port8.png 80KB home-port4.png 79KB port3.png 79KB home-port8.png 67KB port7.png 67KB port6.png 61KB port4.png 58KB port5.png 46KB port2.png 45KB home-port3.png 42KB port11.png 38KB port9.png 32KB home-port5.png 21KB inst5.png 13KB inst3.png 9KB inst4.png 8KB inst6.png 7KB inst1.png 6KB inst2.png 3KB user.png 2KB map-icon.png 1KB compass.png 993B satelite.png 909B flask.png 885B idea.png 771B logo.png 705B magic.png 689B scheme.png 631B smartphone.png 607B typo.png 503B _base.scss 19KB _variables.scss 4KB _side.scss 4KB _blog_box.scss 3KB main.scss 3KB _portfolio.scss 2KB _buttons.scss 2KB _testimonial.scss 2KB _progressbar.scss 1KB _icon_boxes.scss 1KB _contact.scss 782B _body.scss 697B _counter.scss 445B _tabs.scss 421B
fontawesome-webfont.svg 377KB Linearicons-Free.svg 201KB et-line.svg 171KB glyphicons-halflings-regular.svg 106KB slick.svg 2KB ionicons.ttf 184KB共 114 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- js基础但是这个烂怂东西要求标题不能少于10个字才能上传然后我其实还没有写完之后再修订吧.md
- electron-tabs-master
- Unity3D 布朗运动算法插件 Brownian Motion
- 鼎微R16中控升级包R16-4.5.10-20170221及强制升级方法
- 鼎微R16中控升级包公版UI 2015及强制升级方法，救砖包
- 基于CSS与JavaScript的积分系统设计源码
- 生物化学作业_1_生物化学作业资料.pdf
- 基于libgdx引擎的Java开发连连看游戏设计源码
- 基于MobileNetV3的SSD目标检测算法PyTorch实现设计源码
- 基于Java JDK的全面框架设计源码学习项目
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
