<!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
基于HTML实现的国外Bootstrap设计公司网站模板 - SEFOLIO(css+html+js+图样).zip
94 浏览量
2024-04-28
02:01:06
上传
评论
收藏 2.56MB ZIP 举报
基于HTML实现的国外Bootstrap设计公司网站模板 - SEFOLIO(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资源评论
