<!doctype html>
<html class="no-js" lang="">
<head>
<!-- =====================================
Title of the site
========================================== -->
<title>SeFolio</title>
<!-- =====================================
Some of mata tag
========================================== -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- =====================================
Favicon of the site
========================================== -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- =====================================
Some importent css for the site
#Bootstrap
#Font-awesome
#Fonts
========================================== -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/fonts.css" media="all" />
<!-- =====================================
Some of extra effict css
========================================== -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" type="text/css" href="css/full-slider.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jPushMenu.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/hover.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/animate.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/preload.css" media="all" />
<!--=========================
Favicon of this site
============================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!--=========================
Some of main css
============================== -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css"><!--css for Main sayle-->
<link rel="stylesheet" href="css/media.css"><!--css for Responsive-->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!--=========================
Start area for Menu
============================== -->
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right">
<img src="img/logo.png" alt="" />
<a href="#myCarousel">Home</a>
<a href="#hireme_area">About me</a>
<a href="#service_area">Services</a>
<a href="#project_area">Portfolio</a>
<a href="#contact_area">Hire me</a>
</nav>
<div class="manu_div toggle-menu menu-right push-body">
<button class=""><i class="fa fa-indent"></i></button>
</div><!-- End of menu area -->
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--=========================
Start area for Header
============================== -->
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<!-- Start Overlay heady -->
<div class="header_overlay">
<div class="container">
<!-- Site logo -->
<div class="row header_top">
<div class="col-md-12 col-sm-12 col-xs-12 logo_div">
<img src="img/logo.png" alt="" />
</div>
</div><!-- End Logo -->
<!-- Header About -->
<div class="row header_text">
<div class="col-md-6 col-sm-12 col-xs-12">
<h1>Hello, I'm <span>Eftakher</span><br/>
A <span>FrontEnd</span> designer</h1>
</div>
<div class="col-md-6 "></div>
</div><!-- End Header About -->
<!-- Header promo -->
<div class="row header_promo">
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="single_promo hvr-sweep-to-bottom">
<i class="fa fa-mobile"></i>
<h2>.UI/UX Design</h2>
<a href="#">Read More</a>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="single_promo hvr-sweep-to-bottom">
<i class="fa fa-desktop"></i>
<h2>.UI/UX Design</h2>
<a href="#">Read More</a>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="single_promo hvr-sweep-to-bottom">
<i class="fa fa-lightbulb-o"></i>
<h2>.UI/UX Design</h2><a href="#">Read More</a>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="single_promo hvr-sweep-to-bottom">
<i class="fa fa-camera"></i>
<h2>.UI/UX Design</h2>
<a href="#">Read More</a>
</div>
</div>
</div><!-- End Header Ptomo -->
</div>
</div>
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slide1.jpg');"></div>
<div class="carousel-caption overlay">
</div>
</div>
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slide2.jpg');"></div>
<div class="carousel-caption overlay">
</div>
</div>
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slide3.jpg');"></div>
<div class="carousel-caption overlay">
</div>
</div>
</div>
</header><!-- End of Header Area -->
<!--=========================
Start area for Hire me
============================== -->
<section id="hireme_area">
<div class="row hireme_row">
<!-- Start About text -->
<div class="col-md-6 col-sm-6 col-xs-12 hireme_text wow slideInLeft">
<div class="hireme_inner">
<h2>I'm <span>Eftakher</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis.</p>
<a href="#" class="my_work hvr-round-corners">My Work</a>
<a href="#" class="hair_me hvr-round-corners">Hire Me</a>
</div>
</div>
<!-- Start About Slide -->
<div class="col-md-6 col-sm-6 col-xs-12 hireme_slider wow slideInRight">
<div id="hireme_slide" class="owl-carousel owl-theme">
<div class="item"><img src="img/slider/hire_slide1.jpg" alt="The Last of us"></div>
<div class="it
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML实现的国外Bootstrap设计公司网站模板 - SEFOLIO(1)(css+html+js+图样).zip (97个子文件)
【NumberOne专业开发】Bootstrap设计公司网站模板 - SEFOLIO
apple-touch-icon.png 4KB
js
jquery.fancybox.js 48KB
main.js 2KB
jquery.fancybox.pack.js 23KB
vendor
modernizr-2.8.3.min.js 15KB
jquery-1.11.3.min.js 94KB
jPushMenu.js 3KB
owl.carousel.js 52KB
wow.min.js 8KB
plugins.js 760B
img
left_nav.png 1KB
slider-overlay.png 1KB
blank.gif 43B
fancybox_loading@2x.gif 14KB
jquery.png 3KB
feedback_bg.jpg 114KB
sponsor_bg.jpg 90KB
fancybox_loading.gif 6KB
logo.png 2KB
fancybox_sprite@2x.png 6KB
feedback_ov.png 1KB
fancybox_overlay.png 1003B
left_nav_h.png 1KB
eivato.png 4KB
fancybox_sprite.png 1KB
right_nav_h.png 1KB
sass.png 3KB
less.png 3KB
hire_bg.jpg 15KB
slider
slide2.jpg 205KB
hire_slide3.jpg 70KB
slide1.jpg 83KB
hire_slide1.jpg 62KB
slide3.jpg 169KB
hire_slide2.jpg 58KB
right_nav.png 1KB
project
p1-full.jpg 139KB
p2-full.jpg 69KB
p4-full.jpg 45KB
p6-full.jpg 95KB
p4.jpg 31KB
p6.jpg 52KB
p3-full.jpg 66KB
p5-full.jpg 32KB
p2.jpg 35KB
p3.jpg 31KB
p5.jpg 16KB
p1.jpg 62KB
css
hover.css 123KB
fonts.css 3KB
main.css 19KB
owl.carousel.css 1KB
media.css 2KB
font-awesome.css 28KB
normalize.css 8KB
preload.css 10KB
owl.transitions.css 4KB
animate.css 56KB
bootstrap.css 138KB
jPushMenu.css 2KB
full-slider.css 631B
owl.theme.css 2KB
jquery.fancybox.css 5KB
404.html 1KB
favicon.ico 1KB
index.html 22KB
fonts
karla-regular-webfont.woff2 13KB
asap-bold-webfont.ttf 51KB
asap-regular-webfont.woff 27KB
asap-italic-webfont.svg 84KB
asap-bold-webfont.eot 24KB
karla-bold-webfont.woff2 14KB
asap-regular-webfont.ttf 50KB
FontAwesome.otf 92KB
asap-bold-webfont.svg 79KB
asap-italic-webfont.ttf 57KB
asap-bold-webfont.woff2 22KB
fontawesome-webfont.eot 59KB
asap-italic-webfont.woff2 24KB
asap-regular-webfont.svg 77KB
karla-regular-webfont.eot 15KB
asap-regular-webfont.eot 24KB
fontawesome-webfont.woff 70KB
karla-regular-webfont.woff 17KB
karla-bold-webfont.svg 42KB
fontawesome-webfont.woff2 55KB
karla-regular-webfont.svg 40KB
karla-regular-webfont.ttf 29KB
karla-bold-webfont.woff 18KB
karla-bold-webfont.ttf 30KB
fontawesome-webfont.svg 306KB
asap-italic-webfont.eot 27KB
asap-italic-webfont.woff 31KB
asap-bold-webfont.woff 28KB
fontawesome-webfont.ttf 119KB
karla-bold-webfont.eot 15KB
asap-regular-webfont.woff2 21KB
共 97 条
- 1
资源评论
CyMylive.
- 粉丝: 6612
- 资源: 3万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功