<!DOCTYPE HTML>
<html lang="en">
<head>
<title>CV - Portfolio</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700%7CAllura" rel="stylesheet">
<!-- Stylesheets -->
<link href="common-css/bootstrap.css" rel="stylesheet">
<link href="common-css/ionicons.css" rel="stylesheet">
<link href="common-css/fluidbox.min.css" rel="stylesheet">
<link href="03-cv-business/css/styles.css" rel="stylesheet">
<link href="03-cv-business/css/responsive.css" rel="stylesheet">
</head>
<body>
<section class="intro-section">
<div class="container">
<div class="heading-wrapper">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="info">
<i class="icon ion-ios-location-outline"></i>
<div class="right-area">
<h5>3008 Sarah Drive</h5>
<h5>Franklin,LA 70538</h5>
</div><!-- right-area -->
</div><!-- info -->
</div><!-- col-sm-4 -->
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="info">
<i class="icon ion-ios-telephone-outline"></i>
<div class="right-area">
<h5>337-4139538</h5>
<h6>MIN - FRI,8AM - 7PM</h6>
</div><!-- right-area -->
</div><!-- info -->
</div><!-- col-sm-4 -->
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="info">
<i class="icon ion-ios-chatboxes-outline"></i>
<div class="right-area">
<h5>contact@colorlib.com</h5>
<h6>REPLY IN 24 HOURS</h6>
</div><!-- right-area -->
</div><!-- info -->
</div><!-- col-sm-4 -->
</div><!-- row -->
</div><!-- heading-wrapper -->
<div class="intro">
<div class="row">
<div class="col-sm-8 col-md-4 col-lg-3">
<div class="profile-img margin-b-30"><img src="images/profile-1-250x250.jpg" alt=""></div>
</div><!-- col-sm-8 -->
<div class="col-sm-10 col-md-5 col-lg-6">
<h2><b>Michel SMith</b></h2>
<h4 class="font-yellow">Key Account Manager</h4>
<ul class="information margin-tb-30">
<li><b class="font-yellow">BORN</b> : August 25, 1987</li>
<li><b class="font-yellow">EMAIL</b> : mymith@mywebpage.com</li>
<li><b class="font-yellow">MARITAL STATUS</b> : Married</li>
</ul>
<ul class="social-icons">
<li><a href="#"><i class="ion-social-pinterest"></i></a></li>
<li><a href="#"><i class="ion-social-linkedin"></i></a></li>
<li><a href="#"><i class="ion-social-instagram"></i></a></li>
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
</ul>
</div><!-- col-sm-8 -->
<div class="col-sm-10 col-md-3 col-lg-3">
<a class="downlad-btn" href="#">Download CV</a>
</div><!-- col-lg-2 -->
</div><!-- row -->
</div><!-- intro -->
</div><!-- container -->
</section><!-- intro-section -->
<section class="about-section section">
<div class="container">
<div class="row">
<div class="col-sm-12 center-text">
<div class="heading ">
<h3><b>About me</b></h3>
<h6 class="font-lite-black"><b>PROFESSIONAL PATH</b></h6>
</div>
</div><!-- col-sm-3 -->
<div class="col-sm-12 col-md-6">
<p class="margin-b-30">Duis non volutpat arcu, eu mollis tellus. Sed finibus aliquam neque
sit amet sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla maximus pellentes que velit, quis consequat nulla effi citur at.
Maecenas sed massa tristique.Duis non volutpat arcu, eu mollis tellus.
Sed finibus aliquam neque sit amet sodales. .</p>
</div><!-- col-sm-6 -->
<div class="col-sm-12 col-md-6">
<p class="margin-b-50">Duis non volutpat arcu, eu mollis tellus.
Sed finibus aliquam neque sit amet sodales. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla maximus pellentes que velit, quis consequat nulla
effi citur at.Maecenas sed massa tristique.</p>
</div><!-- col-sm-6 -->
<div class="col-sm-12" id="counter">
<div class="row" >
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="counter margin-b-50">
<h1 class="title"><b><span class="counter-value" data-duration="400" data-count="3">0</span></b></h1>
<h5 class="desc"><b>Coder Degrees</b></h5>
</div><!-- counter -->
</div><!-- col-md-3-->
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="counter margin-b-50">
<h1 class="title"><b><span class="counter-value" data-duration="1400" data-count="25">0</span></b></h1>
<h5 class="desc"><b>Project Completed</b></h5>
</div><!-- counter -->
</div><!-- col-md-3-->
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="counter margin-b-50">
<h1 class="title"><b><span class="counter-value" data-duration="700" data-count="311">0</span></b></h1>
<h5 class="desc"><b>Satisfied Clients</b></h5>
</div><!-- counter -->
</div><!-- col-md-3-->
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="counter margin-b-50">
<h1 class="title"><b><span class="counter-value" data-duration="2000" data-count="732">0</span></b></h1>
<h5 class="desc"><b>Finished Projects</b></h5>
</div><!-- counter -->
</div><!-- col-md-3-->
</div><!-- row-->
</div><!-- col-sm-12 -->
</div><!-- row -->
</div><!-- container -->
</section><!-- about-section -->
<section class="experience-section section center-text">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="heading">
<h3><b>Work Experience</b></h3>
<h6 class="font-lite-black"><b>PREVIOUS JOBS</b></h6>
</div>
</div><!-- col-sm-3 -->
<div class="col-sm-12">
<div class="experience margin-b-50">
<h4><b>JUNIOR PROJECT MANAGER</b></h4>
<h5 class="font-yellow"><b>DESIGN STUDIO</b></h5>
<h6 class="font-lite-black margin-t-10">MARCH 2015 - PRESENT</h6>
<p class="margin-tb-30">Duis non volutpat arcu, eu mollis tellus. Sed finibus aliquam neque sit amet sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus pellentes que velit,
quis consequat nulla effi citur at. Maecenas sed massa tristique.Duis non volutpat arcu,
eu mollis tellus. Sed finibus aliquam neque sit amet sodales. </p>
<ul class="list margin-b-30">
<li><span>Duis non volutpat arcu, eu mollis tellus.</span></li>
<li><span>Quis consequat nulla effi citur at.</span></li>
<li><span>Sed finibus aliquam neque sit.</span></li>
</ul>
</div><!-- experience -->
<div class="experience margin-b-50">
<h4><b>WEB MASTER/WEB DEVELOPER</b></h4>
<h5 class="font-yellow"><b>DESIGN & WEB STUDIO</b></h5>
<h6 class="font-lite-black margin-t-10">APRIL 2014 - FEBRUARY 2015</h6>
<p class="margin-tb-30">Duis non volutpat arcu, eu mollis tellus. Sed finibus aliquam neque sit amet sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus pellentes que velit,
quis consequat nulla effi citur at. Maecenas sed massa tristique.Duis non volutpat arcu,
eu mollis tellus. Sed finibus aliquam neque sit amet sodales. </p>
<ul class="list">
<li><span>Duis non volutpat arcu, eu mollis tellus.</span></li>
<li><span>Quis consequat nulla effi citur at.</span></li>
个人创意简历(可分享的网页)-简洁个人作品展示网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
132 浏览量
2024-03-18
11:24:49
上传
评论
收藏 1.82MB ZIP 举报
个人创意简历(可分享的网页)-简洁个人作品展示网页模板 Bootstrap-响应式适配移动端.zip （54个子文件） 
个人创意简历(可分享的网页)-简洁个人作品展示网页模板 Bootstrap-响应式适配移动端 html common-css 
ionicons.css 56KB bootstrap.css 187KB fluidbox.min.css 3KB 01-cv-portfolio css responsive.css 4KB styles.css 8KB
04-elements.html 11KB 04-elements css responsive.css 4KB styles.css 9KB 02-cv-boxed.html 14KB 03-cv-business css responsive.css 3KB styles.css 9KB 03-cv-business.html 18KB 02-cv-boxed css responsive.css 3KB styles.css 7KB index.html 15KB images 
portfolio-11-300x400.jpg 26KB portfolio-17-400x400.jpg 11KB portfolio-15-400x400.jpg 16KB slider-3-1920x1080.jpg 152KB portfolio-6-600x800.jpg 35KB portfolio-12-600x400.jpg 82KB
logos.png 7KB slider-2-1920x600.jpg 61KB portfolio-19-400x400.jpg 22KB portfolio-16-400x400.jpg 29KB portfolio-18-400x400.jpg 52KB slider-4-1920x600.jpg 72KB portfolio-7-600x800.jpg 16KB portfolio-3-600x400.jpg 16KB portfolio-10-300x400.jpg 30KB portfolio-20-400x400.jpg 47KB portfolio-1-600x400.jpg 82KB portfolio-5-600x800.jpg 34KB profile-1-250x250.jpg 25KB portfolio-4-600x400.jpg 30KB portfolio-13-400x400.jpg 57KB portfolio-8-300x400.jpg 31KB portfolio-2-600x400.jpg 26KB portfolio-9-300x400.jpg 9KB slider-1-1920x1080.jpg 178KB slider-5-1920x600.jpg 227KB portfolio-14-400x400.jpg 32KB common-js bootstrap.js 97KB jquery.waypoints.min.js 9KB jquery.fluidbox.min.js 10KB progressbar.min.js 22KB tether.min.js 24KB jquery-3.2.1.min.js 85KB isotope.pkgd.min.js 35KB scripts.js 4KB fonts ionicons.ttf 184KB ionicons.eot 118KB
ionicons.svg 326KB ionicons.woff 66KB资源评论
