Upland - Landing Page HTML Template

Upland – App Landing Page It’s a unique, modern, beautiful, clean, minimal and elegant HTML5 / CSS3 App Landing Page. This template has been designed for app website, app showcase, app landing page etc.

雷速体育
感谢您选择雷速体育!如果您在使用过程中遇到任何疑问,欢迎通过我们的联系方式进行咨询。我们致力于为您提供卓越的体育赛事信息服务。

Intro

features

  • Built with HTML5 & CSS3
  • SVG Images.
  • Google Fonts.
  • Easy to customize.
  • Fully Responsive.
  • Clean Code.
  • Free Images.
  • W3 Valid 100%.
  • Browser Compatibility.
  • Fully Customizable.
  • Modern and Creative Design.
  • And much more...

This template contains 4 page:

  • 1. Home Page.
  • 2. Blog Page.
  • 3. Post Page.
  • 4. 404 Page.

HTML Structure

Visual Studio Code (download for free). Used to edit the .HTML, .JS, and .CSS files.

  1. <!-- BEGIN: free trial -->
  2. <div class="free-trial">
  3. <div class="container">
  4. <div class="text-contain">
  5. <h3>Are You Ready To Enjoy? Get This Perfect Theme Now!</h3>
  6. <p>It is a long established fact that a reader will be distracted</p>
  7. <div class="button-contain">
  8. <button>Start Trial Free</button>
  9. </div>
  10. </div>
  11. </div>
  12. </div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

  1. .text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

  1. .free-trial .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


How to change Logo ?

All icons and images of the project are stored in the "img" folder.






How to change Image ?




How To Change Site Title ?




How to change Copyright ?




How To Change Video ?

Paste your video link here




Connected Fonts

CSS Files and Structure

How To Work With CSS Files ?

All .css files are located in the CSS folder. The main.css file is the main style file. If you want to change the styles, you can do so in the style.css file at the very bottom of the file.



JavaScript

This Template imports many Javascript files

  • jquery-3.5.1.min.js
  • slick.min.js
  • 表单美化插件
  • 剪贴板操作插件
  • 日期选择插件
  • 文本截断插件
  • 响应式视频插件
  • 核心功能脚本

Connected as:


The main custom javascript file is stored in js/custom.js

Sources and Credits

I've used the following images or other files as listed :

1. Images

  • 素材来源:Freepik
  • 素材来源:Depositphotos

2. JavaScript Files

  • Slick轮播插件
  • jQuery核心库
  • 表单美化插件
  • 剪贴板操作插件
  • 日期选择插件
  • 文本截断插件
  • 响应式视频插件

3. Fonts

  • 字体:Darker Grotesque
  • 字体:Codystar
  • 字体:Roboto

Template Customization

Installation

  • 通过FTP客户端连接您的服务器
  • 导航至目标目录(通常是public_html)
  • 上传“face”文件夹内的所有文件

More about installation:

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

皖ICP备202431753835号
电话:+86 186 1088 7728邮箱:sales@zh-main-leisuty.com微信:goco_517成都市高新区天府大道719号