<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="UTF-8">
<title>Safs - HTML</title>
<!-- ====== Google Fonts ====== -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">
<!-- ====== ALL CSS ====== -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/lightbox.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav">
<!-- Preloader -->
<div class="preloader">
<div class="spinner">
<div class="cube1"></div>
<div class="cube2"></div>
</div>
</div>
<!-- // Preloader -->
<!-- ====== Header ====== -->
<header id="header" class="header">
<!-- ====== Navbar ====== -->
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<!-- Logo -->
<a class="navbar-brand logo" href="index.html">
<img src="assets/images/logo.png" alt="logo">
</a>
<!-- // Logo -->
<!-- Mobile Menu -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-expanded="false"><span><i class="fa fa-bars"></i></span></button>
<!-- Mobile Menu -->
<div class="collapse navbar-collapse main-menu" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="#home">HOME</a></li>
<li class="nav-item"><a class="nav-link" href="#about">ABOUT</a></li>
<li class="nav-item"><a class="nav-link" href="#service">SERVICE</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">PORTFOLIO</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">BLOG</a></li>
<li class="nav-item"><a class="nav-link pr0" href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<!-- ====== // Navbar ====== -->
</header>
<!-- ====== // Header ====== -->
<!-- ====== Hero Area ====== -->
<div class="hero-aria" id="home">
<!-- Hero Area Content -->
<div class="container">
<div class="hero-content h-100">
<div class="d-table">
<div class="d-table-cell">
<h2 class="text-uppercase">Let's Begin</h2>
<h3 class="text-uppercase"><span class="typed"></span></h3>
<p>Make designed by as Begindot.</p>
<a href="#about" class="button smooth-scroll">Learn More</a>
</div>
</div>
</div>
</div>
<!-- // Hero Area Content -->
<!-- Hero Area Slider -->
<div class="hero-area-slids owl-carousel">
<div class="single-slider">
<!-- Single Background -->
<div class="slider-bg" style="background-image: url(assets/images/hero-area/img-1.jpg)"></div>
<!-- // Single Background -->
</div>
<div class="single-slider">
<!-- Single Background -->
<div class="slider-bg" style="background-image: url(assets/images/hero-area/img-2.jpg)"></div>
<!-- // Single Background -->
</div>
</div>
<!-- // Hero Area Slider -->
</div>
<!-- ====== //Hero Area ====== -->
<!-- ====== Featured Area ====== -->
<section id="featured" class="section-padding pb-70">
<div class="container">
<div class="row">
<!-- single featured item -->
<div class="col-lg-4 col-md-6">
<div class="single-featured-item-wrap">
<h3><a href="#">Graphic Design</a></h3>
<div class="single-featured-item">
<div class="featured-icon">
<i class="fa fa-edit"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, voluptatibus, sunt. Recusandae ab aliquid voluptate exercitationem dicta ipsa, odio cumque sapiente quaerat nisi ad rem dolor iusto.</p>
</div>
</div>
</div>
<!-- single featured item -->
<!-- single featured item -->
<div class="col-lg-4 col-md-6">
<div class="single-featured-item-wrap">
<h3><a href="#">Web Design</a></h3>
<div class="single-featured-item">
<div class="featured-icon">
<i class="fa fa-code"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, voluptatibus, sunt. Recusandae ab aliquid voluptate exercitationem dicta ipsa, odio cumque sapiente quaerat nisi ad rem dolor iusto.</p>
</div>
</div>
</div>
<!-- single featured item -->
<!-- single featured item -->
<div class="col-lg-4 col-md-6">
<div class="single-featured-item-wrap">
<h3><a href="#">SEO Services</a></h3>
<div class="single-featured-item">
<div class="featured-icon">
<i class="fa fa-search"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, voluptatibus, sunt. Recusandae ab aliquid voluptate exercitationem dicta ipsa, odio cumque sapiente quaerat nisi ad rem dolor iusto.</p>
</div>
</div>
</div>
<!-- single featured item -->
</div>
</div>
</section>
<!-- ====== //Featured Area ====== -->
<!-- ====== About Area ====== -->
<section id="about" class="section-padding about-area bg-light">
<div class="container">
<!-- Section Title -->
<div class="row justify-content-center">
<div class="col-lg-6 ">
<div class="section-title text-center">
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus placeat unde non modi, facilis, quae?</p>
</div>
</div>
</div>
<!-- //Section Title -->
<div class="row">
<div class="col-lg-6">
<div class="about-bg" style="background-image:url(assets/images/about-bg.jpg)">
<!-- Social Link -->
<div class="social-aria">
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="#"><i class="fab fa-pinterest"></i></a>
<a target
企业级网站源码-企业项目业务展示网站模板-响应式适配移动端.zip （68个子文件） 
企业级网站源码-企业项目业务展示网站模板-响应式适配移动端 html 
style.css 28KB assets js skill.bar.js 556B jquery.mixitup.js 35KB typed.js 12KB bootstrap.min.js 48KB fact.counter.js 1022B main.js 3KB jquery-3.3.1.min.js 85KB owl.carousel.min.js 42KB wow.min.js 8KB lightbox.min.js 9KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 39KB fa-solid-900.svg 382KB css bootstrap.min.css 141KB responsive.css 7KB animate.css 73KB fontawesome-all.min.css 35KB lightbox.min.css 3KB owl.carousel.min.css 3KB images hero-area 
img-1.jpg 75KB img-2.jpg 149KB team img-1.jpg 23KB img-4.jpg 55KB img-2.jpg 30KB img-3.jpg 20KB
prev.png 1KB portfolio img-1.jpg 127KB img-8.jpg 203KB img-6.jpg 60KB img-5.jpg 190KB img-4.jpg 128KB img-9.jpg 240KB img-2.jpg 130KB img-7.jpg 117KB img-3.jpg 145KB
loading.gif 8KB logo.png 5KB next.png 1KB faq.jpeg 106KB blog img-1.jpg 79KB img-8.jpg 58KB img-6.jpg 155KB img-5.jpg 26KB img-4.jpg 112KB img-2.jpg 65KB img-7.jpg 107KB img-3.jpg 110KB fan-fact-bg.jpg 96KB close.png 280B about-bg.jpg 149KB breadcrumb.jpg 64KB pattarn-black.png 17KB
single-blog.html 18KB index.html 49KB blog.html 16KB资源评论
