您好，感谢您使用 Aria Business HTML 登陆页面模板。Aria 是一个使用 Bootstrap 构建的 HTML 登陆页面模板，具有变形文本、文本滑块、网格过滤、灯箱详细信息、计数数字、呼叫请求和联系表格。
基于 Bootstrap 4、HTML5、CSS3、PHP 和 JavaScript 构建，它将帮助您以美观高效的方式实现您的在线营销目标。
使用的框架和工具包：Bootstrap 4、Popper、jQuery、jQuery Easing、Validator、Isotope、Magnific Popup、Swiper、CountTo
您可以使用您喜欢的文本和代码编辑器编辑模板的 Html、Css、Php、Js 文件：Notepad++、Visual Code、Sublime或任何其他...
对于图像编辑，您可以使用Adobe Photoshop或您选择的任何其他图形编辑器。
文档- 是此帮助文件的文件夹。Web
-
包含模板的 html、css、js 和 php 文件。
Web文件夹包含index.html文件，您将使用它来打开模板。除了 index.html 之外，您还将找到以下文件夹：
您可以在查看以下免费在线资源时找到自己的图像：
图片大部分来自Freepik.com：
- 将您的图像文件放在图像文件夹
中
- 打开以编辑index.html
- 查找导航栏部分
- 在此处找到这行代码：
<a class="navbar-brand 徽标图像" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
- 编辑并保存Images文件夹
中的图像文件
- 打开以编辑css/styles.css
- 找到Header部分和以下代码行：
.标题 {
背景：线性渐变（rgba（0，0，0，0.3），rgba（0，0，0，0.5）），url（'../images/header-background.jpg'）中心中心不重复；
背景尺寸：封面；
}
- 编辑并保存Images文件夹
中的图片文件
- 打开并编辑css/styles.css - 找到
“Details 1”
部分- 这里重点关注以下几行：
.accordion .area-1 {
高度：27rem；
背景：url('../images/details-1-background.jpg') 中心中心不重复；
背景尺寸：封面；
}
.tabs .area-2 {
高度：27rem；
背景：url('../images/details-2-background.jpg') 中心中心不重复；
背景尺寸：封面；
}
Aria 在许多部分和元素中使用Font Awesome图标字体。
要更改 Font Awesome 图标之一，您只需将在 index.html 中找到的类（例如 fa-binoculars、fa-list-alt、fa-chart-pie）替换为您在http://fontawesome.io/icons/中需要的类即可
要更改模板页脚部分中的社交媒体图标，您需要：
-从模板文件夹中
打开index.html
- 在页脚中找到社交媒体部分：
- 并将fa-facebook、fa-twitter等替换为您在品牌图标部分中
从http://fontawesome.io/icons/
所需的类名- 另外，不要忘记将href="#your-link"替换为您的社交页面或帐户的链接
如果您想控制在社交媒体（尤其是 Facebook、Google+ 和 LinkedIn）上分享登录页面时帖子的外观，请不要忘记更新index.html文件的 Head 部分中的 OG Meta 标签（OpenGraph）。
<meta property="og:site_name" content="" /> <!-- 网站名称 --> <meta property="og:site" content="" /> <!-- 网站链接 --> <meta property="og:title" content=""/> <!-- 实际分享帖子中显示的标题 --> <meta property="og:description" content="" /> <!-- 实际分享帖子中显示的描述 --> <meta property="og:image" content="" /> <!-- 图片链接，确保为 jpg --> <meta property="og:url" content="" /> <!-- 您希望您的帖子链接到哪里 --> <meta property="og:type" content="article" />
To receive emails with data from your visitors simply change the line $EmailTo = "yourname@domain.com"; to your email address in the php folder in the following files:
Attention:The script only runs online (on a liver server with PHP support) so the forms will not work while the landing page is offline on your hard-drive
If you want to change input fields names, you will need to update them accordingly in the following files:
To setup a redirect to a thank you page on form submit, you need to:
- Open js/scripts.js inside the template folder
- Find the following block of code in the form section
function cformSuccess() {
$("#ContactForm")[0].reset();
csubmitMSG(true, "Message Submitted!")
}
function cformSuccess() {
$("#ContactForm")[0].reset();
window.location.href = "https://yourlinkhere.com";
}
The Projects section uses Isotope plugin which can be configured as described here https://isotope.metafizzy.co/
To add a new project in the projects section, you need to:
- Open for editing index.html and find the Projects section
- Here focus on the code area just below
<div class="grid">
<div class="element-item development"> <a class="popup-with-move-anim" href="#project-1"><div class="element-item-overlay"><span>Online Banking</span></div><img src="images/project-1.jpg" alt="alternative"></a> </div>
要在项目部分添加新的项目类别，您需要：
- 打开以编辑index.html并找到项目部分
- 在过滤器部分复制一行，如下所示：
<a class="button" data-filter=".development"><span>开发</span></a>
<div class="element-item 开发">
由于目前资源有限，我无法提供免费物品的支持，但请随时将您的问题发送至lucian@inovatik.com，我会尽力提供帮助，至少为您指明正确的方向。