<!DOCTYPE html>
<html lang="en">
<head>
<title>Carl Brown - Free HTML Template For Personal Portfolio CV </title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/vendor.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.4.1/swiper-bundle.min.css" />
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800;900&family=Nunito+Sans:wght@300;400;600;700&display=swap"
rel="stylesheet">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
</head>
<body data-bs-spy="scroll" data-bs-target="#navigation-bar" tabindex="0">
<div class=" offcanvas-btn text-end m-3">
<button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight"><iconify-icon icon="ci:hamburger-lg"
style="font-size: 30px;"></iconify-icon></button>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<header class="hero position-fixed">
<div class="container hero-container text-center align-content-between">
<div>
<img src="images/carlbrown.png" class="hero-img mb-4 rounded-circle" alt="Bootstrap Themes"
width="140" height="140" loading="lazy">
<h2 class="fw-bold">Carl Brown</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quam risus nam ma aliquet.
Libero
porta in sodales.</p>
<div class="social-icon my-2">
<p>
<a class="social-link mx-3 active" href="#"> <iconify-icon
icon="icomoon-free:facebook"></iconify-icon> </a>
<a class="social-link mx-3 " href="#"> <iconify-icon
icon="icomoon-free:instagram"></iconify-icon> </a>
<a class="social-link mx-3 " href="#"> <iconify-icon
icon="icomoon-free:twitter"></iconify-icon> </a>
<a class="social-link mx-3 " href="#"> <iconify-icon
icon="icomoon-free:youtube"></iconify-icon> </a>
</p>
</div>
<h4 class=" text-uppercase text-light fs-5 fw-bold py-2 mx-5 mt-4 ">Pro Pages</h4>
<ul class="text-center list-unstyled">
<li><a href="blog-single.html" class="text-uppercase ">Blog-Single
<span class="badge bg-secondary">Pro</span></a></li>
<li><a href="services-single.html" class="text-uppercase ">Service-Single
<span class="badge bg-secondary">Pro</span></a></li>
<li><a href="portfolio-single.html" class="text-uppercase ">Portfolio-Single
<span class="badge bg-secondary">Pro</span></a></li>
<li><a href="contact.html" class="text-uppercase ">Contact <span
class="badge bg-secondary">Pro</span></a></li>
<li><a href="team.html" class="text-uppercase ">My Team <span
class="badge bg-secondary">Pro</span></a></li>
<li><a href="review.html" class="text-uppercase ">Reviews <span
class="badge bg-secondary">Pro</span></a></li>
<li><a href="faq.html" class="text-uppercase ">FAQs <span
class="badge bg-secondary">Pro</span></a></li>
</ul>
<div>
<a href="#"
class="btn btn-primary get-pro text-uppercase rounded-5 py-3 px-4 mt-2">Botton <iconify-icon icon="mdi:cart" class="ps-2" style="color: white;"></iconify-icon>
</a>
</div>
</div>
<div class="mb-5">
<p class="copyright ">© Free HTML template <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a> </p>
</div>
</div>
</header>
</div>
</div>
<div class="container-fluid">
<div class="row">
<section id="navigation-bar" class="navigation position-fixed ">
<ul class="nav nav-pills text-center align-items-center mt-5 ms-xl-5 ms-3 ">
<li>
<a href="#home" class="nav-link active rounded-0" aria-current="page" data-bs-toggle="tooltip"
data-bs-placement="right" aria-label="Home" data-bs-original-title="Home">
<iconify-icon icon="ic:round-home"></iconify-icon>
</a>
</li>
<li>
<a href="#about" class="nav-link rounded-0" data-bs-toggle="tooltip" data-bs-placement="right"
aria-label="Dashboard" data-bs-original-title="Dashboard">
<iconify-icon icon="ic:round-person"></iconify-icon>
</a>
</li>
<li>
<a href="#resume" class="nav-link rounded-0" data-bs-toggle="tooltip" data-bs-placement="right"
aria-label="Orders" data-bs-original-title="Orders">
<iconify-icon icon="ic:round-school"></iconify-icon>
</a>
</li>
<li>
<a href="#portfolio" class="nav-link rounded-0" data-bs-toggle="tooltip"
data-bs-placement="right" aria-label="Products" data-bs-original-title="Products">
<iconify-icon icon="ic:round-business-center"></iconify-icon>
</a>
</li>
<li>
<a href="#blog" class="nav-link rounded-0" data-bs-toggle="tooltip" data-bs-placement="right"
aria-label="Customers" data-bs-original-title="Customers">
<iconify-icon icon="ic:round-menu-book"></iconify-icon>
</a>
</li>
<li>
<a href="#contact" class="nav-link rounded-0" data-bs-toggle="tooltip" data-bs-placement="right"
aria-label="Customers" data-bs-original-title="Customers">
个人创意简历(可分享的网页)-个人设计师展示网站模板 Bootstrap-响应式适配移动端.zip （67个子文件） 
个人创意简历(可分享的网页)-个人设计师展示网站模板 Bootstrap-响应式适配移动端 html 
team.html 33KB
style.css 13KB faq.html 30KB plugins portfolio-single.html 27KB js modernizr.js 15KB jquery-1.11.0.min.js 179KB plugins.js 93KB script.js 2KB services-single.html 21KB review.html 30KB blog-single.html 50KB css vendor.css 36KB index.html 57KB contact.html 25KB images 
Ellipse 7.png 175B
portfolio3.jpg 59KB commentor-item1.jpg 25KB Rectangle 71.png 157KB shirt plain.png 8KB Rectangle 53.png 74KB commentor-item2.jpg 25KB Rectangle 59.png 146KB Rectangle 55.png 127KB Vector-1.png 2KB Rectangle 67.png 210KB blogpage-img1.png 589KB Rectangle 72.png 196KB shipment upload.png 9KB browser page account.png 9KB team4.jpg 41KB Rectangle 52.png 98KB portfolio2.jpg 79KB quote.png 2KB team3.jpg 46KB portfolio-large3.jpg 250KB carlbrown.png 29KB Vector-3.png 1KB video game logo companion cube.png 9KB team2.jpg 34KB Vector-2.png 1KB Rectangle 66.png 188KB portfolio-large2.jpg 152KB chocolat left.png 1KB close.png 1KB right.png 1KB fullscreen-black.png 658B
loader.gif 3KB fullscreen.png 663B commentor-item3.jpg 14KB Rectangle 50.png 124KB Rectangle 57.png 122KB portfolio5.jpg 67KB author-image.jpg 86KB Vector-6.png 2KB team5.jpg 42KB portfolio-large1.jpg 298KB Rectangle 51.png 105KB portfolio1.jpg 66KB Rectangle 49.png 97KB Vector-4.png 1KB portfolio4.jpg 74KB Rectangle 62.png 158KB team1.jpg 38KB Rectangle 56.png 97KB Rectangle 54.png 118KB Vector-5.png 1KB portfolio6.jpg 67KB资源评论
