c7娱乐 Official Website - Top NG Electronic Games

欢迎探索C7娱乐官方网站

Note: This is not a WordPress theme, and it wont install like a WordPress theme, this is a HTML5 template (static website).

Softar is a Responsive Software Landing Page HTML5 Template that comes with 10+ pages and 5 home page variations. Softar is a graphically polished, interactive, easily customizable, highly modern, fast loading, search engine optimized, efficiently coded, well documented, vibrant and fully responsive HTML5 and CSS3 Software Landing Page template specifically for , software , start-ups and mobile apps, Automotive site or your just a Blog

To edit this template with your info you will need a code editor, i use Sublime Text (http://www.sublimetext.com/3) and a browser i recommend to use Google Chrome.

It is really easy to use. There is multiple home page layouts to chose, also various selection of pages that you can use to create your website, but you can also create your own page layouts very easily (just copy and paste code form the elements examples).

When you start editing the template with your info is good idea to create separate folder, copy the assets folder and 404.html page there, rename one of the index... files to index.html and then move and edit pages that you will use. Also is good practice to create separate styleseet for your edits and load it bellow Softar CSS.

C7娱乐平台快速入门

Follow the steps below to setup your site template:

解压下载的软件包，打开“HTML”文件夹以查找所有模板文件。使用FTP将这些文件上传到您的网站服务器。
以下是需要上传到您网站根目录的文件夹结构： HTML/css - 样式表文件 HTML/fonts – 图标字体文件 HTML/img - 图片文件 HTML/js - JavaScript文件
根据需要上传全部或部分HTML文件。
您现在可以开始添加内容/图片，为您的用户打造一个全新的精美网站。

C7娱乐网站结构解析

HTML文件结构解析

Once you download the template, you can see a folder with several files and sub folders. You can read description of some important files in continue.

assets
- css
  - 动画效果CSS
  - 导航菜单CSS
  - Bootstrap核心CSS
  - FontAwesome图标CSS
  - Themify图标CSS
  - 弹出窗口CSS
  - 轮播组件CSS
  - 轮播主题CSS
  - 响应式布局CSS
  - 插件通用CSS
- 字体
- 图片资源存放区，如Logo、配图、视频等。
- js
  - 导航菜单JavaScript
  - Bootstrap核心JavaScript
  - 区域高度均分JavaScript
  - Mixitup 动态内容布局
  - jQuery 动画加载效果
  - jQuery Easing 缓动函数
  - Magnific Popup 模态框插件
  - jQuery 核心JavaScript库
  - Modernizr 特性检测工具
  - Owl Carousel 响应式轮播
  - WOW.js 滚动动画触发
  - 进度条组件
  - Isotope 响应式网格布局
  - ImagesLoaded 图片加载监听
  - jQuery CountTo 数字计数器
  - 核心功能脚本增强集
  - 平台自定义功能脚本
首页
首页演示页面二
...
主视觉样式表

定制化

请仔细阅读以下信息

Softar follows a simple and easy to customize coding structure. Here is the sample for your reference:


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Softar - Software 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/themify-icons.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/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/progress-bar.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

C7娱乐品牌视觉规范

How to change logo

How to change favicon

How to change page title

How to Change Banner Text & Background

Banner One

Banner Two

How to change Team Section

Thumb

How to change testimonial Section

Thumb

How to Change Breadcrumb

How to Add/Remove Footer Bottom

How to change contact form email

Thumb

How to control Fun Factor

How to control Owl Carousel

How to control Preloader

How to Add/Remove CSS

How to Add/Remove JS

C7娱乐重要提示

C7娱乐平台集成了Google Fonts库中的Manrope和Roboto字体。您可以通过以下代码进行修改。

 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

C7娱乐鸣谢

Read The following information Carefully

本平台选用 Google Fonts 字体，以提供流畅的视觉与交互体验。
如需获取更详细的技术支持，请发送邮件至 [email protected]
为保障您的合法权益，申请支持服务时，请提供您的购买凭证。 1. 提交官方支持请求。 2. 提供您账户登录后的界面截图，以验证您对平台的访问权限。

credits

我们感谢所有为C7娱乐平台贡献的开发者，他们的努力使平台更加完善。

Images and video

Unsplash 免费图库资源
NothingToChance 创意图片集
Gratisography 精选免费图片
Magdeleine 精选素材
Picjumbo 免费图库
Picography 免费素材

JS Libraries

jQuery 核心库
HTML5 兼容性处理方案
Modernizr 库
jQuery Easing 缓动插件
页面平滑滚动效果
jQuery Appear 元素可见插件
Bootsnav 响应式导航插件
WOW.js 动画触发库
jQuery countTo 计数插件
Magnific Popup 灯箱插件
等高列布局实现
Owl Carousel 轮播插件

CSS & Fonts

Bootstrap 前端框架
动态视觉动画效果
Font-Awesome 图标库
Flaticons 精美图标
Google Fonts 字体库

C7娱乐核心功能概览

C7娱乐下载文件内容说明

欢迎探索C7娱乐官方网站

C7娱乐平台快速入门

C7娱乐网站结构解析

HTML文件结构解析

定制化

请仔细阅读以下信息

C7娱乐品牌视觉规范

How to change logo

How to change favicon

How to change page title

How to Change Banner Text & Background

Banner One

Banner Two

How to change Team Section

How to change testimonial Section

How to Change Breadcrumb

How to Add/Remove Footer Bottom

How to change contact form email

How to control Fun Factor

How to control Owl Carousel

How to control Preloader

How to Add/Remove CSS

How to Add/Remove JS

C7娱乐重要提示

C7娱乐鸣谢

Read The following information Carefully

credits

Images and video

JS Libraries

CSS & Fonts