Boxass

Startup Landing Page Template

  • 創建於: 15/9/2019
  • 最後更新: --

簡介

注意: 這是 不是WordPress主題,它不會像WordPress主題一樣安裝, 這是一個HTML5模板 (靜態網站)。

Boxass 是一個響應式、快速、易於定制的現代多功能SaaS、Startup和Software Landing Page模板,它包含 12+ 有效的HTML5頁面和 6+ 主頁變體。 Boxass 提供眾多超讚功能,例如, software, app, app landing, app landing page, app landing template, App Showcase, app store, app template, app website, clean app landing, creative app landing page, promote saas, web apps, mobile apps and all kind of marketing websites, launching startups 或您只是 部落格。代碼註釋清晰,文件結構文檔齊全,並提供24/7專業且超快速的支援。

要使用您的資訊編輯此模板,您需要一個代碼編輯器,我使用Sublime Text(http://www.sublimetext.com/3)和一個瀏覽器,我建議使用Google Chrome。

它真的很容易使用。有多種主頁佈局可供選擇,還有各種頁面可供您創建網站,但您也可以非常輕鬆地創建自己的頁面佈局(只需從元素範例中複製粘貼代碼)。

當您開始使用您的資訊編輯模板時,創建一個單獨的資料夾是個好主意,將assets資料夾和404.html頁面複製到其中,將其中一個index...文件重命名為index.html,然後移動並編輯您將使用的頁面。另外,為您的編輯創建一個單獨的樣式表並加載它也是一個好習慣 下方 Boxass CSS。

安裝

請按照以下步驟設置您的網站模板:

  1. 解壓縮下載的包並打開/HTML資料夾以查找所有模板文件。您需要使用FTP將這些文件上傳到您的託管Web服務器,以便在您的網站上使用它們。
  2. 下方是文件夾結構,需要上傳到您的網站根目錄:
    • HTML/css - 樣式表文件
    • HTML/fonts – 圖標字體文件
    • HTML/img - 圖像文件
    • HTML/js - JavaScript文件
  3. 您應該根據需要上傳所有或特定的HTML文件。
  4. 您現在可以開始了..! 開始添加您的內容/圖像,為您超讚的用戶生成一個美麗的全新網站。

包含內容

查看下載後您會看到的文件

下載模板後,您會看到一個包含多個文件和子文件夾的資料夾。您可以繼續閱讀一些重要文件的說明。

  • assets
    • 样式表资源
      • Animate.css 动画效果
      • Bootsnav.css 导航栏样式
      • Bootstrap.min.css 核心样式
      • Font-awesome.min.css 图标库
      • Magnific-popup.css 弹出窗口样式
      • Owl.carousel.min.css 轮播图样式
      • Owl.theme.default.min.css 轮播图主题
      • Responsive.css 响应式布局
      • Plugins.min.css 核心CSS压缩包
    • 字體
    • img這裡是放置您的媒體文件的地方,例如徽標、圖像、視頻等。
    • js
      • Bootsnav.js 导航栏脚本
      • Bootstrap.min.js 核心脚本
      • Equal-height.min.js 等高组件脚本
      • Isotope.pkgd.min.js 瀑布流布局脚本
      • jQuery.appear.js 视口触发脚本
      • jQuery.easing.min.js 缓动动画脚本
      • jQuery.magnific-popup.min.js 弹出窗口辅助脚本
      • jQuery-1.12.4.min.js jQuery主库
      • Modernizr.custom.13711.js Modernizr特性检测
      • Owl.carousel.min.js 轮播图脚本
      • Wow.min.js 动画触发脚本
      • Plugins.min.js 核心JavaScript压缩包
      • Custom.js 模板主脚本
  • index.html
  • index-2.html
  • ...
  • style.css

HTML結構

檢查HTML文件的結構

Boxass遵循一個簡單易於定制的編碼結構。以下是供您參考的範例:


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Boxass - Startup Landing Page Template</title>

    <!-- ========== Start Stylesheet ========== -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet">
    <link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/bootsnav.css" rel="stylesheet">
    <link href="assets/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  

  <body>

    <!-- Start Navigation -->
    <nav class="navbar navbar-default navbar-fixed white no-background bootsnav">

    </nav>
    <!-- End Navigation-->


    <!-- Start Main
    ============================================= --->
    <main>

    </main>
    <!-- END Main Content -->


    <!-- Star Footer
    ============================================= -->
    <footer>

    </footer>
    <!-- End Footer -->


    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/equal-height.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/modernizr.custom.13711.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

1.在此修改您的電子郵件以接收聯繫表單的電子郵件:

1. Modify your email here to receive emails from contact for - 开云huabaoda

2.移動部分的方法:

如下圖所示剪切一個部分,並將其粘貼到您需要的任何位置

1. Modify your email here to receive emails from contact for - 开云huabaoda

更改字體

Boxass使用2種字體:來自Google Fonts Library的Roboto和Poppins。您可以按照以下代碼更改字體

 @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');
                    

注意

請仔細閱讀以下資訊

  • 此項目中使用的字體是從Google加載的。如果您沒有互聯網連接,則項目字體可能會有所不同(不用擔心,這不是問題)
  • 如果您認為文檔不足以自定義此項目,請發送電子郵件至 [email protected]
  • 在尋求任何幫助之前,您需要確保您是此項目的實際買家。您有兩種方式可以證明這一點
    1.收集一個支持票證並與您的郵件一起發送
    2.登錄您的帳戶後發送屏幕截圖,以便我們了解您有權從themeforest下載此項目

鳴謝

我們非常希望藉此機會感謝那些對我們製作Boxass成為我們超讚用戶真正美麗主題的項目有所幫助的人:

圖像和視頻

JS庫

CSS & 字體

豫ICP备202452431387号
开云huabaoda科技有限公司简单 · 可靠 · 贴心电话:+86 178 6247 3239邮箱:[email protected]营业时间:7×24杭州市西湖区文三路928号
📍 在百度地图查看位置