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。
請按照以下步驟設置您的網站模板:
HTML/css - 樣式表文件HTML/fonts – 圖標字體文件HTML/img - 圖像文件HTML/js - JavaScript文件下載模板後,您會看到一個包含多個文件和子文件夾的資料夾。您可以繼續閱讀一些重要文件的說明。
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>
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');
我們非常希望藉此機會感謝那些對我們製作Boxass成為我們超讚用戶真正美麗主題的項目有所幫助的人: