<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="Your description">
<meta name="author" content="Your name">
<!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn -->
<meta property="og:site_name" content="" /> <!-- website name -->
<meta property="og:site" content="" /> <!-- website link -->
<meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="" /> <!-- where do you want your post to link to -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter -->
<!-- Webpage Title -->
<title>Yavin Webpage Title</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<link href="css/swiper.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="images/favicon.png">
</head>
<body>
<!-- Navigation -->
<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">
<div class="container">
<!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
<!-- Text Logo - Use this if you don't have a graphic logo -->
<!-- <a class="navbar-brand logo-text" href="index.html">Yavin</a> -->
<button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav ms-auto navbar-nav-scroll">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#header">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#details">Details</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">Drop</a>
<ul class="dropdown-menu" aria-labelledby="dropdown01">
<li><a class="dropdown-item" href="article.html">Article Details</a></li>
<li><div class="dropdown-divider"></div></li>
<li><a class="dropdown-item" href="terms.html">Terms Conditions</a></li>
<li><div class="dropdown-divider"></div></li>
<li><a class="dropdown-item" href="privacy.html">Privacy Policy</a></li>
</ul>
</li>
</ul>
<span class="nav-item">
<a class="btn-outline-sm" href="#contact">Contact us</a>
</span>
</div> <!-- end of navbar-collapse -->
</div> <!-- end of container -->
</nav> <!-- end of navbar -->
<!-- end of navigation -->
<!-- Header -->
<header id="header" class="header">
<img class="decoration-star" src="images/decoration-star.svg" alt="alternative">
<img class="decoration-star-2" src="images/decoration-star.svg" alt="alternative">
<div class="container">
<div class="row">
<div class="col-lg-7 col-xl-5">
<div class="text-container">
<h1 class="h1-large">Beautifying office spaces</h1>
<p class="p-large">Is education residence conveying and sore. Suppose shyness say ten behaved morning had. Any propose assist compliment occasional too reasonably</p>
<a class="btn-solid-lg" href="#introduction">More details</a>
<a class="btn-outline-lg" href="#contact">Contact us</a>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
<div class="col-lg-5 col-xl-7">
<div class="image-container">
<img class="img-fluid" src="images/header.png" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</header> <!-- end of header -->
<!-- end of header -->
<!-- Statistics -->
<div class="counter">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Counter -->
<div class="counter-container">
<div class="counter-cell">
<div data-purecounter-start="0" data-purecounter-end="231" data-purecounter-duration="3" class="purecounter">1</div>
<div class="counter-info">Happy Customers</div>
</div> <!-- end of counter-cell -->
<div class="counter-cell">
<div data-purecounter-start="0" data-purecounter-end="385" data-purecounter-duration="1.5" class="purecounter">1</div>
<div class="counter-info">Issues Solved</div>
</div> <!-- end of counter-cell -->
<div class="counter-cell">
<div data-purecounter-start="0" data-purecounter-end="159" data-purecounter-duration="3" class="purecounter">1</div>
<div class="counter-info">Good Reviews</div>
</div> <!-- end of counter-cell -->
<div class="counter-cell">
<div data-purecounter-start="0" data-purecounter-end="128" data-purecounter-duration="3" class="purecounter">1</div>
<div class="counter-info">Case Studies</div>
</div> <!-- end of counter-cell -->
</div> <!-- end of counter-container -->
<!-- end of counter -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of counter -->
<!-- end of statistics -->
<!-- Introduction -->
<div id="introduction" class="basic-1 bg-gray">
<div class="container">
<div class="row">
<div class="col-xl-9">
<h2>Creating office spaces is our passion and you can see that in our completed projects</h2>
<p>Unpleasing has ask acceptance partiality alteration understood two. Worth no tiled my at house added. Married he hearing am it totally removal. Remove but suffer wanted his lively length. Moonlight two applauded conveying end
HTML网站源码-简洁办公空间设计网页模板-响应式源码.zip
版权申诉
187 浏览量
2024-03-26
09:46:49
上传
评论
收藏 1.99MB ZIP 举报
HTML网站源码-简洁办公空间设计网页模板-响应式源码.zip （48个子文件） 
HTML网站源码-简洁办公空间设计网页模板-响应式源码 html 
terms.html 19KB js 
bootstrap.min.js 59KB purecounter.min.js 5KB swiper.min.js 123KB scripts.js 3KB article.html 18KB webfonts fa-brands-400.woff 88KB fa-brands-400.ttf 131KB
fa-brands-400.svg 730KB fa-solid-900.woff 99KB fa-solid-900.eot 198KB fa-solid-900.ttf 198KB fa-brands-400.woff2 75KB fa-regular-400.woff2 13KB fa-brands-400.eot 131KB fa-regular-400.eot 33KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 76KB fa-solid-900.svg 897KB privacy.html 21KB css bootstrap.min.css 152KB swiper.css 22KB fontawesome-all.min.css 58KB styles.css 25KB index.html 31KB images 
project-1.jpg 13KB
up-arrow.png 1KB quotes.svg 805B details-1.png 66KB details-2.png 83KB down-arrow.png 1KB project-4.jpg 12KB article-details-small.jpg 77KB project-5.jpg 11KB logo.svg 3KB contact.png 94KB testimonial-2.jpg 7KB header.png 115KB decoration-star.svg 103KB testimonial-1.jpg 9KB project-2.jpg 12KB article-details-large.jpg 79KB project-3.jpg 15KB testimonial-3.jpg 8KB project-6.jpg 10KB favicon.png 1KB资源评论
DTcode7
- 粉丝: 4359
- 资源: 4093
最新资源
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架，下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
- python-leetcode面试题解之第166题分数到小数-题解.zip
- python-leetcode面试题解之第165比较版本号-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
