简介

模板特点：
  • 多页 演示
  • 易于定制
  • HTML5 和 CSS3
  • 干净简单的设计
  • 完全响应式布局
  • W3有效
  • 视网膜就绪
  • 盒子图标 免费图标
  • 由 Bootstrap 提供支持 (5.3.8)
  • 由 jQuery 提供支持 (3.7.1)
  • 流畅的动画
  • 有据可查
  • 跨浏览器兼容 Edge、IE10+、火狐、Opera、Chrome

开始使用

模板文件夹 萨拉布 可以在下载的 zip 文件中找到。需要解压 zip 文件才能找到模板和文档文件夹。

的 文件和文件夹结构 类似于以下内容：

  1. assets/css — 包含 CSS 文件的文件夹。
  2. 资源/字体 — 包含字体文件的文件夹。
  3. 资产/img — 包含图像文件的文件夹。
  4. assets/js — 包含 Javascript 文件的文件夹。

借助 FileZilla 等 FTP 客户端之一将模板文件上传到服务器。

HTML 文件：
  1. 主页（索引.html)
文件编辑和上传：

可以通过在代码编辑器（例如 VS Code）中打开来自定义各个页面。完成所有自定义后，为了使网站上线，您需要将更新的项目文件上传到您自己域的托管服务器。可以使用 FileZilla 等 FTP 客户端上传文件。

HEAD CSS 结构

以下是 CSS 里面加载的文件 头部部分:






<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/bootstrap.min.css">


<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/swiper-bundle.min.css">


<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/all.min.css">


<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/aos.css">


<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/magnific-popup.min.css">


<link rel="stylesheet" href="/views/tw_sarab/Documentation/css/style.css">

JavaScript 结构

以下是 JS 结束之前加载的文件 头部或身体部分：.






<script src="/views/tw_sarab/Documentation/assets/js/jquery.min.js"></script>


<script src="/views/tw_sarab/Documentation/assets/js/bootstrap.bundle.min.js"></script>


<script src="/views/tw_sarab/Documentation/assets/js/aos.js"></script>


<script src="/views/tw_sarab/Documentation/assets/js/swiper-bundle.min.js"></script>


<script src="/views/tw_sarab/Documentation/assets/js/jquery.magnific-popup.min.js"></script>


<script src="/views/tw_sarab/Documentation/assets/js/main.js"></script>

HTML结构

的 萨拉布 是一个响应式模板，基于 引导框架。欲了解更多信息，您可以查看 引导CSS.

整个模板的一般模板结构是相同的，每个部分都位于具有部分 id 名称的部分下。这是 总体结构：

使用的字体

默认情况下，模板加载 普莱费尔和波平斯 来自 Google 网络字体服务的字体。可以根据网站需要更改字体。 谷歌字体

字体代码可以在“样式.scss" file path: assets/css/style.scss 


    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Poppins:wght@300;400;500;600;700&family=Dancing+Script:wght@700&display=swap");

:root {
    --fontFamily: 'Playfair & Poppins', sans-serif;
}

主要颜色变化选项

File path: assets/css/style.css


:root { --mainColor: #e8281a; }

注意： CSS文件运行后就可以了

如何更改图像？

请转到图像文件“路径：img/...”，根据占位符图像大小和名称替换您想要的图像

如何添加现有模板的新更新

一段时间后，我们将根据最新技术更新我们的项目，但在您的模板中，如果您愿意，您需要自行更新。

制作人员

图片来源：
https://freepik.com/
https://pixabay.com/
https://unsplash.com/

图标字体：
丰塔威索姆

支持

如有任何疑问，请使用wrappmarket 上该商品的评论部分。谢谢！